[046] Jim/Bones (Star Trek)

[artphilia]

Title: Jim/Bones (Star Trek)
System: s2
Theme: Flexible Squares
Account: free, plus & paid
Header: berensonmoved
Browser: Chrome, Firefox & IE (others unknown!)
Download: ZIP
Preview: here & live @ trekfix



/*
Original stylesheet by Nadia @ a r t p h i l i a @ lj.com
Downloaded from: c s s b o x @ lj.com
Style System: S2
Theme: Flexible Squares
Account: Plus or Paid
*/

body {
background-color: #272c2d;
background: -webkit-gradient(radial, left top, left bottom, from(#fafafa), to(#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, circle farthest-side, #fafafa, #dfdfdf); /* Chrome10+,Safari5.1+ */
background: -moz-radial-gradient(center, circle farthest-side, #fafafa, #dfdfdf); /* FF3.6+ */
background: -ms-radial-gradient(center, circle farthest-side, #fafafa, #dfdfdf); /* IE10+ */
background: -o-radial-gradient(center, circle farthest-side, #fafafa, #dfdfdf); /* Opera 11.10+ */
background: radial-gradient(center, circle farthest-side, #fafafa, #dfdfdf); /* W3C */
background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
text-align: center;
color: #272c2d;
font-family: tahoma,verdana,arial,sans-serif;
font-size: 12px;
margin: 0;
}

a, a:visited {
color: #f3df42;
font-weight: normal !important;
text-decoration: none;
-webkit-transition: 2s;
-moz-transition: 2s;
transition: 2s;
}

a:hover {
color: #67c6de;
}

p, td, {
font-size: 12px;
}
b, i {
font-family: calibri,tahoma,sans-serif;
}

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

table {
border: 1px solid transparent !important;
}

/*------------------------------------------------------------
Userpic/Usericon customization
-------------------------------------------------------------------------------*/
.userpic, .userpicfriends {
position: relative;
float: left;
text-align: center !important;
font-size: 10px !important;
background-color: transparent !important;
padding: 5px;
margin: 0 0 10px -100px;
z-index: 15;
}

.userpic img, .userpicfriends img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 90px;
height: 90px;
}

.userpiccomment {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 90px;
height: 90px;
margin: 0 0 0 -105px;
position: relative;
float: left;
padding: 0;
z-index: 15;
}

.userpicfriends a font, .userpicfriends a:active font, .userpicfriends a:visited font {
color: #61D2D6 !important;
font-family: Calibri, Tahoma, Verdana, Helvetica, sans-serif !important;
font-size: 10px !important;
text-align: center !important;
}

.userpicfriends a:hover font {
color: #EDE5E2;
text-decoration: none;
text-align: center !important;
}

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

#content {
width: 900px;
margin: 0 auto;
background-color: #fafafa;
border-width: 0 100px 0 100px;
border-style: solid;
border-color: #3b3f40;
padding: 0;
}

#maincontent {
margin-top: 15px;
margin-right: 250px;
background-color: #fafafa;
border-style: solid;
border-color: #efefef;
border-width: 0 1px 0 0;
}

#sidebar {
padding-top: 10px;
margin-top: 0;
background-color: #fafafa;
width: 250px;
float: right;
text-align: justify;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
/* for formatting header image */
background-image: url("http://i248.photobucket.com/albums/gg197/artphilia/livejournal/jimbones_zpsa20c5315.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
background-color: transparent;
height: 300px;
width: 900px;
padding: 0;
margin: 0 auto;
}

.headerimage {}

.title {
display: none;
}
.subtitle {
display: none;
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:visited, div#footer a, div#footer a:visited {
color: #f3df42;
-webkit-transition: 2s;
-moz-transition: 2s;
transition: 2s;
}

div#header a:hover, div#footer a:hover {
color: #a2d6e1;
}

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

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader {
background-color: transparent;
padding: 0;
margin: -3px 0 0 0;
position: relative;
left: 355px;
top: 60px;
font-size: 10px;
font-family: "Trebuchet MS", sans-serif;
letter-spacing: 4px;
text-transform: uppercase;
}

ul.navheader li {
display: block;
padding: 10px 20px;
margin: 2px 0 0 0;
width: 150px;
background-color: #fafafa;
font-weight: normal;
letter-spacing: 2px;
}
.view {
padding: 10px 20px;
margin: 0 0 50px 0;
color: #3c4041;
background-color: #fafafa;
}

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

.entry {
margin: 25px;
padding: 0;
background-color: #fafafa;
text-align: justify;
}

.date {
margin: 0;
padding: 10px;
font-size: 10px;
text-transform: uppercase;
color: #E7E7E7;
background-color: #3b3f40;
text-align: left;
}

.subject {
margin: -30px 0 0 200px;
padding: 5px;
color: #fafafa;
letter-spacing: 1px;
text-transform: uppercase;
font-family: "Trebuchet MS", sans-serif;
text-align: left;
}

.subject a, .subject a:visited {
color: #f3df42;
text-decoration: none;
}

.subject a:hover {
color: #67c6de;
text-decoration: none;
}

.datesubject {
padding: 0;
}

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

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

/*---------------------------------------------------------------------
Entry Stuff - Currents, Tags
------------------------------------------------------------------------*/
.ljtags {
margin-top: 15px;
margin-bottom: -15px;
padding: 1px;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
text-transform: uppercase;
font-size: 10px;
}

.currents strong {
font-weight: normal;
}

.currents, .currentmusic, .currentmood, .currentlocation {
padding: 10px 0;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
text-transform: uppercase;
font-size: 10px;
display: block;
margin: -15px 0 0 0;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
text-align: right;
background-color: transparent;
padding: 0 15px 0 0;
position: relative;
top: 15px;
color: #fafafa;
}

div.comments a, div.comments a:visited {
font-size: 14px;
color: #f3df42;
text-decoration: none;
}

div.comments a:hover {
color: #67c6de;
}

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

.separator {
/* for formatting separators between entries */
height: 5px;
}

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

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0;
}

.sbarbody {
padding: 0;
}

.sbarbody2 {
padding: 0 15px;
}

div#sidebar a, div#sidebar a:visited {
color: #f3df42;
}

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

.tagcloud {
text-align: center;
padding: 10px;
font-size: 13px;
font-family: calibri, sans-serif;
}

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

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

.sbarcalendar {
border: 1px solid #E7E7E7;
text-align: center;
font-family: tahoma, verdana, sans-serif;
font-size: 0.8em;
padding: 5px;
}

.sbarcalendarposts {
border: 1px solid #E7E7E7;
background-color: #F0F0F0;
text-align: center;
font-family: tahoma, verdana, sans-serif;
font-size: 0.8em;
padding: 5px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

li.sbaritem a, li.sbaritem a:visited {
text-align: right;
display: block;
width: 230px;
color: #f3df42;
border: 1px solid #fafafa;
background-color: #f0f0f0;
list-style: none;
padding: 2px 15px 2px 0;
}

li.sbaritem a:hover {
padding: 0 10px 0 0;
text-align: right;
color: #67c6de;
border: 1px solid #fafafa;
background-color: #D9F0FF;
padding: 2px 15px 2px 0;
}

li.sbartitle {
padding: 7px 5px 7px 15px;
margin: 5px 0;
list-style: none;
border-bottom: 1px solid #E7E7E7;
background-color: #3b3f40;
color: #67c6de;
letter-spacing: 3px;
text-transform: uppercase;
font-family: "Trebuchet MS", sans-serif;
}

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

#footer {
width: 100%;
text-align: center;
background-color: transparent;
z-index: 100;
clear: both;
}

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

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 {
border: 1px solid #E7E7E7;
}

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

td.yearmonth {
border-style: none;
}

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

.datesubjectcomment {
background-color: #3b3f40;
padding: 5px;
margin: 0;
text-align: justify;
font-size: 10px;
color: #fafafa;
}

input, textarea, option, select {
background-color: transparent;
font-size: 12px;
font-family: tahoma,verdana,arial,sans-serif;
color: #272c2d;
border: 1px solid #E7E7E7;
padding: 0;
}

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

.reply {
position: relative;
margin: 0;
padding: 0;
text-align: justify;
background-color: transparent;
}

.replytosubject {
font-weight: normal !important;
}

.commentreply {
position: relative;
margin: 10px;
text-align: justify;
}

.commentbox {
border: 0;
padding: 0;
margin: 5px !important; /* this REMOVES the box indent! */
}

.datesubjectcomment a, .datesubjectcomment a:visited {
color: #f3df42;
text-decoration: none;
}

.datesubjectcomment a:hover {
color: #67c6de;
text-decoration: none;
}

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

.skiplinks {
text-align: center;
color: #fafafa;
font-size: 13px;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}

.comtags {
display: yes;
}

#sidebar_tags {
display: yes;
}

.tagcount {
display: none;
}

blockquote {
margin: 15px;
padding: 5px 15px 20px 15px;
color: #272c2d;
font-family: tahoma,verdana,arial,sans-serif;
border: 1px dashed #272c2d;
background-color: #f3df42;
background: -webkit-gradient(radial, left top, left bottom, from(#fafafa), to(#f3df42)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, circle farthest-side, #fafafa, #f3df42); /* Chrome10+,Safari5.1+ */
background: -moz-radial-gradient(center, circle farthest-side, #fafafa, #f3df42); /* FF3.6+ */
background: -ms-radial-gradient(center, circle farthest-side, #fafafa, #f3df42); /* IE10+ */
background: -o-radial-gradient(center, circle farthest-side, #fafafa, #f3df42); /* Opera 11.10+ */
background: radial-gradient(center, circle farthest-side, #fafafa, #f3df42); /* W3C */
background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
text-align: justify;
}

/*--------------------------------------------
Custom Userpics
-----------------------------------------*/

/* --- User icons --- */
.ljuser img[src*="userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background-color: transparent !important;
background-image: url(http://i248.photobucket.com/albums/gg197/artphilia/livejournal/mccoy.png);
padding: 0 0 16px 17px !important;
background-repeat: no-repeat;
background-position: left center;
}

/* --- Community icons --- */
.ljuser img[src*="community.gif"] {
width: 0 !important;
height: 0 !important;
background-color: transparent !important;
background-image: url(http://i248.photobucket.com/albums/gg197/artphilia/livejournal/crew.png);
padding: 0 0 18px 27px !important;
background-repeat: no-repeat;
background-position: left center;
}

/* --- Lock icons --- */
.subject img[src*="icon_protected.gif"], .summaryList img[src*="icon_protected.gif"] {
width: 0 !important;
height: 0 !important;
background-image: url(http://i248.photobucket.com/albums/gg197/artphilia/livejournal/tinyicons/key.png);
padding: 6px 8px 10px 10px !important;
background-repeat: no-repeat;
position: left middle;
}

/* --- Sticky icons --- */
.subject img[src*="icon_sticky.png"], .summaryList img[src*="icon_sticky.png"] {
width: 0 !important;
height: 0 !important;
background-image: url(http://i248.photobucket.com/albums/gg197/artphilia/uena/pin.png);
padding: 2px 11px 12px 4px !important;
background-repeat: no-repeat;
position: left middle;
z-index: 15;
}