cait layout

FRIENDS_OPT_ITEMS=>20 GLOBAL_HEAD<= <link rel="stylesheet" href="https://cait.neocities.org/style.css"> <style> /* coding by catanzaro. and, as always, please keep the credit and please rehost everything (especially my font.css link above). feel free to comment me and ask a question, or to get the coding. xo */ body{background-color:#eeeeee; background: -webkit-linear-gradient(#ddd6f3, #faaca8); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#ddd6f3, #faaca8); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ddd6f3, #faaca8); /* For Firefox 3.6 to 15 */ background: linear-gradient(#ddd6f3, #faaca8); /* Standard syntax (must be last) */}table {border:0px solid #cccccc;} table table {border:0;} td{font-family: calibri; font-size: 11px; line-height: 11px; color: ;} tr{text-align:justify;} table{margin-bottom: -5px;} b{font-weight: normal;} /* cursor */ body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;} /* link colors */ a, a.caption, a.index {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;text-decoration: none; color:#000000;} a:hover {filter: hue-rotate(342deg) saturate(0.8);-webkit-filter: hue-rotate(342deg) saturate(0.8);-moz-filter: hue-rotate(342deg) saturate(0.8);-ms-filter: hue-rotate(342deg) saturate(0.8);-o-filter: hue-rotate(342deg) saturate(0.8);text-decoration: none; color:#ff836a;} /* the top box, removes the default icon */ .shadowed{height: 0px;} .shadowed img{display: none;} /* main entrybox */ .entrybox{width: 600px; border-width: 0px 0px 0px 2px; padding: 0px; background-image: url(http://i.imgur.com/Wzveru3.png); box-shadow: 0 0 1px #dddddd; border-radius: 0px; border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; border-bottom: 2px solid #000; border-image: repeating-linear-gradient(to right, #ddd6f3, #faaca8, #ddd6f3) 10;} .dates {padding-top: 0; padding-left: 3; padding-right: 0; padding-bottom: 3; display:none;text-align:left; font-family: little; font-size: 18px; line-height:16px; letter-spacing:1px; text-transform:lowercase; padding:0px;} .dated, .entrybox td.index{display:none;} p table table td.caption{border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #000; border-image: repeating-linear-gradient(to right, #ddd6f3, #faaca8, #ddd6f3) 0;padding: 0; font-family: helvetica; font-size: 10px; text-transform: lowercase; letter-spacing: 1; line-height:16px;} p table table td.caption img{width: 4px; height: 4px;} /* comments */ .comments{font-family: font-family: helvetica; font-size:7px; letter-spacing:1px; margin-bottom:-4px; line-height: 10px; text-transform:uppercase;padding-bottom: 4px; padding-right: 0px;} /* tiny text -- the bottom of the page (navigation) and on the fp the community and username */ .index, .meta {font-family: helvetica; font-size: 7px; text-transform: uppercase; line-height: 7px; padding: 0px; letter-spacing: 1px; } table table table td.meta {font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top: -5px;} /* friends page icon */ .index img{width: 65px; height: 65px;} /* sidebar */ #everything{position: relative; visibility: visible; top: 25; right: -445; height: 0;} /* removes date */ .entrybox td.index, .index3 { display: none; } /* moves date */ .index2 { display: block; font-family: 'anchor'; font-size: 7px; line-height: 8px; text-align: left; text-transform: uppercase; } /* viewing - hides viewing */ .meta { color: transparent; font-family: 'helvetica'; font-size: 7px; line-height: 1px; text-transform: lowercase; } /* navigation - hides navigation */ .index { color: transparent; font-family: 'helvetica'; font-size: 7px; line-height: 1px; text-transform: uppercase; } /* gif on the sidebar */ #image{position: relative; visibility: visible; top: 30px; left: -635px; z-index: 97; height:0px;} #gif {display: inline; width: 150px; padding: 3px; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid #000; border-image: repeating-linear-gradient(to right, #f9b0cb, #fbfcd8, #fac3cf) 10; background: url(http://i.imgur.com/cHK8wqH.png);} #gif2 {display: inline; width: 112px; padding: 3px; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid #000; border-image: repeating-linear-gradient(to left, #f9b0cb, #fbfcd8, #fac3cf) 10; background: url(http://i.imgur.com/cHK8wqH.png);} /* top navigation links position */ #navig{position: relative; top: 115px; left: -633px;} /* top navigation links */ #navi{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: block; color: transparent; padding: 1; margin-bottom: 1;font-family: helvetica; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in; position: relative; top: -52; left: 142;} #navi:hover{width: 40px; color: #fff; font-family: helvetica; font-size: 6px; text-transform: uppercase; letter-spacing: 1; line-height: 6px; padding-left: 5; padding-top: 1; -webkit-transition: all 0.4s ease-in;} /* background colors for the navigation links */ .un{background-color: #5ED6D4;} .deux{background-color: #f9bfcc;} .trois{background-color: #E0CADB;} .quatre{background-color: #F38A8A;} .cinq{background-color: #5F928F;} /* sidebar with lyrics and stuff */ .words{font-family: milk; font-size: 6px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 128px; display: block; position: absolute; left: 0px; border-width: 0px 0px 2px 0px; top: 0; left: -81; box-shadow:#cccccc 0px 0px 1px; background: url(http://i.imgur.com/cHK8wqH.png); padding: 5.5;} /* lj icons */ .ljuser img{display:none;} /* friends only and private locks */ img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; padding: 9px 0 0 7px !important; vertical-align:-1px !important;opacity:0.8;} img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;opacity:0.8;} /* selection colors */ ::selection {color:#f9bfcc; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;} ::-moz-selection {color:#f9bfcc; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;} stuff { margin-top: 0px; margin-left: 0px; width: 150px; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; color: #000000; font-family: helvetica; letter-spacing: 1px; font-size: 7px; line-height: 8pt; text-transform: uppercase; overflow: none; display: block; text-align: justify; background: url(http://i.imgur.com/cHK8wqH.png); border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid #000; border-image: repeating-linear-gradient(to right, #ddd6f3, #faaca8, #ddd6f3) 10; } #lyrics {top: 178; right: -455; display: block; text-align: center; font-family: milk; font-size: 19px; line-height: 15pt; text-transform: lowercase; color: #ED416A; text-shadow: 1px 1px 1px #666; visibility: visible; position: relative; z-index: 400; margin-top: 8px;} </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute;} table table table table table .meta {visibility:visible; position:relative;} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:0px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <div id="everything"> <img src="http://68.media.tumblr.com/caafe05649b6f916c582b0abe41e0533/tumblr_mygz6dstCO1rlccngo8_250.gif" id="gif"> <stuff> <center><a href="http://cait.insanejournal.com/profile">info</a> &bull; <a href="http://cait.insanejournal.com/">entries</a> &bull; <a href="http://cait.insanejournal.com/friends">friends</a><center></div> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>20 LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute;} table table table table table .meta {visibility:visible; position:relative;} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:0px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <div id="everything"> <img src="http://68.media.tumblr.com/caafe05649b6f916c582b0abe41e0533/tumblr_mygz6dstCO1rlccngo8_250.gif" id="gif"> <stuff> <center><a href="http://cait.insanejournal.com/profile">info</a> &bull; <a href="http://cait.insanejournal.com/">entries</a> &bull; <a href="http://cait.insanejournal.com/friends">friends</a><center></div> <=LASTN_WEBSITE