CONTIUUM

04 August 2008 @ 10:25 pm

/* Cleaned CSS: */
/* Title: Clarity
    Theme: S2 Flexible Squares
    Tested: Firefox & IE, Paid & Plus
    Coding: http://profoundly-grey.livejournal.com/
    Tiny Icons: http://famfamfam.com | http://passing-girl.livejournal.com */

body	{
		background-color: #333333;
		text-align: left;
		color: #000;
		font-family: "Arial", sans-serif;
		font-size: 8pt;
		}

a, a:link, a:visited	{
		color: #40C0CB;
		text-decoration: none;
		}

a:hover	{
		color: #33F54D;
		cursor: help;
		}

blockquote	{
		padding: 10px 20px 10px 20px;
		text-align: left;
		border-style: solid;
		border-color: #CCC;
		border-width: 0 1px 1px 1px;
		}

blockquote:hover	{
		border-color: #8AF7FF;
		}

code, kbd, pre, tt	{
		font-family: monospace;
		}

s	{
		color: #33F54D;
		}

/*General Page Alignment & Width*/

#content	{
		width: 68%;
		min-width: 800px;
		margin: 0 auto 0 auto;
		background-color: #EEEEEE;
		padding: 15px;
		border-right: 15px solid #40C0CB;
		}

#maincontent	{
		margin: 0 250px 0 0;
		background-color: #EEEEEE;
		}

#sidebar	{
		width: 240px;
		float: right;
		padding: 20px 0 0 0;
		background-color: #EEEEEE;
		border-left: 1px solid #CCC;
		}

#qrform table	{
		border: 0 !important;
		}

/*Header*/

#header	{
		width: auto;
		margin: 50px 0 0 -135px;
		float: left;
		text-align: left;
		text-transform: lowercase;
		font-family: "Impact";
		font-size: 13pt;
		clear: both;
		}

.headerimage	{
		position: relative;
		margin: 0 auto 0 auto;
		width: 901px;
		height: 500px;
		background-image: url(http://i253.photobucket.com/albums/hh44/annaylicious/tengubanner.png);
		background-repeat: no-repeat;
		}

div#header a, div#header a:link, div#header a:visited	{
		width: 100px;
		background-color: #EEE;
		margin: 0 0 5px 0;
		padding: 10px;
		color: #40C0CB;
		display: block;
		}

div#header a:hover, div#header li.view	{
		width: 100px;
		background-color: #40C0CB;
		margin: 0 0 5px 0;
		padding: 10px;
		color: #FFF;
		display: block;
		border-style: solid;
		border-color: #CCC;
		border-width: 0 1px 1px 0;
		}

.title	{
		display: none;
		}

.subtitle	{
		display: none;
		}

ul.navheader	{
		padding: 0;
		margin: 0;
		}

ul.navheader li	{
		display: inline;
		}

/*Entries*/

.subcontent	{
		background-color: #EEEEEE;
		overflow-x: auto;
		border-bottom: 10px solid #40C0CB;
		}

.entry	{
		margin: 0;
		padding: 10px;
		background-color:#EEEEEE;
		text-align: left;
		}

.userpic	{
		position: relative;
		float: left;
		margin: 51px 10px 10px 10px;
		text-align: center;
		z-index: 15;
		}

.datesubject	{
		background-color: #EEEEEE;
		padding: 5px;
		text-align: right;
		border-bottom: 1px solid #CCC;
		}

.date	{
		color: #CCC;
		font-size: 7pt;
		}

.subject	{
		color: #40C0CB;
		font-family: "Impact";
		font-size: 13pt;
		}

.subject a, .subject a:link	{
		color: #333;
		}

.subject a:visited	{
		color: #333;
		}

.subject a:hover	{
		color: #33F54D;
		}

.entry ul li	{
		padding: 0 0 0 5px;
		margin: 0 0 0 15px;
		}

.entry ol li	{
		padding: 0 0 0 5px;
		margin: 0 0 0 15px;
		}

.comments	{
		margin-top: -5px;
		position: relative;
		text-align: right;
		text-transform: uppercase;
		clear: both;
		}

div.comments a, div.comments a:link	{
		color: #333;
		}

div.comments a:visited	{
		color: #333;
		}

div.comments a:hover	{
		color: #33F54D;
		}

.separator	{
		height: 0px;
		}

/*Tags*/

.ljtags	{
		position: relative;
		top: 30px;
		text-transform: lowercase;
		}

.ljtaglist	{
		width: 60%;
		margin: 0 0 0 100px;
		text-align: left;
		text-transform: uppercase;
		font-size: 7pt;
		color: #CCC;
		list-style: decimal-leading-zero;
		}

ul.ljtaglist li	{
		padding: 10px 0 10px 0;
		list-style-type: decimal-leading-zero;
		border-bottom: 1px solid #CCC;
		}

h2	{
		padding: 15px;
		margin: 0 0 0 35px;
		text-transform: lowercase;
		font-family: "Times New Roman", sans-serif;
		font-weight: normal;
		font-style: italic;
		font-size: 14pt;
		color: #CCC;
		}

/*Currents*/

.currents, .currentmood, .currentmusic, .currenttags	{
		text-transform: lowercase;
		}

.currentlocation, .currentgroup	{
		display: none;
		}

.currents strong	{
		font-weight: normal;
		}

/*Friends Page Customization*/

.userpicfriends	{
		position: relative;
		float: left;
		margin: 51px 10px 10px 10px;
		background-color: transparent !important;
		text-align: center;
		z-index: 15;
		}

.userpicfriends a font, .userpicfriends a:link font, .userpic a:visited font	{
		color: #40C0CB;
		}

.userpicfriends a:hover font	{
		color: #33F54D;
		}

/*Sidebar*/

.defaultuserpic	{
		text-align: center;
		padding: 10px;
		}

.defaultuserpic img	{
		border: 10px solid #CCC;
		}

.sbarheader	{
		padding: 5px;
		}

.sbarbody	{
		padding: 5px;
		}

.sbarbody2	{
		padding: 5px 15px 5px 15px;
		}

div#sidebar a, div#sidebar a:link	{
		color: #40C0CB;
		}

div#sidebar a:visited	{
		color: #40C0CB;
		}

div#sidebar a:hover	{
		color: #33F54D;
		}

table.calendar	{
		margin: 0 auto 0 auto;
		}

.sbarcalendar	{
		padding: 8px;
		text-align: center;
		border: 1px solid #CCC;
		}

.sbarcalendarposts	{
		background-color: #333;
		padding: 8px;
		text-align: center;
		border: 1px solid #CCC;
		}

ul.sbarlist	{
		padding: 0;
		margin: 0;
		list-style: none;
		}

li.sbaritem	{
		margin: 2px 0 0 15px;
		padding: 5px;
		list-style: none;
		border-right: 5px solid #CCC;
		border-bottom: 1px solid #CCC;
		}

li.sbaritem:hover	{
		border-right: 5px solid #40C0CB;
		}

li.sbartitle	{
		padding: 0 0 0 15px;
		margin: 10px 0 10px 0;
		text-align: right;
		font-family: "Impact";
		font-size: 13pt;
		color: #40C0CB;
		border-bottom: 1px solid #CCC;
		list-style: none;
		}

/*Footer*/

#footer	{
		width: 100%;
		text-align: center;
		text-transform: lowercase;
		font-family: "impact", sans-serif;
		font-style: none;
		font-size: 11pt;
		}

div#footer a, div#footer a:link, div#footer a:visited	{
		background-color: transparent;
		padding: 5px;
		color: #40C0CB;
		}

div#footer a:hover	{
		background-color: #40C0CB;
		padding: 5px;
		color: #FFF;
		border-style: solid;
		border-color: #CCC;
		border-width: 0 1px 1px 0;
		}

div#footer li.viewing	{
		display: none;
		}

ul.navfooter	{
		padding: 0;
		margin: 0;
		}

ul.navfooter li	{
		display: inline;
		margin: 0 10px 0 10px;
		}

.clearfoot	{
		clear: both;
		}

/*Archive Pages*/

ul.year	{
		text-align: center;
		padding: 20px;
		font-family: "Times New Roman", sans-serif;
		font-style: italic;
		font-size: 12pt;
		color: #CCC;
		}

ul.year li	{
		display: inline;
		}

table.yeartable	{
		margin: 0 auto 0 auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday	{
		border: 1px solid #CCC;
		}

table.yeartable td.yearday	{
		background-color: #40C0CB;
		text-align: center;
		text-transform: uppercase;
		color: #FFF;
		}

td.yearmonth	{
		padding: 3px 0 3px 0;
		text-transform: uppercase;
		font-size: 7pt;
		border-style: none;
		}

/*Comment Pages*/

.datesubjectcomment	{
		margin: 0 0 5px 0;
		padding: 5px;
		background-color: #EEE;
		color: #333;
		}

.userpiccomment	{
		position: relative;
		padding: 10px;
		top: -5px;
		left: 0;
		margin: 0 10px -20px -10px;
		float: left;
		z-index: 15;
		}

.box	{
		width: auto;
		background-color: #EEEEEE;
		clear: left;
		}

input, textarea	{
		background-color: #EEE;
		padding: 5px;
		font-family: "Arial", sans-serif;
		font-size: 7pt;
		letter-spacing: 1px;
		color: #333;
		}

textarea.textbox	{
		width: 95% !important;
		border: 1px solid #CCC;
		}

.reply	{
		position: relative;
		margin: 5px;
		padding: 5px;
		color: #333;
		text-align: left;
		font-size: 8pt;
		line-height: 125%;
		}

.replytosubject	{
		font-weight: bold;
		}

.commentreply	{
		position: relative;
		padding: 5px;
		font-size: 8pt;
		color: #333;
		}

.commentbox	{
		margin: 5px;
		padding: 5px 0 5px 0;
		border-bottom: 1px solid #CCC;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited	{
		color:#40C0CB;
		}

.datesubjectcomment a:hover	{
		color: #33F54D;
		}

.commentboxpartial	{
		padding: 5px;
		margin: 10px;
		background-color: #EEEEEE;
		border-style: solid;
		border-color: #CCC;
		border-width: 0 1px 1px 0;
		}

.commentinfo	{
		width: 100%;
		margin: 10px 0 0 0;
		}

.skiplinks	{
		text-align: center;
		}

.skiplinks a, .skiplinks a:link	{
		color: #40C0CB;
		}

.skiplinks a:visited	{
		color: #40C0CB;
		}

.skiplinks	a:hover	{
		color: #33F54D;
		}

/*Tiny Icons*/

.ljuser img	{
		width: 0; height: 0;
		background-repeat: no-repeat;
		background-color: transparent;
		background-image: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/user_icon_yellow-1.gif);
		padding: 12px 8px 0 1px !important;
		}

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]	{
		width: 0; height: 0;
		padding: 0 16px 16px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/emblemreadonlyze3.png);
		}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]	{
		width: 0; height: 0;
		padding: 0 16px 16px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/key.png);
		}

.subject img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]	{
		width: 0; height: 0;
		padding: 0 16px 16px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/heart.png);
		}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"]	{
		background-color: transparent;
		background-image: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/user_icon_yellow-1.gif);
		padding: 12px 8px 0 1px !important;
		}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"]	{
		background-color: transparent;
		background-image: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/com_icon_pink.gif);
		padding: 14px 14px 0 1px !important;
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_del.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://s18.photobucket.com/albums/b149/lycanthropist/Layout/commentdelete.gif);
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_scr.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/screen.gif);
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/unscreen.gif);
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/freeze.gif);
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/unfreeze.gif);
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_track.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/track-1.gif);
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/tracking.gif);
		}

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_edit.gif"]	{
		width: 0; height: 0;
		padding: 0 20px 22px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/edit.gif);
		}

.box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]	{
		width: 0; height: 0;
		padding: 0 16px 16px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/bullet_red.png);
		}

.box img[src="http://p-stat.livejournal.com/img/openid-profile.gif"]	{
		width: 0; height: 0;
		padding: 0 16px 16px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/bullet_purple.png);
		}

.box img[src="http://p-stat.livejournal.com/img/help.gif"]	{
		width: 0; height: 0;
		padding: 0 16px 16px 0;
		background: url(http://i18.photobucket.com/albums/b149/lycanthropist/Layout/bullet_star.png);
		}

/*Contextual Popup*/

div.ContextualPopup	{
		margin: 5px 0 0 30px;
		font: normal 7pt "Arial", "Arial", sans-serif !important;
		}

div.ContextualPopup div.Inner	{
		background-color: #CCC !important;
		color: #333 !important;
		border-right: 0px !important;
		border-top: 0px !important;
		border-bottom: 0px !important;
		border-left: 5px solid #40C0CB;
		padding: 5px;
		width: 250px;
		}

div.ContextualPopup .Content	{
		background: #EEE;
		padding: 10px;
		margin: 4px 59px 4px 4px;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited	{
		text-decoration: none !important;
		color: #2AF7A9 !important;
		}

div.ContextualPopup div.Inner a:hover	{
		color: #33F54D !important;
		}

div.ContextualPopup .Relation	{
		text-transform: uppercase;
		color: #40C0CB;
		font-size: 8pt;
		letter-spacing: 1px;
		border-bottom: 1px dashed #CCC;
		padding: 0 0 2px 0;
		margin: 0 0 2px 0;
		}

/*Miscellaneous*/

.clear	{
		height: 15px;
		}

img:hover	{
		filter: alpha(opacity=60);
		moz-opacity: .60;
		opacity: .60;
		}

Advertisement

Advertisement