(#17) - biology | flexi squares
live (temp) // img
check out invicted for more
/* ---------------------------------------- NAME: biology LAYOUT: seventeen MAKER: riotguns @ invicted ICONS: pinvoke & cloud-shade.org/photos ---------------------------------------- */ body {background: #fff; background-image: url("http://i33.tinypic.com/33x9g61.png"); text-align: justify; color: #111; font: normal 8pt arial; line-height: 18px; margin: 20px 0 20px 0;} #maincontent {margin-top: 15px; background-color: transparent; color: #000000; text-align: left;} #content {width: 430px; margin-left: auto; margin-right: auto; background-color: transparent; padding: 15px;} blockquote {background: #fff; text-align: left; border: 1px solid #eee; padding: 5px; margin: 10px;} code, kbd, pre, tt {font-family: monospace; font-size: 8pt;} strong {color: #000; font-weight: normal !important;} em {color: #555;} a, a:link, a:visited {color: #333; text-transform: lowercase; text-decoration: none;} a:hover {cursor: help; color: #000; font-style: none; font-weight: normal;} h2 {display: none;} /*------ SIDEBAR ------*/ #sidebar { padding: 10px; background: #000; height: 100px; width: 430px; color: #666; overflow: auto;} .sbarbody { padding: 5px;} .sbarbody2 { padding: 5px; float: left; width: 230px;} #sidebar_tags { width: 165px; height: 100px; margin-top: -26px; position: absolute; margin-left: 250px; overflow: auto !important;} #sidebar a, #sidebar a:link, #sidebar a:visited { font-weight: normal; color: #333; text-decoration: none;} #sidebar a:hover { text-decoration: none; color: #222;} .defaultuserpic {display: none;} .defaultuserpic img {width: 60px; height: 60px; padding: 5px; border: 1px solid #efefef;} .sbarheader {padding: 0px 5px 0px 5px;} table.calendar {margin-right: auto; margin-left: auto;} .sbarcalendar {border: none; text-align: right;} .sbarcalendarposts {background-color: #fff; text-align: right; border: none;} table.yeartable {align: left !important;} table.yeartable td.yearday {border: none;} table.yeartable td.yeardate {color: #ccc;} td.yearmonth, table.yeartable td.yearday {color: #000; text-transform: lowercase; font-size: 9pt;} ul.sbarlist {padding-left: 0px; margin-left: 0px; list-style: none;} li.sbaritem {padding: 3px; color: #333; width: 120px; margin: 3px; border-bottom: 1px solid #222; list-style: none;} li.sbaritem:hover {color: #5BC5BF;} li.sbartitle {display: none;} /*------ HEADER & FOOTER ------*/ #header {background: transparent; padding-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; width: 100%; text-align: left; color: #000;} div#header a, div#header a:link, div#header a:visited {color: #444;} div#header a:hover, div#footer a:hover {color: #000;} div#footer a, div#footer a:link, div#footer a:visited {color: #000;} #footer {width: 100%; padding-top: 30px; padding-bottom: 30px; padding-left: 5px; padding-right: 5px; background: transparent; text-align: center; margin-top: -20px; clear: both;} ul.navfooter {padding: 0px; margin: 0px;} ul.navfooter li {display: inline; margin: 0 5px 0 5px;} ul.navheader {padding: 0px; margin: 0px;} ul.navheader li {display: inline; padding: 0 3px 0 3px;} #footer .viewing {display:none !important;} .clearfoot {clear: both;} /*------ ENTRY ------*/ .entry img {max-width: 430px;} .entry {width: 430px; min-height: 120px; padding: 10px; color: #111; background-color: #fff; text-align: justify;} .entry_text {background: #fff!important;} .entry ul li, .entry ol li {padding-left: 5px; margin-left: 15px;} .subcontent {} .ljcut-link {font-weight: lighter;} .userpicfriends a font {color: #111 !important;} .userpic img, .userpicfriends img {width: 70px; height: 70px;} .userpicfriends a font:hover {color: #000;} .userpic, .userpicfriends {text-align: center; color: #333 !important; position: relative; float: left; margin-top: 48px; margin-right: 10px; margin-bottom: 2px; background-color: #fff!important; padding: 5px; border-bottom: 1px solid #333; border-right: 1px solid #333;} .date {text-align: right; text-transform: lowercase; color: #111; font: normal 7pt arial; margin-bottom: -2px; width: 100%;} .subject, .subject a, .subject a:link, .subject a:visited { letter-spacing: 1px; color: #666; background: #000; padding: 5px; text-align: right;} .datesubject {width: 442px; height: auto; padding: 5px; background: #000;} .subject a:hover { color: #111; font-style: none; font-weight: normal;} .ljtags { margin-top: 30px; margin-left: 12px; padding-left: 12px; color: #999; font-weight: none; text-transform: lowercase; background: url('http://cloud-shade.org/photos/tag3.png') no-repeat center left;} .ljtags a:link, .ljtags a, .ljtags a:active, .ljtags a:visited {text-transform: lowercase;} .separator {height: 15px;} /*------ CURRENTS ------*/ .currents strong, .currentmood strong, .currentmusic .currentlocation {display: none;} .currents, .currentmood, .currentmusic, .currentlocation {padding-left: 5px; color: #888; font-weight: normal; text-transform: lowercase;} .currentlocation a, .currentlocation a:link, .currentlocation a:visited {color: #333; text-transform: lowercase; font-weight: normal;} .currentlocation a:hover {color: #111; text-transform: lowercase;} .meta-mood-img {padding-right: 4px;} /*------ COMMENTS PAGE ------*/ .comments {padding: 0px 5px; margin-top: 10px; text-align: center; padding: 5px; color: transparent; background-color: #000; width: 98%; position: relative;} div.comments a:hover { font-style: none; font-weight: normal; text-decoration: none;} .userpiccomment {position: relative; background-color: #fff; z-index: 15; width: 70px; height: 70px; float: left; margin: 5px; padding: 5px; border: 1px solid #eee;} .userpiccomment img {width: 60px !important; height: 60px !important;} .box {text-align: left; clear: left; width: 490px;} .box b {font-weight: normal;} .box form>table {margin-left: -16px !important;} .datesubjectcomment {text-align: left; color: #111; text-transform: lowercase;} .datesubjectcomment strong {font-weight: normal; color: #111;} input, textarea, select { font: normal 8pt franklin gothic medium; background-color: #f8f8f8; border: none;} textarea.textbox {border: none; width: 100% !important; background: #f8f8f8;} .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 125%; background: #f8f8f8; color: #000000;} .replytosubject {font-weight: normal;} .commentreply { position: relative; margin: 10px; color: #111;} .commentbox { width: 87%; text-align: justify; padding: 10px; margin: 10px; background-color: #fff; border: 1px solid #aaa;} .datesubjectcomment a:link, .datesubjectcomment a:visited {color: #111;} .commentboxpartial {padding: 10px; margin: 10px; background-color: #f8f8f8;} .commentinfo {background-color: #f8f8f8; margin-top: 10px; width: auto;} #qrdiv table {border-width: 0px !important;} .box center b {font-weight: normal;} .skiplinks {text-align: right; color: transparent;} .skiplinks a, .skiplinks a:active, .skiplinks a:visited, .skiplinks a:link {color: #111;} .skiplinks a:hover {color: #111;} /*------ TINY ICONS ------*/ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://cloud-shade.org/photos/user-icon-grey.gif) no-repeat !important; padding: 13px 0 0 10px !important;} img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://cloud-shade.org/photos/com_icon_grey.gif) no-repeat !important; padding: 13px 0 0 10px !important;} img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i54.tinypic.com/16ll1le.png) no-repeat !important; padding: 13px 0 0 16px !important;} img[src*='/img/btn_del.gif']{width: 0 !important; height: 0 !important; padding: 0 16px 16px 0; background: transparent url(http://i55.tinypic.com/o86qtg.png) no-repeat !important;} img[src='http://l-stat.livejournal.com/img/btn_scr.gif'] {height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i51.tinypic.com/n1frbc.png');} img[src='http://l-stat.livejournal.com/img/btn_unscr.gif'] {height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i54.tinypic.com/snjhqe.png');} img[src='http://l-stat.livejournal.com/img/btn_freeze.gif'] {height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i53.tinypic.com/200wev8.png');} img[src='http://l-stat.livejournal.com/img/btn_unfreeze.gif'] {height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i56.tinypic.com/244tlyg.png');} img[src='http://l-stat.livejournal.com/img/btn_edit.gif'] {height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i52.tinypic.com/2008zgk.png');} img[src='http://l-stat.livejournal.com/img/btn_track.gif'] {height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i54.tinypic.com/e0jwbm.png');} /*------ MISC. ------*/ .subtitle {display: none;} .title {display: none;} #lj_controlstrip td {color: #424242; font: normal 7pt tahoma; background:#f8f8f8; border: none;} td#lj_controlstrip_actionlinks a, span#lj_controlstrip_statustext, td#lj_controlstrip_user a, td#lj_controlstrip_search a{font: normal 7pt tahoma; text-transform:lowercase; color: #424242; text-decoration: none;} td#lj_controlstrip_actionlinks a:hover, span#lj_controlstrip_user a:hover, td#lj_controlstrip_search a:hover, #lj_controlstrip td a:hover {color: #111; text-decoration: none;} div.ContextualPopup div.Inner{width: 235px; text-transform: lowercase; border: none !important; color: #666666!important; padding: 10px; font: normal 7pt tahoma;background: #fff!important;} div.ContextualPopup .Content{border: none !important;} div.ContextualPopup .Userpic{padding: 10px; background-color: #fff; margin: 0px;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {color:#999!important;font-weight:100; text-decoration:none!important; text-transform:lowercase;} div.ContextualPopup div.Inner a:hover{color:#111!important;text-decoration:none!important;} .clear {display: none;} .userpicfriends {color: transparent;}
