opal: the technocrats
Design inspired by Typesites.
layout notes
account types
Basic, Plus, Paid
compatible browsers
Mozilla Firefox, Opera, Safari, Google Chrome
minimum resolution
800x600
comment pages
No
navstrip
Optional
disabled
• Icons
css stylesheet
stylesheet
/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: The Technocrats
S2 STYLE: Opal
DOWNLOAD: thrashmetal.livejournal.com
****Please remember to credit!****
-----------------------------------------------------*/
body {
background:transparent url(http://i39.tinypic.com/2zhjfqo.jpg) repeat-x scroll 0 0;
font-family:"lucida grande",geneva,arial,sans-serif;
font-size:12px;
}
.border3 {
margin-top:10px;
}
a, a:visited {
color:#FFFFFF;
text-decoration:none;
}
blockquote {
background:#F2F2F2 none repeat scroll 0 0;
color:#999999;
padding:19px;
}
input, select, textarea {
border:1px solid #DDDDDD;
color:#222222;
font-family:"lucida grande",geneva,arial,sans-serif;
font-size:13px;
padding:2px;
}
img a, a img {
border-bottom:0 none;
}
#bodycontent {
margin:0 auto;
width:650px;
}
#headerinfo {
display:none;
}
#header {
min-height:52px;
padding-bottom:30px;
padding-top:15px;
}
#header h3 {
font-family:rockwell,courier new;
font-size:33px;
height:54px;
letter-spacing:-1px;
line-height:26px;
margin-left:29px;
margin-top:9px;
max-width:257px;
overflow:hidden;
position:absolute;
}
#userpic {
display:none;
}
.userpic2 {
display:none;
}
#nav {
font-size:12px;
margin-bottom:10px;
margin-top:12px;
padding-left:310px;
padding-top:5px;
white-space:nowrap;
}
#nav a {
padding:1px 3px;
background:#E8E8E8 none repeat scroll 0 0;
color:#222222;
font-size:11px;
font-weight:bold;
margin-right:9px;
text-transform:lowercase;
}
#nav a:hover {
background-color:#FFD200;
}
.columncontent {
display:none;
}
.entryinfo {
background:#181818 none repeat scroll 0 0;
color:#FFFFFF;
display:inline;
font-family:helvetica,sans-serif;
font-weight:bold;
padding:6px 14px 7px 9px;
}
.entrylinks {
background:#181818 none repeat scroll 0 0;
font-family:helvetica;
font-size:11px;
font-weight:bold;
margin-left:110px;
margin-top:-25px;
padding:2px 6px 3px 0;
position:absolute;
text-transform:lowercase;
}
.entrylinks a {
color:#FFD200;
padding:0;
}
.entrylinks a:hover {
color:#FFFFFF;
padding:0;
}
.entrylinks a[href*="reply"], .entrylinks a[href*="edittags"], .entrylinks a[href*="tellafriend"], .entrylinks a[href*="subscriptions"], .entrylinks a[href*="memadd"] {
display:none;
}
.systemmessage {
float:right;
text-align:right;
text-transform:lowercase;
}
.systemtext {
font-weight:normal;
padding-left:10px;
padding-right:10px;
}
.systemmessage a {
color:#000000;
margin-right:3px;
padding:5px;
text-decoration:none;
}
.systemmessage a:hover {
}
.systemmessage td {
font-size:10px;
min-width:20px;
}
.entry {
color:#666666;
line-height:23px;
margin-bottom:30px;
}
.entrytext {
text-align:justify;
}
.entrytext a, .entrytext a:visited {
color:#000000;
font-weight:bold;
}
.entrytext a:hover {
background:#FFD200 none repeat scroll 0 0;
}
.subject {
font-weight:bold;
padding-top:2px;
}
.meta {
font-size:11px;
line-height:19px;
}
.meta a {
text-decoration:none;
}
.subject a, .subject a:visited {
background:#181818 none repeat scroll 0 0;
border-bottom:2px solid #FFFFFF;
color:#FFD200;
display:block;
font-size:37px;
letter-spacing:-3px;
padding:21px 13px;
}
.subject a:hover {
background:#181818 none repeat scroll 0 0;
border-bottom:2px solid #FFD200;
color:#FFFFFF;
}
.systemmessage a:hover {
background:#F2F2F2 none repeat scroll 0 0;
}
.backtop {
display:none;
}
#cal {
width:100%;
}
#cal a {
text-decoration:none;
}
.calrow {
clear:both;
}
.calempty {
float:left;
font-size:11px;
margin:1px;
padding:3px 0;
width:25px;
}
.calactitem {
}
.calinitem {
}
.bigday {
float:left;
width:86px;
}
.notablemessage {
padding:4px;
}
a.lj_invisible {
display:none;
}
a.friendname {
background:transparent none repeat scroll 0 0 !important;
color:#FFFFFF !important;
}
.ljtags {
background:transparent url(http://i374.photobucket.com/albums/oo181/lightmass/diags.gif) repeat-x scroll 0 0;
margin-top:10px;
padding-top:11px;
}
#lj_controlstrip {
background:transparent none repeat scroll 0 0;
}
#lj_controlstrip_statustext {
color:#999999;
}
#lj_controlstrip a {
color:#999999;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
;){kind=link}
display:none;
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
;){kind=link}
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#F2F2F2 none repeat scroll 0 0 !important;
border:0 none;
color:#999999 !important;
opacity:0.7;
}
#lj_controlstrip .ljuser a b {
color:#999999;
font-weight:bold;
text-decoration:none;
}
img[src*="userinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/user.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:19px 17px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/user.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:19px 17px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/user.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:19px 17px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/house.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:19px 18px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/money.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:19px 18px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/newspaper.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:19px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2016a/01.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:19px 18px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/lock.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/lock.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/key.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
color:#222222;
font-family:"lucida grande",geneva,arial,sans-serif;
font-size:11px;
padding:7px;
width:20em;
}
div.ContextualPopup .Content {
line-height:13px;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-family:helvetica;
font-size:15px;
margin-bottom:5px;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:#5F5F5F !important;
font-weight:normal;
text-decoration:none !important;
}
how to install
select journal style
1. Apply any Opal theme.
custom css
Make sure any drop-down boxes are set to No, paste the code into the box, and click Save Changes.
appendix
credit and comment
• Please credit thrashmetal somewhere public. (Profile, Links List, Friends Only post, etc.)
• Comments aren't required, but are appreciated!
resources
N/A
read the layout faq before asking questions!