Group's posts with tag: humor
|  |
I made this layout for my school's high school fair.
http://bemypromdate.multiply.com/photos/album/41/Fantasma
http://bemypromdate.multiply.com/photos/album/41/Fantasma
http://bemypromdate.multiply.com/photos/album/41/Fantasma
http://bemypromdate.multiply.com/photos/album/41/Fantasma
http://bemypromdate.multiply.com/photos/album/41/Fantasma
1. MYKONOS THEME
2. CSS:
div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}
body {
font-family: arial ;
background-color: #FFFFFF;
background-image: url("http://i20.tinypic.com/50nokz.gif");
}
a, a:visited, a:link { color: #669933; }
.rail {
width: 159px;
padding-right: 5px;
}
.railstart {
margin-top: 15px;
height: 95px;
width: 159px;
background: url() no-repeat top left;
z-index: 1000;
position: relative;
}
.railbody {
padding: 0px 0 0 0;
width: 159px;
background: none;
background-color: #FFFFFF;
background-color: #FFFFFF;
font-size: 10px;
border-left: 2px solid black;
border-right: 2px solid black;
background: none;
border: none;
background-color: #FFFFFF;
z-index: 1000;
position: relative;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: #FFFFFF;
}
.railend {
height: 130px;
width: 159px;
background: url() no-repeat top left;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 320px;
height: 450px;
width: 680px;
border: 3px solid black;
border-bottom: none;
padding: 0px 20px 0 0;
background-color: #FFFFFF;
background: url("http://i23.tinypic.com/2jdnlap.jpg") no-repeat top left;
background-position: 0 -0px;
}
div#subnavc {
width: auto;
}
div#subnav {
padding: 1px;
padding-left: 5px;
background: none;
border: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 10px;
font-weight: bold;
color: black;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
text-transform: uppercase;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: black;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: #FFFFFF;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #669933;
}
li.gnoptsel {
border-color: black;
}
h1#page_owner_title {
font-size: 30px;
background-color: none;
background: none;
color: black;
font-weight: none;
font-family: verdana;
text-transform: none;
}
div#page_start {
padding: 30px 10px 10px 10px;
width: 680px;
border: 3px solid black;
border-top: none;
border-bottom: none;
margin: 0 auto;
background:
background: url("http://i8.tinypic.com/4r8mdrd.jpg") no-repeat top left;
background-position: 0 -390px;
background: #FFFFFF;
}
div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 20px 0 0 20px;
width: 680px;
border: 3px solid black;
border-top: none;
height: 78px;
text-align: left;
font-size: 10px;
color: black;
background: url("http://i8.tinypic.com/4r8mdrd.jpg") no-repeat bottom left;
}
div.stats {
border-bottom: none;
}
div.homewrapper div.itemboxsub td.cattitle {
font-size: 20px;
}
div.homewrapper .rolloverfordnd td.cattitle {
font-size: 20px;
}
.itemboxsub {
color: black;
font-weight: bold;
font-size: 20px;
border: 1px solid #444;
border-bottom: none;
border: none;
padding: 0;
background: none;
}
.rolloverfordnd {
color: black;
font-weight: bold;
font-size: 10px;
border: 0px solid #444;
border-bottom: none;
border: none;
padding: 0;
background: #FFFFFF;
background-color: #DCD69A;
}
div.homewrapper .itemsubsub {
font-size: 10px;
}
.itemsubsub {
font-weight: normal;
line-height: 10px;
text-align: right;
color: #669933;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
color: #669933;
}
.itembox {
border: none;
padding: 0;
padding-top: 5px;
margin: 0px;
overflow: visible;
background-color: white;
background: none;
border-top: 1px solid #000000;
}
.itemactionspacer {
height: 30px;
}
.itemboxalbum {
border: 1px solid #ccc;
background-color: #eee;
padding: 10px;
text-align: center;
}
a.mine, a.mine:link, a:visited.mine {
color: #669933; border: none; background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: black; border: none; background: none;
}
a.go, .go {
color: #669933; border: none; background: #FFFFFF;
}
.rail .userlogo {
border: 3px solid black;
}
.caldiv1 { background-color: #FFFFFF; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 10px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #FFFFFF; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #ccc; width:
20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #FFFFFF; }
.caldiv1 th {
background-color: #FFFFFF;
color: black;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: black; }
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a { color: black; }
.navinput {
border: none;
color: white;
}
.album {
margin: 0 10px 10px 0;
}
.album img {
border: 1px solid #333;
}
table.indextitle {display: none}
.icon { visibility: hidden; display: none; }
td#maincontent { padding: 10px 25px 0 10px; margin: 0 }
div.viewmore {
text-align: left;
margin-bottom: 30px;
}
div.header {
width: 770px;
margin: 0 auto;
background: none;
}
.railbody ul { margin: 0; padding: 0; border-bottom: 1px solid #000000; }
.railbody li { padding: 0; margin: 0; list-style-type: none; }
.railbody li { display: block; width: 139px; padding: 5px 10px 5px 10px; border-top: 1px solid black; }
.railbody p { padding: 5px 10px 0 10px; border-top: 0px solid #FFFFFF; }
.infobox { background-color: transparent; }
.infobox div.boxbody {
border: 0px solid #fff;
background-color: #FFFFFF;
}
div.gndd {
background-color: white;
border: 0px solid #FFFFFF;
}
div.ddsep { background-color: white; }
div.gndd a {
font-weight: bold;
border: 1px solid #669933;
}
a.mine, a:link.mine, a:visited.mine {
font-size: 11px;
font-weight: normal;
padding: 0 2px 0 2px;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
font-size: 11px;
font-weight: normal;
padding: 0 2px 0 2px;
}
div.guidebox h1 { font-size: 24px; }
div.guidebox {
background: none;
background-color: white;
border: 0px;
background-color: white;
}
div.add_sublabel {
color: black;
}
div.add_sublabel a, div.add_sublabel a:link, div.add_sublabel a:visited {
color: black;
}
div.add_sublabel a:hover {
color: black;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: black;
}
/* AVATAR SETTINGS */
.userlogo {
background-color:#FFFFFF;
color: #669933;
font-size:10px;
padding:5px;
text-align:center;
width:100px;
}
.contactbox {
background-color:#FFFFFF;
border:1px solid black;
color:black;
float:left;
font-size:11px;
margin-right:15px;
padding:5px;
text-align:center;
}
/*INFO BOX & POLL*/
div.infobox .boxbody {
padding: 10px;
border: 1px solid #669933;
position: relative;
}
|
| | Modify as you wish!
How to "install" this theme:
1) Select the "AVLACK" theme from the Multiply theme selection page for your personal page. You can select that by clicking on this link: http://multiply.com/setup/pages/themes/avlack.
2) Copy and paste the CSS code below (inside scrollable box) to the CSS box in your settings page. The link for the Custom CSS page is this: http://multiply.com/setup/pages/upload-css
(Note: If you want to be able to restore the previous theme, remember to backup the CSS file that is already installed on the settings page, if available.)
Tip in highlighting code: Scroll all the way down and begin highlighting at the end of the code which is }. Move the cursor up until you have highlighted the entire code.
---START of Scrollbox---
/*jedimaster10 // http://diammidala.multiply.com
"Cat Humor Theme"
base theme - Avlack
File Date - Nov 21, 07
Update - Dec 14, 07
http://customizedthemes.multiply.com/photos/album/7242
*/
body {
font-family: century gothic, book antiqua;
background: #3f3f3f url(http://i213.photobucket.com/albums/cc23/maidme/bricks.jpg) fixed;
}
/*links in arrows*/
a, a:visited, a:link { color: #fff; }
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 194px;
width: 760px;
border: 10px solid teal;
border-bottom: none;
padding: 0 0 0 0;
padding-bottom: 35px;
padding-top: 68px;
background: url(http://images.diamme.multiply.com/image/10/photos/69/orig/21/savethecat.jpg?et=9tYCBvh1d9kGshzNpaVDTQ) no-repeat;
background-color: #3f3f3f;
background-position: 50% 68px;
}
div#subnavc {
width: auto;
height: 20px;
background-color: transparent;
border-top: none;
padding: 4px;
padding-top: 188px;
}
h1#page_owner_title {
font-size: 35px;
background-color: none;
background: none;
color: #fff;
font-weight: bold;
height: 68px;
padding-left: 12px;
margin-top: -68px;
}
.railstart {
margin-top: 10px;
height: 79px;
width: 159px;
background: url(http://i213.photobucket.com/albums/cc23/maidme/railhelp.jpg) no-repeat top left;
background-position:top left;
z-index: 1000;
position: relative;
}
.railbody, .railsep, .railend, div#rail { background-color: #3f3f3f; }
td.rail {
background: #3f3f3f url(http://i213.photobucket.com/albums/cc23/maidme/railcat.jpg) bottom left no-repeat;
height: auto;
}
td#maincontent { padding: 0 25px 0 0; margin: 0; background-color: teal; }
div#page_start { border: 10px solid teal; }
.itembox, .itemboxsub, .itemsubsub, .itemboxalbum {
background-color: #3f3f3f;
color: wheat;
}
/*OTHER EDITS*/
/* reply boxes */
.replybox {
background-color: #3f3f3f;
background: url();
border: 1px none #aaaaaa;
color: #aaaaaa;
}
.replybox:hover {
background-color: #454545;
}
.replyboxread {
background-color: #3f3f3f;
background: url();
border: 1px solid #aaaaaa;
color: #aaaaaa;
}
.replyboxodd {
background-color: #454545;
}
.replyboxodd:hover {
background-color: #3f3f3f;
}
.quotet {
background-color: transparent;
background: url();
border: 1px solid #aaaaaa;
color: #aaaaaa;
}
.caldiv1 { background-color: #ccc; }
.caldiv1 td { font-size: 10px; }
.caldiv1 td.calday { background-color: #3f3f3f; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:center; text-align: center; background-color: teal; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #ccc; width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #454545; }
.caldiv1 th {
background-color: #ccc;
color: #000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff; }
/*table view*/
/* table body - bg color */
.tablediv1 tr {
background-color: #3f3f3f;
font-size:12px;
}
/* table body - bg color on mouse hover */
.tablediv1 tr:hover {
background-color: #454545;
}
a.mine, a.mine:link, a:visited.mine {
color: tan; border: none; background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: snow; border: none; background: none;
}
/*viewing history*/
/* border */
div.stats div.infobox .boxbody {
border:2px solid #000;
}
/* bg-color and bg-image */
div.stats .infobox {
background-color:#454545;
}
/* text color */
div.stats {
color: darkseagreen;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color: darkkhaki;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color: snow;
}
/* Visitor's User_ID BOX*/
div.infobox .userlogo {
background-color: #3f3f3f;
}
/*links inside itemboxes*/
.itembox a, .itembox a:visited, .itembox a:link {
color: darkseagreen;
}
.itembox a:hover {
color: darkcyan;
}
/* contact box */
.contactbox {
background-color: #454545;
border: 1px solid gray;
width: 70px;
color: snow;
float: left;
font-size:8pt;
margin-right:15px;
padding:5px;
text-align:center;
}
.contactbox:hover {
background: #7e7e7e url();
border:1px dashed;
color: darkkhaki;
}
/*loading miniprofile*/
.indicator {
background-color: transparent;
}
table.miniprofiletable {
background-color: wheat;
}
/*miniprofile*/
div#miniprofile_div {
color: wheat;/*your online buddy*/
}
div#miniprofile_div a, div#miniprofile_div a:visited, div#miniprofile_div a:link {
color: darkkhaki;/*view contacts,etc*/
text-decoration: none;
font-family: century gothic, book antiqua;
}
div#miniprofile_div a:hover {
color: seagreen;/*below photo*name*/
text-decoration: none;
font-family: century gothic, book antiqua;
}
div#miniprofile_div div.address {
color: seagreen;/*location*/
}
table.miniprofilebodytable {
border-width: 2px;
border-color: black;
background-color: #3f3f3f;
-moz-border-radius: 14px;
}
/* border */
.rail .userlogo {
border:2px solid #000;
}
/* user ID */
.userlogoside a, .userlogo a:visited {
color: darkseagreen;
}
.userlogo {
background-color: #454545;
font-size:10px;
text-align:center;
}
/*item contents for albums in linear mode*/
.itemboxalbum {
color: yellow;
}
/*scrollable guestbook*/
#home_guestbook {
overflow:auto;
height:200px;
}
/*replace arrow icon in rail(avlack)*/
ul li {
list-style-image: url(http://images.diammidala.multiply.com/image/5/photos/24/orig/9/grclerdt.gif?et=55Sp8pPLHnlXNfRki4dzkQ);
}
/*date for blog previous posts*/
table.m td {
color: darkkhaki;
}
/*replace green arrows(visitor's links)*/
a.select, a:link.select, a:visited.select {
background: url(http://images.diammidala.multiply.com/image/4/photos/24/400x400/7/orangcdt.gif?et=k%2BFYhxrBRDrWJv1Qp%2BcUYA) no-repeat left;
}
div.select {
background: url(http://images.diammidala.multiply.com/image/4/photos/24/400x400/8/bluecdt.gif?et=rJzOVudMi5o3POE2asL7Ow) no-repeat left;
}
/*replace green arrows(owner's links)*/
a.add, a:link.add, a:visited.add {
background: url(http://images.diammidala.multiply.com/image/4/photos/24/400x400/6/redcdt.gif?et=rtWRJm45zvG1qAis6YPXKg) no-repeat left;
}
div#ownedfooter {
border: none;
background: teal url(http://i213.photobucket.com/albums/cc23/maidme/ofcourse.jpg) left no-repeat;
}
---END of Scrollbox---
|
| |
