Post Friends My journal
gawariel in gawariel_design

#67 - Nature's Masterpiece

Apr 12, 2009 18:28

Here's the layout I asked your opinion about. Thank you for your comments ^_^!!!
I changed the bright red to a more orangy colour and made two other colour-shemes.

I'm still not too fond of this one, but I'm tired of playing with it and since it's already made, I find it a bit of a waste not to post it. Maybe some of you will like it :).

Description Name: Nature's Masterpiece Description: Black coloured layout, combined with one bright focal colour featuring safari-animals: elephant, giraffe or rhinoceros. The layout has a fluid width, meaning the that width of the entries adjusts itself to your screenresolution.

General Information Layout Style: Expressive Tested in: Mozilla Firefox and Internet Explorer Best Resolution: All Account Levels: Layout works with all account levels (Basic, Plus, Paid). However, Plus users MUST use a vertical add placement [ How to change add orientation] Works with Navigation Strip: NO! [ How to enable/disable] Credit: gawariel_design



Installation Go to Manage: Customize Select a new Theme:
  • Check the box next to 'Only show themes available to me'
  • Type 'Expressive' in the Search box
  • Click search
  • Apply any theme that you get in the search results
Choose a Page Setup
  • Plus accounts: Choose VERTICAL as your add placement!
  • Apply the following: '2 Column (sidebar on left)'
  • Click 'Customize Selected Theme'
Choose 'Display' from the menu on the left: Un-check both boxes underneath Navigation strip to disable it. Choose 'Custom CSS' from the menu on the left:
  • Use layout's "Base Weblog" stylesheet: No
  • Custom external stylesheet URL: Leave empty
  • Custom stylesheet: Paste the codes (given bellow) in the box
Hit 'Save Changes'

Images & Code The images are hosted on my account, but it is recommended that you upload them yourself. Don't forget to change the URL's in the code!

{Bigger} ~ {Live Preview}
/*=================================================================================================================================================*/ /*------------------------------------------------- LAYOUT 67: NATURE's MASTERPIECE - ELEPHANT ----------------------------------------------------*/ /*------------------------------------------------------------- S2 STYLE: EXPRESSIVE --------------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*=================================================================================================================================================*/ /*------------------------------*/ /*----- GENERAL FORMATTING -----*/ /*------------------------------*/ * {margin: 0px; padding: 0px; } body { margin: 0; padding: 0; background-color: #000000; background-repeat: repeat-x; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/bg.jpg); background-position: top left; text-align: center; font-family: arial, serif; font-size: 62.5%; overflow:-moz-scrollbars-vertical; } a { color: #FD5403; font-weight: bold; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: underline; } /*--------------------------*/ /*----- PAGE STRUCTURE -----*/ /*--------------------------*/ #container { margin: 10px auto 0 auto; padding: 0; width: 100%; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/header.jpg); background-repeat: no-repeat; background-position: top left; text-align: justify; } #container-inner { margin: 0 auto; padding: 0; min-height: 100%; } #alpha, #beta, #gamma { display: inline; float: left; position: relative; top: 0; } #alpha-inner, #beta-inner, #gamma-inner { position: static; overflow: hidden; } #alpha { z-index: 1; position: absolute; top: 490px; left: 280px; right: 20px; } #alpha-inner { margin: 0 10px; } #beta { z-index: 2; position: absolute; top: 490px; left: 20px; width: 220px; } #beta-inner { position: relative; margin: 0 10px; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { width: 100%; padding: 403px 0 0 0; list-style-type: none; text-align: center; font-family: georgia, serif; text-transform: uppercase; font-size: 1.8em; letter-spacing: 0.1em; } ul.nav li.item { display: inline; padding: 0 10px 0 10px; } ul.nav li.item a { font-weight: normal; color: #000000; padding: 20px 10px; } ul.nav li.item a:hover { color: #FD5403; background-color: #000000; text-decoration: none; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header, .stream-footer { display: block; } .stream-header { margin: 0 0 30px 0 ; } .prevnext { text-transform: uppercase; font-family: georgia, serif; font-size: 1.2em; color: #000000; } .prevnext a { font-weight: normal; padding: 2px; } .prevnext a:hover { background: #FD5403; color: #000000; text-decoration: none; padding: 2px; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; } .asset-body { text-align: justify; font-size: 1.15em; line-height: 1.8em; padding: 5px; color: #DDDDDD; } .asset-body ol { margin: 10px 0 10px 50px; } .asset-body ul { list-style: none; margin: 0 0 0 33px; } .asset-body ul li { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/list-item.jpg) no-repeat center left; padding: 0 0 0 20px; } blockquote { margin: 10px;; padding: 5px; border-top: 5px solid #FD5403; border-bottom: 5px solid #FD5403; color: #666666; } .asset-body textarea { border: 1px solid #FD5403; } .asset-header { margin: 0 0 20px 0; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { margin: 10px 0 0 0; font-family: georgia, serif; font-variant: small-caps; font-size: 2.8em; letter-spacing: 0.1em; } h2.asset-name.page-header2 a{ color: #FD5403; font-weight: normal; text-decoration: none; } /*------ ENTRY DATE ------*/ .asset-header .asset-meta-list { background:transparent; float: left; margin: 0; padding: 0 0 0 45px; } .asset-header .datetime { text-transform: uppercase; color: #777777; font-size: 1.1em; letter-spacing: 0.1em; } /*------ USERICON ------*/ .asset .user-icon { float:left; background-color: #000000!important; background-repeat: repeat-x; border: 1px solid #FD5403; margin: 0 10px 10px 0; } .asset .user-icon img { margin: 0 0 5px 0; padding: 8px; } .user-icon span{ display: block; background-color: transparent!important; text-align: center; margin: -9px -1px; padding: 0; } span.ljuser a b, .user-icon .ljuser a{ padding: 0; color: #FD5403; } span.ljuser a:hover { color: #FFFFFF; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/user.jpg); margin: 0; padding: 15px 0px 0 18px; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/user.jpg); margin: 0; padding: 15px 0px 0 18px; } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/community.jpg); margin: 0; padding: 14px 0px 0px 10px; } /*------ METADATA ------*/ .lj-currents { margin: 35px 0 0 10px; padding: 35px 0 0 45px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/meta.jpg) no-repeat top left; font-size: 7pt; color: #DDDDDD; } .lj-currents .entryMetadata-label { margin:0px 8px 0px 0px; color: #7E2A01; font-family: georgia, serif; font-weight: bold; } .lj-currents ul{ margin:0px; padding:0px; list-style-type:none; } /*------ ENTRY TAGS ------*/ .asset-tags-list { margin: 15px 0 0 10px; padding: 40px 0 0 45px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/tags.jpg) no-repeat top left; font-size: 7pt; color: #7E2A01; } .asset-tags-header { display: none; } .asset-tags-list li.item { display:inline; } .asset-tags-list li.item a { color: #7E2A01; font-weight: normal; border-top: 1px solid #7E2A01; border-bottom: 1px solid #7E2A01; padding: 0 0 2px 0; } .asset-tags-list li.item a:hover { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-decoration: none; } /*------ COMMENT LINKS ------*/ .asset-meta-list{ margin: 20px 0 0 0; } ul.asset-meta-list { list-style-type:none; float: right; } li.asset-meta-comments{ display: inline; text-transform: uppercase; font-family: georgia, serif; font-size: 1.3em; color: #FD5403; line-height: 3.0em; background: ; padding: 5px 30px 5px 0; } li.asset-meta-comments a { font-weight: normal; } /*------ DIVIDER ------*/ .asset-footer { height: 100px; } /*-------------------------------------*/ /*---------- SIDEBAR STYLING ----------*/ /*-------------------------------------*/ /*------ GENERAL ------*/ .widget { clear: both; margin-bottom: 20px; text-align: justify; font-size: 1.1em; line-height: 1.4em; } h3.widget-header { padding: 0 0 5px 0; font-weight: normal; font-family: georgia, serif; font-variant: small-caps; font-size: 1.8em; letter-spacing: 0.1em; color: #FD5403; } h3.widget-header a{ color: #FD5403; font-weight: normal; text-decoration: none; } .widget-content { padding: 5px; } .widget-footer { padding: 6px 0 30px 0; } .widget-footer a{ float: right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/user.jpg) no-repeat center left; padding: 0 0 0 18px; color: #FD5403; } .widget-footer a:hover{ color: #FFFFFF; text-decoration: none; } ul.widget-list { list-style-type:none; margin:0 0 0 10px; padding: 0; font-size: 0.9em; } .widget-list li { margin: 0px 4px; padding: 4px 8px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/list-item.jpg) no-repeat center left; padding: 0 0 0 20px; } .widget-list li a { font-size: 0.9em!important; color: #FD5403; } .widget-list li a:hover { color: #FFFFFF; text-decoration: none; } /*------ PROFILE WIDGET ------*/ .about-me-widget { text-align: center; margin: 0 0 60px 0; } .user-pic { text-align: center; margin: 0; padding: 8px; } .user-pic img{ border: 2px solid #FD5403; padding: 8px; } .profile-name { } .profile-name a{ float: right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/elephant/user.jpg) no-repeat center left; padding: 0 0 0 20px; color: #FD5403; } .profile-name a:hover{ color: #FFFFFF; text-decoration: none; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget .widget-content { margin: 0; padding: 0; } .calendar-widget table { text-align: center; margin: 0 auto; color: #FFFFFF; } .calendar-widget table td { text-align:center; } .calendar-widget table td a{ font-weight: bold; } .calendar-widget table th { background: #000000; border: 1px solid #FD5403; text-align: center; padding: 2px; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { clear:both; padding: 20px; width: 60%; } td.yearmonth { height: 93px; font-family: georgia, serif; font-variant: small-caps; font-size: 2.4em; letter-spacing: 0.1em; color: #FD5403; font-weight: normal; } td.yearmonth a { font-family: verdana, Georgia, sans-serif; font-size: 10px; padding: 20px 0; } .yearday { background: #3F1501; text-align:center; padding:2px; font-weight: bold; letter-spacing: 2px; } td.yeardate div { text-align:center; padding:4px; border: 1px solid #3F1501; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; margin: 0; padding:0; } ul.year li { display:block; text-align: center; width: 50px; height: 10px; float:left; margin: 0 0 0 5px; padding: 10px 0px 0px 0px; font-size: 12px; font-weight: bold; } ul.year li a { text-decoration: none; font-weight: normal; font-size: 1.0em; } dt { margin:20px 0px 0px 0px; padding: 10px 0px 0px 12px; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-family: georgia, serif; font-variant: small-caps; font-size: 2.8em; letter-spacing: 0.1em; font-weight: normal; color: #FD5403; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; border: 2px solid #3F1501; color: #FFFFFF; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { padding: 15px 5px 5px 5px; clear:both; text-align: right; font-size:1.1em; } .comment .user-icon { float:left; position:relative; margin: 0 10px 10px 0; padding: 8px; } .commenter-name { font-size: 1.2em; } .comment-body { padding: 5px; text-align: justify; font-size: 1.2em; line-height: 1.8em; letter-spacing: 0.1em; } .comment-subject { text-transform: uppercase; text-decoration: underline; font-size: 1.4em; font-family: Georgia, sans-serif; color: #666666; letter-spacing: 0.1em; margin: 3px 0 0 0; padding: 0; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; color: #777777; font-size: 1.0em; text-transform: uppercase; } .comments-nav { text-align:center; font-size: 1.0em; text-transform:uppercase; } /*------ REPLY PAGE ------*/ .quickreply { background:#3F1501; } textarea#commenttext.textbox { width:90%; } form#postform { border: 2px solid #3F1501; padding: 10px; color: #FFFFFF; } textarea, input#subject.textbox, select { background: #000000; border:1px solid #3F1501!important; margin:0px 10px 8px 0px; color: #FFFFFF; font-family: arial, serif; font-size: 1.3em; padding: 2px; } input { background: #000000; border:1px solid #3F1501!important; font-family: arial, serif; color:#FD5403; } option { background: #000000; border:1px solid #3F1501!important; color:#FD5403; letter-spacing: 2px; } select { background: #3F1501; }

{Bigger} ~ {Live Preview}
/*=================================================================================================================================================*/ /*------------------------------------------------- LAYOUT 67: NATURE's MASTERPIECE - GIRAFFE ----------------------------------------------------*/ /*------------------------------------------------------------- S2 STYLE: EXPRESSIVE --------------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*=================================================================================================================================================*/ /*------------------------------*/ /*----- GENERAL FORMATTING -----*/ /*------------------------------*/ * {margin: 0px; padding: 0px; } body { margin: 0; padding: 0; background-color: #000000; background-repeat: repeat-x; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/bg.jpg); background-position: top left; text-align: center; font-family: arial, serif; font-size: 62.5%; overflow:-moz-scrollbars-vertical; } a { color: #DEC310; font-weight: bold; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: underline; } /*--------------------------*/ /*----- PAGE STRUCTURE -----*/ /*--------------------------*/ #container { margin: 10px auto 0 auto; padding: 0; width: 100%; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/header.jpg); background-repeat: no-repeat; background-position: top left; text-align: justify; } #container-inner { margin: 0 auto; padding: 0; min-height: 100%; } #alpha, #beta, #gamma { display: inline; float: left; position: relative; top: 0; } #alpha-inner, #beta-inner, #gamma-inner { position: static; overflow: hidden; } #alpha { z-index: 1; position: absolute; top: 490px; left: 280px; right: 20px; } #alpha-inner { margin: 0 10px; } #beta { z-index: 2; position: absolute; top: 490px; left: 20px; width: 220px; } #beta-inner { position: relative; margin: 0 10px; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { width: 100%; padding: 403px 0 0 0; list-style-type: none; text-align: center; font-family: georgia, serif; text-transform: uppercase; font-size: 1.8em; letter-spacing: 0.1em; } ul.nav li.item { display: inline; padding: 0 10px 0 10px; } ul.nav li.item a { font-weight: normal; color: #000000; padding: 20px 10px; } ul.nav li.item a:hover { color: #DEC310; background-color: #000000; text-decoration: none; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header, .stream-footer { display: block; } .stream-header { margin: 0 0 30px 0 ; } .prevnext { text-transform: uppercase; font-family: georgia, serif; font-size: 1.2em; color: #000000; } .prevnext a { font-weight: normal; padding: 2px; } .prevnext a:hover { background: #DEC310; color: #000000; text-decoration: none; padding: 2px; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; } .asset-body { text-align: justify; font-size: 1.15em; line-height: 1.8em; padding: 5px; color: #DDDDDD; } .asset-body ol { margin: 10px 0 10px 50px; } .asset-body ul { list-style: none; margin: 0 0 0 33px; } .asset-body ul li { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/list-item.jpg) no-repeat center left; padding: 8px 0 0 21px; } blockquote { margin: 10px;; padding: 5px; border-top: 5px solid #DEC310; border-bottom: 5px solid #DEC310; color: #666666; } .asset-body textarea { border: 1px solid #DEC310; } .asset-header { margin: 0 0 20px 0; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { margin: 10px 0 0 0; font-family: georgia, serif; font-variant: small-caps; font-size: 2.8em; letter-spacing: 0.1em; } h2.asset-name.page-header2 a{ color: #DEC310; font-weight: normal; text-decoration: none; } /*------ ENTRY DATE ------*/ .asset-header .asset-meta-list { background:transparent; float: left; margin: 0; padding: 0 0 0 45px; } .asset-header .datetime { text-transform: uppercase; color: #777777; font-size: 1.1em; letter-spacing: 0.1em; } /*------ USERICON ------*/ .asset .user-icon { float:left; background-color: #000000!important; background-repeat: repeat-x; border: 1px solid #DEC310; margin: 0 10px 10px 0; } .asset .user-icon img { margin: 0 0 5px 0; padding: 8px; } .user-icon span{ display: block; background-color: transparent!important; text-align: center; margin: -9px -1px; padding: 0; } span.ljuser a b, .user-icon .ljuser a{ padding: 0; color: #DEC310; } span.ljuser a:hover { color: #FFFFFF; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/user.jpg); margin: 0; padding: 23px 0px 0 22px; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/user.jpg); margin: 0; padding: 23px 0px 0 22px; } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/community.jpg); margin: 0; padding: 14px 0px 0px 10px; } /*------ METADATA ------*/ .lj-currents { margin: 35px 0 0 10px; padding: 40px 0 0 50px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/meta.jpg) no-repeat top left; font-size: 7pt; color: #DDDDDD; } .lj-currents .entryMetadata-label { margin:0px 8px 0px 0px; color: #6F6108; font-family: georgia, serif; font-weight: bold; } .lj-currents ul{ margin:0px; padding:0px; list-style-type:none; } /*------ ENTRY TAGS ------*/ .asset-tags-list { margin: 15px 0 0 10px; padding: 45px 0 0 45px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/tags.jpg) no-repeat top left; font-size: 7pt; color: #7E2A01; } .asset-tags-header { display: none; } .asset-tags-list li.item { display:inline; } .asset-tags-list li.item a { color: #6F6108; font-weight: normal; border-top: 1px solid #6F6108; border-bottom: 1px solid #6F6108; padding: 0 0 2px 0; } .asset-tags-list li.item a:hover { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-decoration: none; } /*------ COMMENT LINKS ------*/ .asset-meta-list{ margin: 20px 0 0 0; } ul.asset-meta-list { list-style-type:none; float: right; } li.asset-meta-comments{ display: inline; text-transform: uppercase; font-family: georgia, serif; font-size: 1.3em; color: #DEC310; line-height: 3.0em; background: ; padding: 5px 30px 5px 0; } li.asset-meta-comments a { font-weight: normal; } /*------ DIVIDER ------*/ .asset-footer { height: 100px; } /*-------------------------------------*/ /*---------- SIDEBAR STYLING ----------*/ /*-------------------------------------*/ /*------ GENERAL ------*/ .widget { clear: both; margin-bottom: 20px; text-align: justify; font-size: 1.1em; line-height: 1.4em; } h3.widget-header { padding: 0 0 5px 0; font-weight: normal; font-family: georgia, serif; font-variant: small-caps; font-size: 1.8em; letter-spacing: 0.1em; color: #DEC310; } h3.widget-header a{ color: #DEC310; font-weight: normal; text-decoration: none; } .widget-content { padding: 5px; } .widget-footer { padding: 6px 0 30px 0; } .widget-footer a{ float: right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/user.jpg) no-repeat center left; padding: 8px 0 0 21px; color: #DEC310; } .widget-footer a:hover{ color: #FFFFFF; text-decoration: none; } ul.widget-list { list-style-type:none; margin:0 0 0 10px; padding: 0; font-size: 0.9em; } .widget-list li { margin: 0px 4px; padding: 4px 8px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/list-item.jpg) no-repeat center left; padding: 8px 0 0 21px; } .widget-list li a { font-size: 0.9em!important; color: #DEC310; } .widget-list li a:hover { color: #FFFFFF; text-decoration: none; } /*------ PROFILE WIDGET ------*/ .about-me-widget { text-align: center; margin: 0 0 60px 0; } .user-pic { text-align: center; margin: 0; padding: 8px; } .user-pic img{ border: 2px solid #DEC310; padding: 8px; } .profile-name { } .profile-name a{ float: right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/giraffe/user.jpg) no-repeat center left; padding: 8px 0 0 21px; color: #DEC310; } .profile-name a:hover{ color: #FFFFFF; text-decoration: none; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget .widget-content { margin: 0; padding: 0; } .calendar-widget table { text-align: center; margin: 0 auto; color: #FFFFFF; } .calendar-widget table td { text-align:center; } .calendar-widget table td a{ font-weight: bold; } .calendar-widget table th { background: #000000; border: 1px solid #DEC310; text-align: center; padding: 2px; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { clear:both; padding: 20px; width: 60%; } td.yearmonth { height: 93px; font-family: georgia, serif; font-variant: small-caps; font-size: 2.4em; letter-spacing: 0.1em; color: #DEC310; font-weight: normal; } td.yearmonth a { font-family: verdana, Georgia, sans-serif; font-size: 10px; padding: 20px 0; } .yearday { background: #373104; text-align:center; padding:2px; font-weight: bold; letter-spacing: 2px; } td.yeardate div { text-align:center; padding:4px; border: 1px solid #373104; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; margin: 0; padding:0; } ul.year li { display:block; text-align: center; width: 50px; height: 10px; float:left; margin: 0 0 0 5px; padding: 10px 0px 0px 0px; font-size: 12px; font-weight: bold; } ul.year li a { text-decoration: none; font-weight: normal; font-size: 1.0em; } dt { margin:20px 0px 0px 0px; padding: 10px 0px 0px 12px; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-family: georgia, serif; font-variant: small-caps; font-size: 2.8em; letter-spacing: 0.1em; font-weight: normal; color: #DEC310; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; border: 2px solid #373104; color: #FFFFFF; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { padding: 15px 5px 5px 5px; clear:both; text-align: right; font-size:1.1em; } .comment .user-icon { float:left; position:relative; margin: 0 10px 10px 0; padding: 8px; } .commenter-name { font-size: 1.2em; } .comment-body { padding: 5px; text-align: justify; font-size: 1.2em; line-height: 1.8em; letter-spacing: 0.1em; } .comment-subject { text-transform: uppercase; text-decoration: underline; font-size: 1.4em; font-family: Georgia, sans-serif; color: #666666; letter-spacing: 0.1em; margin: 3px 0 0 0; padding: 0; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; color: #777777; font-size: 1.0em; text-transform: uppercase; } .comments-nav { text-align:center; font-size: 1.0em; text-transform:uppercase; } /*------ REPLY PAGE ------*/ .quickreply { background:#373104; } textarea#commenttext.textbox { width:90%; } form#postform { border: 2px solid #373104; padding: 10px; color: #FFFFFF; } textarea, input#subject.textbox, select { background: #000000; border:1px solid #373104!important; margin:0px 10px 8px 0px; color: #FFFFFF; font-family: arial, serif; font-size: 1.3em; padding: 2px; } input { background: #000000; border:1px solid #373104!important; font-family: arial, serif; color:#DEC310; } option { background: #000000; border:1px solid #373104!important; color:#DEC310; letter-spacing: 2px; } select { background: #373104; }

{Bigger} ~ {Live Preview}
/*=================================================================================================================================================*/ /*------------------------------------------------- LAYOUT 67: NATURE's MASTERPIECE - RHINOCEROS ----------------------------------------------------*/ /*------------------------------------------------------------- S2 STYLE: EXPRESSIVE --------------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*=================================================================================================================================================*/ /*------------------------------*/ /*----- GENERAL FORMATTING -----*/ /*------------------------------*/ * {margin: 0px; padding: 0px; } body { margin: 0; padding: 0; background-color: #000000; background-repeat: repeat-x; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/bg.jpg); background-position: top left; text-align: center; font-family: arial, serif; font-size: 62.5%; overflow:-moz-scrollbars-vertical; } a { color: #07717A; font-weight: bold; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: underline; } /*--------------------------*/ /*----- PAGE STRUCTURE -----*/ /*--------------------------*/ #container { margin: 10px auto 0 auto; padding: 0; width: 100%; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/header.jpg); background-repeat: no-repeat; background-position: top left; text-align: justify; } #container-inner { margin: 0 auto; padding: 0; min-height: 100%; } #alpha, #beta, #gamma { display: inline; float: left; position: relative; top: 0; } #alpha-inner, #beta-inner, #gamma-inner { position: static; overflow: hidden; } #alpha { z-index: 1; position: absolute; top: 490px; left: 280px; right: 20px; } #alpha-inner { margin: 0 10px; } #beta { z-index: 2; position: absolute; top: 490px; left: 20px; width: 220px; } #beta-inner { position: relative; margin: 0 10px; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { width: 100%; padding: 403px 0 0 0; list-style-type: none; text-align: center; font-family: georgia, serif; text-transform: uppercase; font-size: 1.8em; letter-spacing: 0.1em; } ul.nav li.item { display: inline; padding: 0 10px 0 10px; } ul.nav li.item a { font-weight: normal; color: #000000; padding: 20px 10px; } ul.nav li.item a:hover { color: #07717A; background-color: #000000; text-decoration: none; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header, .stream-footer { display: block; } .stream-header { margin: 0 0 30px 0 ; } .prevnext { text-transform: uppercase; font-family: georgia, serif; font-size: 1.2em; color: #000000; } .prevnext a { font-weight: normal; padding: 2px; } .prevnext a:hover { background: #07717A; color: #000000; text-decoration: none; padding: 2px; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; } .asset-body { text-align: justify; font-size: 1.15em; line-height: 1.8em; padding: 5px; color: #DDDDDD; } .asset-body ol { margin: 10px 0 10px 50px; } .asset-body ul { list-style: none; margin: 0 0 0 33px; } .asset-body ul li { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/list-item.jpg) no-repeat center left; padding: 5px 0 0 29px; } blockquote { margin: 10px;; padding: 5px; border-top: 5px solid #07717A; border-bottom: 5px solid #07717A; color: #666666; } .asset-body textarea { border: 1px solid #07717A; } .asset-header { margin: 0 0 20px 0; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { margin: 10px 0 0 0; font-family: georgia, serif; font-variant: small-caps; font-size: 2.8em; letter-spacing: 0.1em; } h2.asset-name.page-header2 a{ color: #07717A; font-weight: normal; text-decoration: none; } /*------ ENTRY DATE ------*/ .asset-header .asset-meta-list { background:transparent; float: left; margin: 0; padding: 0 0 0 45px; } .asset-header .datetime { text-transform: uppercase; color: #777777; font-size: 1.1em; letter-spacing: 0.1em; } /*------ USERICON ------*/ .asset .user-icon { float:left; background-color: #000000!important; background-repeat: repeat-x; border: 1px solid #07717A; margin: 0 10px 10px 0; } .asset .user-icon img { margin: 0 0 5px 0; padding: 8px; } .user-icon span{ display: block; background-color: transparent!important; text-align: center; margin: -9px -1px; padding: 0; } span.ljuser a b, .user-icon .ljuser a{ padding: 0; color: #07717A; } span.ljuser a:hover { color: #FFFFFF; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/user.jpg); margin: 0; padding: 21px 0px 0 28px; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/user.jpg); margin: 0; padding: 21px 0px 0 28px; } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/community.jpg); margin: 0; padding: 14px 0px 0px 10px; } /*------ METADATA ------*/ .lj-currents { margin: 35px 0 0 10px; padding: 40px 0 0 50px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/meta.jpg) no-repeat top left; font-size: 7pt; color: #DDDDDD; } .lj-currents .entryMetadata-label { margin:0px 8px 0px 0px; color: #04393D; font-family: georgia, serif; font-weight: bold; } .lj-currents ul{ margin:0px; padding:0px; list-style-type:none; } /*------ ENTRY TAGS ------*/ .asset-tags-list { margin: 15px 0 0 10px; padding: 45px 0 0 45px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/tags.jpg) no-repeat top left; font-size: 7pt; color: #7E2A01; } .asset-tags-header { display: none; } .asset-tags-list li.item { display:inline; } .asset-tags-list li.item a { color: #04393D; font-weight: normal; border-top: 1px solid #04393D; border-bottom: 1px solid #04393D; padding: 0 0 2px 0; } .asset-tags-list li.item a:hover { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-decoration: none; } /*------ COMMENT LINKS ------*/ .asset-meta-list{ margin: 20px 0 0 0; } ul.asset-meta-list { list-style-type:none; float: right; } li.asset-meta-comments{ display: inline; text-transform: uppercase; font-family: georgia, serif; font-size: 1.3em; color: #07717A; line-height: 3.0em; background: ; padding: 5px 30px 5px 0; } li.asset-meta-comments a { font-weight: normal; } /*------ DIVIDER ------*/ .asset-footer { height: 100px; } /*-------------------------------------*/ /*---------- SIDEBAR STYLING ----------*/ /*-------------------------------------*/ /*------ GENERAL ------*/ .widget { clear: both; margin-bottom: 20px; text-align: justify; font-size: 1.1em; line-height: 1.4em; } h3.widget-header { padding: 0 0 5px 0; font-weight: normal; font-family: georgia, serif; font-variant: small-caps; font-size: 1.8em; letter-spacing: 0.1em; color: #07717A; } h3.widget-header a{ color: #07717A; font-weight: normal; text-decoration: none; } .widget-content { padding: 5px; } .widget-footer { padding: 6px 0 30px 0; } .widget-footer a{ float: right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/user.jpg) no-repeat center left; padding: 5px 0 0 28px; color: #07717A; } .widget-footer a:hover{ color: #FFFFFF; text-decoration: none; } ul.widget-list { list-style-type:none; margin:0 0 0 10px; padding: 0; font-size: 0.9em; } .widget-list li { margin: 0px 4px; padding: 4px 8px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/list-item.jpg) no-repeat center left; padding: 5px 0px 0 28px; } .widget-list li a { font-size: 0.9em!important; color: #07717A; } .widget-list li a:hover { color: #FFFFFF; text-decoration: none; } /*------ PROFILE WIDGET ------*/ .about-me-widget { text-align: center; margin: 0 0 60px 0; } .user-pic { text-align: center; margin: 0; padding: 8px; } .user-pic img{ border: 2px solid #07717A; padding: 8px; } .profile-name { } .profile-name a{ float: right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/67_Natures%20Masterpiece/rhinoceros/user.jpg) no-repeat center left; padding: 5px 0 0 28px; color: #07717A; } .profile-name a:hover{ color: #FFFFFF; text-decoration: none; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget .widget-content { margin: 0; padding: 0; } .calendar-widget table { text-align: center; margin: 0 auto; color: #FFFFFF; } .calendar-widget table td { text-align:center; } .calendar-widget table td a{ font-weight: bold; } .calendar-widget table th { background: #000000; border: 1px solid #07717A; text-align: center; padding: 2px; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { clear:both; padding: 20px; width: 60%; } td.yearmonth { height: 93px; font-family: georgia, serif; font-variant: small-caps; font-size: 2.4em; letter-spacing: 0.1em; color: #07717A; font-weight: normal; } td.yearmonth a { font-family: verdana, Georgia, sans-serif; font-size: 10px; padding: 20px 0; } .yearday { background: #021D1F; text-align:center; padding:2px; font-weight: bold; letter-spacing: 2px; } td.yeardate div { text-align:center; padding:4px; border: 1px solid #021D1F; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; margin: 0; padding:0; } ul.year li { display:block; text-align: center; width: 50px; height: 10px; float:left; margin: 0 0 0 5px; padding: 10px 0px 0px 0px; font-size: 12px; font-weight: bold; } ul.year li a { text-decoration: none; font-weight: normal; font-size: 1.0em; } dt { margin:20px 0px 0px 0px; padding: 10px 0px 0px 12px; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-family: georgia, serif; font-variant: small-caps; font-size: 2.8em; letter-spacing: 0.1em; font-weight: normal; color: #07717A; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; border: 2px solid #021D1F; color: #FFFFFF; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { padding: 15px 5px 5px 5px; clear:both; text-align: right; font-size:1.1em; } .comment .user-icon { float:left; position:relative; margin: 0 10px 10px 0; padding: 8px; } .commenter-name { font-size: 1.2em; } .comment-body { padding: 5px; text-align: justify; font-size: 1.2em; line-height: 1.8em; letter-spacing: 0.1em; } .comment-subject { text-transform: uppercase; text-decoration: underline; font-size: 1.4em; font-family: Georgia, sans-serif; color: #666666; letter-spacing: 0.1em; margin: 3px 0 0 0; padding: 0; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; color: #777777; font-size: 1.0em; text-transform: uppercase; } .comments-nav { text-align:center; font-size: 1.0em; text-transform:uppercase; } /*------ REPLY PAGE ------*/ .quickreply { background:#021D1F; } textarea#commenttext.textbox { width:90%; } form#postform { border: 2px solid #021D1F; padding: 10px; color: #FFFFFF; } textarea, input#subject.textbox, select { background: #000000; border:1px solid #021D1F!important; margin:0px 10px 8px 0px; color: #FFFFFF; font-family: arial, serif; font-size: 1.3em; padding: 2px; } input { background: #000000; border:1px solid #021D1F!important; font-family: arial, serif; color:#07717A; } option { background: #000000; border:1px solid #021D1F!important; color:#07717A; letter-spacing: 2px; } select { background: #021D1F; }

Extra Icons:



Troubleshooting Before asking any questions, make sure you read all information above thoroughly and that your question isn't adressed in the FAQ. If your problem still isn't solved, you are welcome to ask your question here.

BTW, Happy Easter everyone! Hope you all had a day filled with chocolate ;)

layouts: account status: plus, layouts: [s2], layouts: [s2]: expressive, layouts: account status: paid, layouts, layouts: account status: basic

Leave a comment

Read comments 7
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2025 LiveJournal, Inc.