theworkshop | Nov. 18th, 2016

/*-------- 'Laura' by endearest @ livejournal [dot] com
28/09/2012 | Flexible Squares -----------------------*/

/*---------------------------------------------------

The colours below are the 'accent' colors, 
bought above the code for easier alteration.

#maincontent border is the coloured stripe.
#sidebar background-color is the dark grey shade on the right of the screen.
#siderbar border is the grey stripe.
a, a:link, a:visited color are the link colors (currently black).
a:hover etc color is the color when you hover over a link.
selection color is the text colour when you highlight text, background colour is the highlight.

-----------------------------------------------------*/

#maincontent {border-right:15px solid #21b3ff;}
#sidebar {background-color:#333333;border-left:10px solid #cccccc;}
a, a:link, a:visited {color:#000000;}
a:hover , .subject a:hover, .ljtags a:hover, div.comments a:hover, .skiplinks a:hover, .ljuser a:hover {color:#ff2165!important;}
::selection {color:#fcfcfc; background-color:#ff7a21; }
::-moz-selection {color:#fcfcfc; background-color:#ff7a21; }

/*------------------------------------------*/

body {background-color:#fefefe;font-family:'Lucida Sans Unicode','Lucida Grande', sans-serif;font-size:8.5pt;letter-spacing:+1px;color:#555555;}
 a, a:link, a:visited {text-decoration:none;} a:hover {}
 blockquote {color:#777777;padding:5px 15px 5px 5px;border-left:5px solid #21b3ff;}
 #content {margin-left:25%;}
  #maincontent {width:50%;float:left;padding-top:60px;min-height:100px;margin-top:-10px;}
 #sidebar {position:absolute;float:left;margin-left:38%;width:40%;padding-top:110px; margin-top: -100px; min-height:100%;padding-left:20px;z-index:50;}
 #header {display:none;}
 .entry {padding:10px 20px 10px 30px; text-align:justify;}
 .entry_text {min-height:100px;padding-top:10px;padding-bottom:5px;}
 .entry_text img {max-width:95%;}
 .userpic , .userpicfriends {position: relative;float: left;z-index: 15;margin-left:-90px;margin-top:-29px;background-color:transparent!important;color:#fefefe!important;text-align:center;}
 .userpic  a font, .userpicfriends a font {color:#aaaaaa;text-transform:uppercase;font-size:6pt;}
 .userpic img, .userpicfriends img { -moz-border-radius: 85px; border-radius: 85px;}
 .date {text-transform:uppercase;font-size:6pt;color:#ffffff;padding-right:20px;}
 .subject {padding-right:5px;padding-left:5px; text-transform:uppercase;letter-spacing:+3px;}
 .subject a, .subject a:link, .subject a:visited {color:#777777;}
 .subject a:hover {}
 .datesubject {text-align:right;border-bottom:#dddddd 1px solid;background-color:#eaeaea;padding:5px 0;}
  .currents {display:;text-transform:uppercase;}
 .currentmood, .currentmusic, .currentlocation { color:#aaaaaa;display:block;border-bottom:#efefef solid 1px;padding:0 0 2px 10px;font-size:6pt;text-decoration:none;letter-spacing:+2px;}
 .currentlocation a { color:#aaaaaa;font-size:6pt;text-decoration:none;letter-spacing:+1px} 
 .ljtags {padding-left:10px;text-transform:uppercase;color:#aaaaaa;font-size:6pt;text-decoration:none;margin-top:20px;margin-bottom:-10px;padding:2px 10px 2px 10px;}
 .ljtags a {text-transform:uppercase;color:#cccccc;font-size:6pt;text-decoration:none;}
 .ljtags a:hover {}
 .comments {text-align:center;color:#fefefe;font-size:7pt;}
 div.comments a, div.comments a:link, div.comments a:visited{color:#777777;}
 div.comments a:hover {}
   .defaultuserpic {margin-left:18px;padding:10px 0 10px 50px; width:155px;background-color:#777777;border:none!important;}
 .sbarbody {width:250px;margin-left:-25px;}
 .sbarbody2 {width:200px;margin-left:20px;text-align:justify;color:#777777;}
 table.calendar, #sidebar_calendar, #sidebar_tags, #sidebar_summary, .sbartitle, .currents strong {display:none;}
 ul.sbarlist {list-style:none;}
 li.sbaritem {list-style:none;padding:2px;}
 li.sbaritem a { padding:3px 3px 3px 8px;background-color:#777777;display:block; color:#cccccc;text-transform:uppercase;font-size:6pt;text-decoration:none;border-bottom:#555555 1px solid;}
 li.sbaritem a:hover {background-color:#333333; color:#cccccc!important;border-bottom:#333333 1px solid;}

.lj-view-recent #footer, .lj-view-friends #footer {width: 50%; bottom:10px; width:150px; z-index:100; text-align: center;}

ul.navfooter{color:#transparent!important;font-size:0;}

ul.navfooter li  {list-style:none;}

div#footer a, div#footer a:link, div#footer a:visited { display: block; padding:3px;background-color:#777777; color:#cccccc;text-transform:uppercase;font-size:6pt;text-decoration:none;border-bottom:#555555 1px solid; }
 .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {background-color:#333333; color:#cccccc!important;border-bottom:#333333 1px solid;}
.clearfoot { clear: both; }

.datesubjectcomment {border-top:#eaeaea solid 1px;padding:5px 0;}
 .userpiccomment {margin-left:-130px;position: relative;top: -15px; left: 15px; margin: 15px 30px -10px 10px;z-index: 15;float: right;}
 img.userpiccomment {-moz-border-radius: 85px; border-radius: 85px;height:75px!important;width:75px!important;}
 .box {}
 input, textarea {}
 textarea.textbox  {}
 .reply {}
 .replytosubject {}
 .commentreply { padding:10px 10px; min-height:75px;}
 .commentbox {padding:15px 20px 15px 0;text-align:justify;z-index:120;position:relative;}
 .datesubjectcomment a:link, .datesubjectcomment a:visited { }
 .datesubjectcomment a:hover {}
 .commentboxpartial {}
 .commentinfo {}
    .skiplinks {text-align:center;color:#fefefe;padding-bottom:20px;margin-top:-10px;}
 .skiplinks a {text-transform:uppercase;font-size:6pt;letter-spacing:+2px;color:#555555;}
 .skiplinks a:hover {}
 .clear {}

.ljuser a, .ljuser a:hover{font-weight:normal!important;letter-spacing:+1px;text-transform:uppercase;color:#333333;font-size:7pt;text-decoration:none;}

#qrformdiv table{border:0!important;}
#qrformdiv table td select{border:0;width:50%;background-color:#fff;color:#222;font-size:10px;}
#qrformdiv table td select:hover{background-color:#ff7a21;}
#qrformdiv table td input{padding:0;}
#qrformdiv table td select option{background-color:#fff;}

img[src="http://l-stat.livejournal.com/img/btn_del.gif"], 
img[src="http://l-stat.livejournal.com/img/btn_spam.gif"], img[src="http://l-stat.livejournal.com/img/btn_scr.gif"],img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"],img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"],img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"],img[src="http://l-stat.livejournal.com/img/btn_track.gif"],img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"],img[src="http://l-stat.livejournal.com/img/btn_edit.gif"],img[src="http://l-stat.livejournal.com/img/openid-profile.gif"],img[src="http://l-stat.livejournal.com/img/help.gif"]{height:0;width:0;background:url(http://ohbambi.net/ohcodey/max/icons/160.png);padding:0 0 10px 10px !important;}

/*---------------------------------------------------
TINY ICON GENERATOR - http://malionette.net/generator/tinylite.html
-----------------------------------------------------*/
span.i-ljuser img[src*="img/userinfo.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/man.png) no-repeat !important; padding: 14px 0 0 14px !important; }
span.i-ljuser img[src*="img/community.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/manman.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/syndicated.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/manman.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/icon_protected.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/lock.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/icon_private.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/flag.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/icon_groups.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/flag.png) no-repeat !important; padding: 14px 0 0 14px !important; }

Layout Lounge Workshop

just tinkering around

Nov. 18th, 2016

juneghost coding help

Links

About

Tags

Summary