minimalism: azure

Jan 10, 2009 17:59







layout notes

account types
Basic, Plus, Paid

compatible browsers
Internet Explorer 7, Mozilla Firefox, Safari
Optimized for Firefox; works passably in Internet Explorer 7 and Safari. It's fine in Chrome and Opera too, but you'll need to disable the opacity on the icons at the top.

minimum resolution
800x600

comment pages
Yes

navstrip
Optional

disabled
N/A

css stylesheet

stylesheet

/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: Azure
S2 STYLE: Minimalism
DOWNLOAD: thrashmetal.livejournal.com

****Please remember to credit!****
-----------------------------------------------------*/

body {
background:transparent url(http://lj.irondevil.org/components/wood/wood1.gif) repeat scroll 0 0;
color:#333333;
font-family:arial;
font-size:12px;
}
a, a:visited {
color:#55B7FF;
text-decoration:none;
}
a:hover, a:active {
}
a img {
border:medium none;
}
.layout {
line-height:21px;
margin:0 auto;
text-align:justify;
width:600px;
}
hr {
display:none;
}
.entry-title {
color:#55B7FF;
font-family:georgia;
font-size:31px;
padding:18px 17px 16px;
text-align:left;
}
dt.entry-title a {
}
.entry-wrap {
background:#FFFFFF none repeat scroll 0 0;
margin-bottom:15px;
}
dd.entry-text {
margin:0;
padding:0 18px;
}
.entry-content {
padding-bottom:12px;
}
.vcard {
float:right;
font-family:georgia;
line-height:13px;
text-align:right;
}
.vcard dt {
float:right;
}
.vcard dt img {
border:10px solid white;
margin-left:33px;
margin-top:-54px;
position:absolute;
}
dd.username img[src*="userinfo.gif"], dd.username img[src*="community.gif"], dd.username img[src*="partnercomm.gif"], dd.username img[src*="newsinfo.gif"], dd.username img[src*="syndicated.gif"] {
background:transparent none repeat scroll 0 0 !important;
height:0;
padding:0 !important;
width:0;
}
abbr.updated {
border:0 none;
font-family:arial;

font-size:10px;
}
.metadata {
font-family:arial;
font-size:9px;
line-height:15px;
margin-bottom:7px;
margin-left:22px;
}
.metadata dl {
line-height:15px;
padding:0;
margin:0;
}
.metadata dt, .metadata dd {
display:inline;
margin:2px;
}
dd.meta-music-value {
background:transparent url(http://irondevil.org/icon/categories/diagona%2010b/06.png) no-repeat scroll 0 1px;
padding-left:12px;
}
dd.meta-mood-value {
background:transparent url(http://irondevil.org/icon/categories/diagona%2010a/34.png) no-repeat scroll 0 1px;
padding-left:12px;
}
dd.meta-location-value {
background:transparent url(http://irondevil.org/icon/categories/diagona%2010b/44.png) no-repeat scroll 0 1px;
padding-left:12px;
}
dd.meta-groups-value {
background:transparent url(http://irondevil.org/icon/categories/diagona%2010a/30.png) no-repeat scroll 0 1px;
padding-left:12px;
}
.meta-music-label, .meta-location-label, .meta-mood-label, .meta-groups-label {
display:none !important;
}
.ljtags {
background:transparent url(http://irondevil.org/icon/categories/diagona%2010a/13.png) no-repeat scroll 0 2px;
font-size:10px;
margin-left:17px;
margin-top:16px;
line-height:13px;
padding-left:12px;
text-transform:lowercase;
}
.entrymenu {
margin:0;
padding:6px 4px 7px;
}
dd.entrymenu ul {
margin:0;
padding:0;
}
dd.entrymenu ul li a {
color:#222222;
font-family:georgia;
font-size:10px;
margin-left:8px;
text-transform:lowercase;
}
dd.entrymenu li {
display:inline;
}
dd.entrymenu li.comments {
background:transparent url(http://irondevil.org/icon/categories/large%20-%2024x24/001_50.png) no-repeat scroll 0 0;
display:block;
float:right;
line-height:19px;
margin-top:-2px;
padding:0 7px 5px 1px;
text-align:center;
width:23px;
}
dd.entrymenu li.comments a {
color:#FFFFFF;
font-family:trebuchet MS;
font-size:11px;
font-weight:bold;
margin-left:0;
margin-right:0;
padding:0 1px;
}
dd.entrymenu li.postcomment {
background:transparent url(http://irondevil.org/icon/categories/large%20-%2024x24/001_01.png) no-repeat scroll 0 0;
display:block;
float:right;
height:24px;
margin-right:5px;
margin-top:-4px;
width:24px;
}
dd.entrymenu li.postcomment a {
color:white;
display:block;
font-size:0;
margin-left:0;
padding:6px 5px 0;
}
ul.nav {
margin:0;
padding:17px 0 9px;
text-align:center;
}
ul.nav li.item {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.header li.item-selected a {
opacity:0.5;
}
.header li.item-recent a {
background:transparent url(http://irondevil.org/icon/categories/large%20-%2024x24/001_39.png) no-repeat scroll 0 0;
font-size:0;
padding:12px;
text-indent:-9999px;
}
.header li.item-friends a {
background:transparent url(http://irondevil.org/icon/categories/large%20-%2024x24/001_40.png) no-repeat scroll 0 0;
font-size:0;
padding:12px;
text-indent:-9999px;
}
.header li.item-archive a {
background:transparent url(http://irondevil.org/icon/categories/large%20-%2024x24/001_44.png) no-repeat scroll 0 0;
font-size:0;
padding:12px;
text-indent:-9999px;
}
.header li.item-profile a {
background:transparent url(http://irondevil.org/icon/categories/large%20-%2024x24/001_54.png) no-repeat scroll 0 0;
font-size:0;
padding:12px;
text-indent:-9999px;
}
.nav-sub {
display:none;
}
.userpic {
display:none;
}
.header h2, .header h3, .header h1 {
display:none;
}
.sidebar {
display:none;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#55B7FF;
font-family:georgia;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a:hover b {
background:transparent none repeat scroll 0 0;
border-bottom:0 none;
text-decoration:none !important;
}
img[src*="userinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 12px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/37.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010b/28.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/01.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-color:white;
background-image:url(http://irondevil.org/icon/categories/large%20-%2024x24/001_42.png) !important;
background-position:0 2px;
background-repeat:no-repeat;
height:0;
padding:17px 28px 9px 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-color:white;
background-image:url(http://irondevil.org/icon/categories/large%20-%2024x24/001_42.png) !important;
background-position:0 2px;
background-repeat:no-repeat;
height:0;
padding:17px 27px 8px 1px !important;
width:0;
}
img[src*="icon_private.gif"] {
background-color:white;
background-image:url(http://irondevil.org/icon/categories/large%20-%2024x24/001_29.png) !important;
background-position:0 2px;
background-repeat:no-repeat;
height:0;
padding:17px 27px 8px 1px !important;
width:0;
}
ul.page-nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}
li.prev {
background:transparent url(http://irondevil.org/icon/categories/IcoJoy%20color/arrow_back.gif) no-repeat scroll 0 2px;
display:inline;
padding-left:9px;
}
li.next {
background:transparent url(http://irondevil.org/icon/categories/IcoJoy%20color/arrow_next.gif) no-repeat scroll 100% 2px;
display:inline;
padding-right:9px;
}
ul.page-nav a {
color:#FFFFFF;
font-family:georgia;
font-size:10px;
padding:4px 7px;
text-transform:lowercase;
}
dl#post-sticky.entry {
padding-bottom:14px;
}
dl#post-sticky.entry .entry-title {
background:transparent none repeat scroll 0 0;
font-family:null;
padding:15px 18px 7px;
}
dl#post-sticky.entry .entry-content {
line-height:20px;
}
.calendar-wrap table {
margin:16px auto;
width:400px;
}
.calendar-wrap td {
height:38px;
}
a.month {
font-family:georgia;
font-size:20px;
}
a.year {
font-family:georgia;
}
.entry-linkbar {
float:right;
padding:10px 12px !important;
}
img[src*="btn_prev.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/2.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 15px 0 0 !important;
width:0;
}
img[src*="btn_edit.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/28.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 17px 0 0 !important;
width:0;
}
img[src*="btn_edittags.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/33.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 16px 0 0 !important;
width:0;
}
img[src*="btn_memories.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/81.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 16px 0 0 !important;
width:0;
}
img[src*="btn_tellfriend.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/47.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 16px 0 0 !important;
width:0;
}
img[src*="btn_track.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/57.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 16px 0 0 !important;
width:0;
}
img[src*="btn_next.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/1.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 15px 0 0 !important;
width:0;
}
img[src*="http://p-stat.livejournal.com/img/button-flag.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/69.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 15px 0 0 !important;
width:0;
}
img[src*="btn_del.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/12.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 15px 0 0 !important;
width:0;
}
img[src*="btn_scr.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/55.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 15px 0 0 !important;
width:0;
}
img[src*="btn_freeze.gif"] {
background-image:url(http://irondevil.org/icon/categories/xiao%20icon/65.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 16px 0 0 !important;
width:0;
}
textarea, input, select {
background:white none repeat scroll 0 0;
border:1px solid #E9E9E9;
font-family:georgia;
font-size:12px;
max-width:450px;
}
.entry-comments-text {
padding:10px;
}
.comment-wrap {
min-height:125px;
}
.comment-upic {
float:left;
}
.comment-text {
margin-left:112px;
margin-right:11px;
margin-top:14px;
}
.comment-menu {
padding:10px 0;
text-align:right;
}
.comment-head-in {
font-size:9px;
line-height:2px;
padding-left:114px;
}
.comment-head-in .ljuser {
font-size:18px;
}
.comment-head-in img[src*="userinfo.gif"] {
background-image:none !important;
height:0;
padding:0 !important;
width:0;
}
.comment-head-in h3 {
color:#55B7FF;
font-family:georgia;
font-size:20px;
font-weight:normal;
margin-bottom:0;
}
#qrform table {
border:medium none !important;
}
.content-tags {
padding: 10px;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:transparent none repeat scroll 0 0 !important;
border:0 none;
color:#222222 !important;
font-family:arial;
font-size:12px;
padding:3px;
width:23em;
}
div.ContextualPopup .Content {
background:white none repeat scroll 0 0;
line-height:1.4;
margin-right:81px;
padding:7px 9px;
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:#55B7FF !important;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:transparent none repeat scroll 0 0 !important;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#FFFFFF;
}
#lj_controlstrip_statustext {
color:#FFFFFF;
}
#lj_controlstrip a {
color:#FFFFFF;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_login td {
border-bottom:0 none;
}
#lj_controlstrip td td {
border-bottom:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip input {
background:#FFFFFF none repeat scroll 0 0 !important;
border:medium none;
color:#D8B183 !important;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:#FFFFFF none repeat scroll 0 0 !important;
border:medium none;
color:#D8B183 !important;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
letter-spacing:0;
text-decoration:none !important;
}

how to install

select journal style
Type Deep Ocean into the search box and apply the listed theme.

custom css
Make sure any drop-down boxes are set to No, paste the code into the box, and click Save Changes.

optional
upload imageshttp://lj.irondevil.org/components/wood/wood1.gif (bg)

Uploading your own copies of the icon graphics as well is appreciated, but not necessary.
kill the opacity effectsFind .header li.item-selected a and delete that entire selector (including the brackets and anything inside).

display a sticky noteClick on Text and scroll down to the bottom.

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!

style: minimalism, - all layouts

Previous post Next post
Up