[045] TrekFix

[artphilia]

Title: TrekFix
System: s2
Theme: Flexible Squares
Account: free, plus & paid
Header: no
Browser: Chrome, Firefox & IE (others unknown!)
Download: ZIP
Preview: here



/*
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
*/

@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url('http://themes.googleusercontent.com/static/fonts/opensanscondensed/v4/gk5FxslNkTTHtojXrkp-xMTgyteJAvYJ1fpbrx49ekQ.woff') format('woff');
}

@font-face {
font-family: 'Yeseva One';
font-style: normal;
font-weight: normal;
src: local('Yeseva One'), local('YesevaOne'), url('http://themes.googleusercontent.com/font?kit=QOxfodyxJDZOoyeOmAtsRfesZW2xOQ-xsNqO47m55DA') format('woff');
}

@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
src: local('Lobster'), url('http://themes.googleusercontent.com/static/fonts/lobster/v4/MWVf-Rwh4GLQVBEwbyI61Q.woff') format('woff');
}

body {
color: #3d3d3d;
font-family: Calibri, Tahoma, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background-color: #F1F1F1;
}

a, a:visited, a:active {
color: #61D2D6;
text-decoration: none;
font-weight: normal !important;
}
a:hover {
color: #EDE5E2;
}

p, td {
font-size: 12px;
}
table {
border: 1px solid transparent !important;
}

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

blockquote {
margin: 15px;
padding: 5px 15px 20px 15px;
font-size: 11px;
font-family: Consolas, Inconsolata, Monaco, monospace;
border: 1px dashed #D3D3D3;
background-color: #F1F1F1F;
text-align: justify;
}

.image {
margin: 0 auto;
border: 15px solid #fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

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

#content {
width: 900px;
margin: 0 auto;
padding: 0;
background-color: transparent;
}

#maincontent {
margin-right: 240px;
background-color: transparent;
border: 0 solid #F8FEF4;
}

#sidebar {
margin: 0;
background-color: transparent;
border: 0 solid #F8FEF4;
width: 250px;
float: right;
text-align: justify;
}

#header {
margin: 0 auto;
}

/*-----------------------------------------------------------------------------
Header/Footer - navigation
--------------------------------------------------------------------------------*/

ul.navheader {
padding: 0;
margin-top: 20px;
margin-right: auto !important;
margin-bottom: 20px;
margin-left: auto !important;
}

ul.navheader li {
display: inline;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
padding: 12px 20px 12px 10px;
margin: 0 0 50px 0;
background-color: #3d3d3d;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.view {
padding: 12px 20px 12px 10px;
margin: 0 0 50px 0;
color: #F8FEF4;
background-color: #D9D9D9 !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* look and color of links top menu & footer menu */
div#header a, div#header a:active, div#header a:visited {
color: #61D2D6;
}

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

div#footer a, div#footer a:active, div#footer a:visited {
color: #61D2D6;
}
div#footer a:hover {
color: #EDE5E2;
}

.title, .subtitle {
display: none;
}

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

.entry {
text-align: justify;
position: relative;
width: 500px;
padding: 50px;
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
.entry:before, .entry:after {
position: absolute;
width: 40%;
height: 10px;
content: ' ';
left: 12px;
bottom: 12px;
background: transparent;
-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
z-index: -1;
}
.entry:after {
left: auto;
right: 12px;
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg);
}

.date {
margin: 0 5px 0 0;
padding: 0 0 0 30px;
font-size: 10px;
text-align: left;
background-color: transparent;
}

.subject {
margin: 0 5px 0 0;
padding: 0 0 0 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 22px;
font-weight: normal;
text-align: left;
text-transform: none;
background-color: transparent;
}

.subject a, .subject a:active, .subject a:visited {
color: #61D2D6;
text-decoration: none;
}

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

.datesubject {
background-color: transparent;
padding: 5px;
}

.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: -30px;
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: 1px;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
text-transform: uppercase;
font-size: 10px;
display: block;
}

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

.comments {
border-top: 1px dashed #D3D3D3;
text-align: right;
background-color: transparent;
margin: -10px 0 0 0;
position: relative;
}
div.comments a, div.comments a:active, div.comments a:visited {
padding: 0 10px 5px 10px;
color: #61D2D6;
text-decoration: none;
}
div.comments a:hover {
color: #EDE5E2;
text-decoration: none;
}

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

.separator{
height: 35px;
}

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

.userpic img, .userpicfriends img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.userpiccomment {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
margin: -50px 0 0 -160px;
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;
}

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

.defaultuserpic {
display: none;
}
.tagcloud {
margin: 15px 2px;
font-family: 'Open Sans Condensed', sans-serif;
}

.sbarheader {
padding: 0 5px;
}

.sbarbody {
text-align: center;
padding: 0 5px;
}

.sbarbody2 {
text-align: center;
padding: 0 15px;
}

div#sidebar a, div#sidebar a:active, div#sidebar a:visited {
margin: 12px 0;
padding: 0 4px;
font-weight: normal;
color: #61D2D6;
text-decoration: none;
text-transform: none;
background-color: #3d3d3d;
white-space: nowrap;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

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

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

table.calendar {
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}

.sbarcalendar {
border: 1px solid #D9D9D9;
text-align: center;
font-size: 9px;
padding: 2px 8px;
}

.sbarcalendarposts {
border: 1px solid #D9D9D9;
text-align: center;
font-size: 9px;
padding: 2px 8px;
}
.sbarcalendarposts a {
background-color: transparent !important;
}

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

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

li.sbaritem {
list-style: none;
display: block;
text-align: left;
padding: 5px;
margin: 2px 0;
}

li.sbartitle {
display: none;
}

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

#footer {
width: 100%;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
background-color: transparent;
color: #3d3d3d;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 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 #fff;
}

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

td.yearmonth {
border-style: none;
}

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

.datesubjectcomment {
background-color: transparent;
padding: 0;
margin: 0;
}

input, textarea {
background-color: #fff;
font-size: 11px;
font-family: Consolas, Inconsolata, Monaco, monospace;
color: #3d3d3d;
border: 1px solid #D3D3D3;
padding: 2px;
margin: 0;
}
select, option {
background-color: #fff;
font-size: 11px;
font-family: Consolas, Inconsolata, Monaco, monospace;
color: #3d3d3d;
border: 0;
padding: 2px;
margin: 0;
}
textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 0;
padding: 0;
text-align: justify;
background-color: transparent;
}
.replytosubject {
font-weight: normal;
}
.commentreply {
position: relative;
margin: 10px;
}

.commentbox {
position: relative;
width: 500px;
padding: 50px;
margin-top: 10px;
margin-right: auto !important;
margin-bottom: 10px;
margin-left: auto !important;
background-color: #fff;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
.commentbox:before, .commentbox:after {
position: absolute;
width: 40%;
height: 10px;
content: ' ';
left: 12px;
bottom: 12px;
background: transparent;
-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
z-index: -1;
}
.commentbox:after {
left: auto;
right: 12px;
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg);
}

.datesubjectcomment a, datesubjectcomment a:active, .datesubjectcomment a:visited {
color: #61D2D6;
text-decoration: none;
}

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

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

.skiplinks {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
text-align: center;
color: #D3D3D3;
}

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

.clear {
height: 15px;
}

/*--------------------------------------------
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/livejournal/tinyicons/attach.png);
padding: 2px 11px 12px 4px !important;
background-repeat: no-repeat;
position: left middle;
z-index: 15;
}