cate (

enamors) wrote in

nightingails,
2010-08-29 15:49:00

Mood: mellow

nightmare of you;

Layout: Nightmare of You
Style: Flexible Squares
Account: Basic, Paid
Browsers: Firefox, Safari
Features: Tiny Icons, Contextual Popups, Wide Sidebar

image preview

image preview

blue

/* Cleaned CSS: */
/*nightmare of you
css by enamors @ nightingails*/

body	{
		background: #eee url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/greysmooth.png) fixed repeat;
		text-align: center;
		color: #aaa;
		font-family: "arial", sans-serif;
		font-size: 10px;
		margin: 15px 0 15px 0;
		}

a, a:link, a:visited {
		color: #88A5E3;
		text-decoration: none;
		}

a:hover {
		color: #444;
		text-decoration: italic;
		}

blockquote {
	    	font-size: 11px;
		border: 1px dotted #ddd;
		background: #fff;
		padding: 15px;
		}

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

/*-------------------------------------------------
   General page alignment and width
---------------------------------------------------*/

#content {
		width: 85%;
		margin-left: auto; 
		margin-right: auto;
		background-color: transparent;
		padding: 15px;
		}

#maincontent {
		font-family: "arial", sans-serif;
		font-size: 11px;
		background-color: #fff;
		color: #aaa;
		margin: 0px 5px 0px 345px; 
		text-align: left;
		}

#sidebar {
		margin-top: 10px;
		background: #fff;
	  	font-size: 11px;
		font-family: "arial", sans-serif;
	  	color: #aaa;
		width: 330px;
		float: left;
		text-align: justify;
		}

/*---------------------------------------------
   Header 
-----------------------------------------------*/

#header {
		float: top;  
		text-align: right;
		font-family: "arial", serif;
		font-size: 12px;
		background: transparent;
		}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		color: #fff;
		}

div#header a:hover, div#footer a:hover {
		color: #444;
		text-decoration: none;
		}

.title, .subtitle	{
		display: none;
		}

/*--------------------------------------------
   Header - top navigation
----------------------------------------------*/

ul.navheader
		{
		margin: 0px;
		}

ul.navheader li  {
		display: inline;
		list-style: none; 
		background: transparent;
		padding: 8px 8px 8px 8px;
		margin: 0px 0px 0px 0px;
		}

/*------------------------------------------------
   Entry stuff
--------------------------------------------------*/

.subcontent {
		}

.entry	{
		margin: 10px 145px 10px 10px;
		padding: 10px;
		background-color: #fff;
		color: #aaa;
		font-family: "arial", sans-serif;
		font-size: 11px;
		text-align: justify;
		padding-bottom: 10px;
		}

.entry_text {
		background-color:#ffffff;
		padding-bottom:15px;
		}

.userpic, .userpicfriends {
		padding: 15px;
		margin-right: 10px;
		margin-top: 10px;
		background: #f6f6f6 !important;
		text-align: center;
		position: relative;
		float: right;		
		}

.userpicfriends font {
		text-transform: lowercase;
		font-family: "arial", serif;
		font-size: 9px;
		font-style: none;
		color: #aaa;
		text-align: center;
		}

.date {
		line-height: 15px;
		border-top: #fff 10px solid;
		color: #ddd;
		font-family: "arial", sans-serif;
		text-transform: lowercase;
		font-size: 9px;
		text-transform: lowercase;
		letter-spacing: 2px;
		}

.subject {
		padding: 2px;
		font-family: "impact";
		text-transform: uppercase;
		font-size: 30px;
		font-style: none;
		letter-spacing: 0.5 px;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #ddd;
		}

.subject a:hover {
		color: #eee;
		}

.datesubject {
		margin: 0px 15px 0px 15px; 
		text-align: left;
		background-color: #fff;
		margin-top: 10px;
		}

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

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

/*------------------------------------------------
  Current Mood, Music and Location
--------------------------------------------------*/

.currents {
		background-color: transparent;
		}

.currents strong{
		font-weight: normal;
		font-size: 9px;
		color: #cccccc;
		}

.currentlocation, .currentmood, .currentmusic, .currentgroup  {
		text-align: right;
		font-size: 9px;
		color: #888888;
		}
				
		.ljtags { 
		margin-top: 15px; 
		padding-left: 15px;
		padding-top: 3px;
		text-align: left;
		background: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/arrow1.gif) no-repeat 0 6px; 
		text-transform: lowercase;
		font-size: 9px;
		color: #cccccc;
		}

/*------------------------------------------------
  Entry Stuff - Comments
--------------------------------------------------*/
	.comments {
		font-family: "impact", sans-serif;
		text-align: right;
		text-transform: uppercase;
		font-size: 20px;
		color: #cccccc;
		top: 5px;
		}

div.comments a, div.comments a:link, div.comments a:visited {
		font-size: 20px;
		color: #88A5E3;
		text-transform: lowercase;
		}

div.comments a:hover {
		color: #cccccc;
		}

/*------------------------------------------------
  Entry Stuff - Separator
--------------------------------------------------*/

.separator { 
		height: 18px;
		background: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/greysmooth.png) fixed repeat; 
		}

/*------------------------------------------------------------
  Sidebar
--------------------------------------------------------------*/

.defaultuserpic {
		display: none;
		}

.sbarheader {
		padding: 0px 5px 0px 5px;
		}

.sbarbody {
		padding: 0px 15px 0px 15px;
		}

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

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
                 	color: #88A5E3;
        		}

div#sidebar a:hover {
                 	color: #444;
                 	text-decoration: none;
         		}

/*-------------------------------------------
  Sidebar - Calendar
-----------------------------------------------*/

.sbarcalendar {
		text-align: center;
		padding: 12px;
	    	color: #7b7b7b;
		font-size: 8pt;
		background-color: #eee;
		border: 1px dotted #ddd;
		}

.sbarcalendarposts {		
		text-align: center;
		padding: 12px;
		font-size: 8pt;
          		background-color: #f6f6f6;
		}

/*------------------------------------------
  Sidebar 
--------------------------------------------*/

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

li.sbaritem {
		padding: 4px 4px 4px 4px;
		border-bottom: 1px dotted #ddd;
		list-style: none;
		background: #fff;
		background-color: #fff;
		}

li.sbartitle {
		display: none;
		}

/*----------------------------------------
  footer
------------------------------------------*/

#footer {
		width: auto;
		text-align: right;
		font-family: "arial", serif;
		font-size: 12px;
		background: transparent;
		color: #fff;
		}

ul.navfooter {
		}

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

.clearfoot {
		clear: both;
		}

/*-----------------------------------------
 Archive Pages
-------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		}

table.yeartable td.yearday {
		background-color: #88A5E3;
		text-align: center;
		}

td.yearmonth {
		border-style: none;
		}

/*--------------------------------------------
 Comments pages
-----------------------------------------------*/

.datesubjectcomment {
		background-color: #fff;
		padding: 5px;
		margin-top: 10px;
		}

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

.box {
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #999999;
		padding: 10px;
		clear: right;
		}

input, textarea {
		background-color: #f6f6f6;
		color: #aaa;
		}

textarea.textbox  {
          		width: 100% !important;
   		}

.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: "arial", sans-serif;
		font-size: 11px;
		line-height: 125%;
		background-color: #f6f6f6;
		color: #aaa;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "arial", sans-serif;
		color: #aaa;
		}

.commentbox {
		padding: 10px;
		margin: 10px;
		background-color: #f6f6f6;
		}

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

.datesubjectcomment a:hover {
		color: #444;
		}

.commentboxpartial {
		padding: 10px;
		margin: 10px;
		background-color: #f6f6f6;
		}

.commentinfo {
		background-color: #f6f6f6;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/*---------------------------------------
Tiny Icons
-----------------------------------------*/

.clear {
		height: 0px;
		}

.ljuser img { 
		width: 0px; height: 0px; background-repeat: no-repeat; background-image: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/stop.gif); 
		padding: 12px 9px 0px 0px!important; 
		}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/arrow_right.gif); 
		padding: 10px 9px 0px 0px!important; 
		}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/arrow_right.gif); 
		padding: 10px 9px 0px 0px!important; 
		}
  
	.ljuser img[src="http://stat.livejournal.com/img/openid-profile.gif"] { background-image: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/arrow_right.gif); 
		padding: 10px 9px 0px 0px!important; 
		}

span.ljuser a b { 
		padding: 02px 0 02px 0; color: #444; font-weight: lighter; 
		}

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; 
		padding: 0 10px 13px 0; 
		background: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/lock-1.gif); 
		}

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; 
		padding: 0 10px 13px 0; 
		background: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/lock-1.gif); 
		}

.subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { width: 0; height: 0; 
		padding: 0 10px 13px 0; 
		background: url(http://i168.photobucket.com/albums/u188/staringinawe/LiveJournal/lock-1.gif); 
		}

/*-----------------------------------
Popups
-------------------------------------*/

div.ContextualPopup div.Inner {
		background: transparent !important;
		color: #ababab!important;
		border: none;
		padding: 10px;
		width: 250px;
		font-family: trebuchet ms;
		}

div.ContextualPopup .Content {
		padding:7px 10px 7px 10px;
		margin-right:80px;
		line-height: 1.4;
		background:#f6f6f6;
		border:1px dotted #eee;
		}

div.ContextualPopup .Userpic {
		padding:10px;
		background:#f6f6f6;
		margin:0px;
		border:1px dotted #ddd;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
		text-decoration: none !important;
		font-weight: normal;
		color: #88A5E3 !important;
		}

div.ContextualPopup .Relation {
		letter-spacing:1px;
		border-bottom: 1px dotted #ddd;
		margin-bottom:4px;
		padding-bottom:4px;
		}

pink

/* Cleaned CSS: */
/*nightmare of you
css by enamors @ nightingails*/

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