66 - The GazettE: gawariel

gawariel in gawariel_design

66 - The GazettE

Sep 29, 2008 16:18

I'm not really pleased with this layout. I like the headers I made, but the actual layout doesn't look as good as I had imagined... Hopefully some of you will like it ^_^

Description Name: The GazettE Description: Dark and grungy layout available in 3 colours with headers featuring the members of the Japanese rock group The GazettE.

General Information Layout Style: Expressive Tested in: Mozilla Firefox and Internet Explorer (Looks best in Mozilla Firefox)
Also checked the layout in browsershots and it looked okay in Safari and Opera as well. Best Resolution: 1024*768 and above Account Levels: Layout works with all account levels (Basic, Plus, Paid). [ How to change add orientation] Works with Navigation Strip: Yes [ How to enable/disable] Credit:

Original usericons belong to passing_girl and were modified by me
Pattern used was found at the inspirationgallery and was modified by me

Credit to me is implemented in the footer of the page.

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 an Ad placement
Apply the following: '2 Column (sidebar on left)'
Click 'Customize Selected Theme'

Choose 'Text' from the menu on the left: This isn't really necessairy, but in my opinion the layout looks better if you change the words of the comment links to something shorter so all the words fit on one line Choose 'Sidebars' from the menu on the left:

Display of tags in sidebar: List

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 66: THE GAZETTE (1)RED ----------------------------------------------------------*/ /*------------------------------------------------------------- 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 auto; padding: 0; background-color: #222222; background-repeat: repeat-y; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/container.jpg); background-position: top center; font-family: times new roman, serif; font-size: 62.5%; color: #555555; overflow:-moz-scrollbars-vertical; } a { color: #760303; font-weight: bold; text-decoration: none; } a:hover { color: #CF0404; } /*--------------------------*/ /*----- PAGE STRUCTURE -----*/ /*--------------------------*/ #container { margin: 0 auto; padding: 0; width: 930px; height: 316px; } #container-inner { margin: 0 auto; padding: 10px; } #alpha { float: right; width: 670px; margin: 100px 0 0 0; } #alpha-inner, #beta-inner { padding: 10px; } #beta { float: left; width: 230px; margin: 100px 0 0 0; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header { margin: 0; padding: 0; height: 400px; } #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { position: absolute; top: 430px; width: 930px; list-style-type: none; text-align: center; font-family: times new roman, serif; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; } ul.nav li.item { display: inline; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/deco.jpg) top left repeat-x; border: 1px solid #252525; margin: 0 10px; padding: 2px 6px; } ul.nav li.item a { font-weight: normal; color: #888888; } ul.nav li.item a:hover { color: #CF0404; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header, .stream-footer { display: block; } .prevnext { margin: 0 0 30px 0; font-variant: small-caps; font-family: times new roman, serif; font-size: 1.4em; color: #111111; letter-spacing: 0.1em; } .prevnext a { font-weight: normal; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/deco.jpg) top left repeat-x; border: 1px solid #252525; padding: 5px; color: #888888; } .prevnext a:hover { color: #CF0404; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/asset-top.jpg) no-repeat top left; } .asset-inner { padding: 10px 2px 0px 10px; } .asset-body { text-align: justify; font-size: 1.4em; line-height: 1.5em; letter-spacing: 0.04em; padding: 5px; } .asset-body ul, .asset-body ol { margin: 10px 0 10px 50px; } blockquote { margin: 10px;; padding: 5px; border: 1px solid #370000; border-bottom: 5px solid #370000; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/deco.jpg); color: #747474; } .asset-body textarea { font-size: 0.9em; border: 1px solid #760303; } .asset-header { margin: 0 0 40px 0; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { font-variant: small-caps; font-size: 3.0em; letter-spacing: 0.1em; } h2.asset-name.page-header2 a{ color: #CF0404; 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 { font-family: arial, serif; text-transform: uppercase; color: #444444; font-size: 1.2em; } /*------ USERICON ------*/ .asset .user-icon { float:right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/icon.jpg) no-repeat!important; position:relative; margin: 0 0 10px 10px; } .asset .user-icon img { padding: 10px; } .user-icon span{ background:transparent!important; text-align: center; } span.ljuser a b, .user-icon .ljuser a{ padding: 0; color: #760303; font-variant: small-caps; font-weight: normal; font-size: 1.0em; } span.ljuser a:hover b{ color: #CF0404; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/user.png); margin: 0 0 0 5px; padding: 16px 0px 0 16px; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/user.png); margin: 0 0 0 5px; padding: 16px 0px 0 9px; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/community.png); margin: 0 0 0 5px; padding: 16px 0px 0px 12px; } /*------ METADATA ------*/ .lj-currents { margin: 15px 0 0 10px; padding: 30px 0 0 35px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/meta.jpg) no-repeat top left; font-variant: small-caps; font-size: 1.2em; letter-spacing: 0.2em; color: #444444; } .lj-currents .entryMetadata-label { margin:0px 8px 0px 0px; color: #760303; } .lj-currents ul{ margin:0px; padding:0px; list-style-type:none; } .lj-currents a { font-weight: normal; } /*------ ENTRY TAGS ------*/ .asset-tags-list { margin: 10px 0 0 10px; padding: 0 0 0 35px; font-size: 1.3em; } .asset-tags-header { display: none; } .asset-tags-list li.item { display:inline; } .asset-tags-list li.item a { color: #565B5E; font-weight: normal; border-top: 1px solid #760303; border-bottom: 1px solid #760303; padding: 0 0 2px 0; } .asset-tags-list li.item a:hover { border-top: 1px solid #CF0404; border-bottom: 1px solid #CF0404; } /*------ COMMENT LINKS ------*/ .asset-meta-list{ margin: 50px 0 0 0; } ul.asset-meta-list { list-style-type:none; float: right; } li.asset-meta-comments{ display: inline; margin: 0 10px; font-variant: small-caps; font-size: 1.8em; line-height: 3.0em; letter-spacing: 0.2em; } li.asset-meta-comments a { font-weight: normal; color: #666666; } li.asset-meta-comments a:hover { color: #840000; } /*------ DIVIDER ------*/ .asset-footer { margin: -20px 0 50px -20px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/asset-bottom.jpg) bottom right; height: 133px; width: 664px; } /*---------------------------*/ /*----- SIDEBAR STYLING -----*/ /*---------------------------*/ h3.widget-header { background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/SBtitle.jpg); background-repeat: no-repeat; background-position: top center; text-align: center; height: 36px; padding: 8px 0 0 0; font-weight: normal; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; color: #CF0404; } h3.widget-header a{ font-weight: normal; color: #CF0404; } .widget-content { padding: 10px; font-size: 1.4em; text-align: justify; } .widget-footer { padding: 0 0 50px 0; } .widget-footer a { padding: 10px 0 0 0; float: right; } /*------ PROFILE WIDGET ------*/ .about-me-widget .user-pic { text-align: center; padding: 10px; } .about-me-widget .user-pic img{ background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/icon.jpg)!important; background-repeat: no-repeat; padding: 10px; } .about-me-widget dl { padding: 10px 0 60px 0; } .profile-username { border-bottom: 1px dotted #760303; } /*WEBSITE*/ .profile-name a{ float: right; padding: 5px 0 0 0; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget { padding: 0 0 20px 0; } .calendar-widget table { margin: 0 auto; border: 1px solid #1F1D1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/deco.jpg); color: #666666; } .calendar-widget table th { color: #CF0404; border-bottom: 1px dotted #760303; text-align: center; font-weight: normal; } .calendar-widget table td { padding: 2px; text-align:center; } /*------ LINKS, TAGS, SUMMARY WIDGET ------*/ .typelist-widget, .categories-widget, .archive-widget, .customtext-widget { padding: 0 0 60px 0; } .typelist-widget .widget-list, .categories-widget .widget-list, .archive-widget .widget-list { list-style-type:none; margin: 0; padding: 0; font-size: 1.1em; letter-spacing: 0.2em; color: #444444; font-variant: small-caps; } .typelist-widget li a, .categories-widget li a, .archive-widget li.item { display: block; padding:6px 5px 6px 5px; font-weight:normal; border-bottom:1px dotted #760303; color: #444444; } .archive-widget li a { color: #444444; font-weight:normal; font-variant: normal; font-size: 0.8em; } .typelist-widget li a:hover, .categories-widget li a:hover, .archive-widget li a:hover { color: #760303; } /*------ CUSTOM TEXT WIDGETS ------*/ .customtext-widget .widget-content { line-height: 1.5em; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*-----------------------*/ /*----- PAGE FOOTER -----*/ /*-----------------------*/ #footer { clear: both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/footer.jpg) no-repeat bottom right; height: 100px; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { width: 100%; margin: 0 auto; clear:both; padding: 0px 30px 0px 10px; } td.yearmonth { padding: 20px 0; font-family: georgia, serif; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; color: #CF0404; } td.yearmonth a { font-weight: normal; font-size: 0.6em; } .yearday { text-align: center; font-variant: small-caps; font-size: 1.5em; border-bottom: 1px dotted #760303; } td.yeardate div { text-align:center; padding:4px; border: 1px dotted #2F2F2F; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; } ul.year li { display: inline; margin: 0 5px; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-variant: small-caps; font-size: 2.5em; letter-spacing: 0.1em; color: #444444; font-weight: normal; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; color: #777777; border: 1px solid #1F1D1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/deco.jpg); font-size: 1.4em; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { clear: both; text-align: right; font-variant: small-caps; padding: 7px; color: #444444; } #comments .comment-odd .comment-links a, #comments .comment-even .comment-links a { font-weight: normal; color: #CF0404; } #comments .comment-odd .comment-links a:hover, #comments .comment-even .comment-links a:hover { color: #888888; } .comment .user-icon { float:right; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/icon.jpg)!important; background-repeat: no-repeat; margin: 0 0 10px 10px; padding: 10px; } .commenter-name { background: #111111; border: 1px solid #1F1D1D; padding: 5px 30px; font-size: 1.0em; } .comment-body { padding: 5px; text-align: justify; line-height: 1.5em; letter-spacing: 0.1em; } .comment-subject { margin: 5px 0 0 0; padding: 0; font-size: 1.5em; color: #CF0404; font-variant: small-caps; letter-spacing: 0.1em; border-bottom: 1px dotted #444444; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; font-size: 0.9em; font-family: arial, serif; text-transform: uppercase; color: #444444; } .comments-nav { text-align:center; font-size: 1.4em; text-transform:uppercase; } .comments-nav a { font-weight: normal; } /*------ REPLY PAGE ------*/ .quickreply { border: 1px solid #1F1D1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/deco.jpg); } textarea#commenttext.textbox { width:90%; } form#postform { border: 1px solid #1F1D1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/deco.jpg); padding: 10px; } textarea, input#subject.textbox, select { border: 1px solid #1F1D1D; background: #111111; margin:0px 0px 8px 0px; padding:2px; font-family: times new roman, sans-serif; font-size: 1.4em; letter-spacing: 0.1em; color:#444444; } input { padding: 2px; background: #111111; border:1px solid #1F1D1D!important; font-size: 1.4em; letter-spacing: 0.1em; color:#760303; } option { background: #111111; border:1px solid #1F1D1D!important; padding:1px; color:#444444!important; letter-spacing: 0.1em; font-size: 0.9em; } /*==========================================================================================================================*/ /* ----------------------------- PASTE THE CODE FOR YOUR CHOSEN HEADER UNDERNEATH THIS LINE ------------------------------- */ /*==========================================================================================================================*/ #header { background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/01/headers/Group.jpg); }

{Bigger} ~ {Live Preview}
/*=================================================================================================================================================*/ /*------------------------------------------------------- LAYOUT 66: THE GAZETTE (2)BLUE ----------------------------------------------------------*/ /*------------------------------------------------------------- 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 auto; padding: 0; background-color: #222222; background-repeat: repeat-y; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/container.jpg); background-position: top center; font-family: times new roman, serif; font-size: 62.5%; color: #555555; overflow:-moz-scrollbars-vertical; } a { color: #037676; font-weight: bold; text-decoration: none; } a:hover { color: #04CECF; } /*--------------------------*/ /*----- PAGE STRUCTURE -----*/ /*--------------------------*/ #container { margin: 0 auto; padding: 0; width: 930px; height: 316px; } #container-inner { margin: 0 auto; padding: 10px; } #alpha { float: right; width: 670px; margin: 100px 0 0 0; } #alpha-inner, #beta-inner { padding: 10px; } #beta { float: left; width: 230px; margin: 100px 0 0 0; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header { margin: 0; padding: 0; height: 400px; } #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { position: absolute; top: 430px; width: 930px; list-style-type: none; text-align: center; font-family: times new roman, serif; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; } ul.nav li.item { display: inline; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/deco.jpg) top left repeat-x; border: 1px solid #252525; margin: 0 10px; padding: 2px 6px; } ul.nav li.item a { font-weight: normal; color: #888888; } ul.nav li.item a:hover { color: #04CECF; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header, .stream-footer { display: block; } .prevnext { margin: 0 0 30px 0; font-variant: small-caps; font-family: times new roman, serif; font-size: 1.4em; color: #111111; letter-spacing: 0.1em; } .prevnext a { font-weight: normal; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/deco.jpg) top left repeat-x; border: 1px solid #252525; padding: 5px; color: #888888; } .prevnext a:hover { color: #04CECF; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/asset-top.jpg) no-repeat top left; } .asset-inner { padding: 10px 2px 0px 10px; } .asset-body { text-align: justify; font-size: 1.4em; line-height: 1.5em; letter-spacing: 0.04em; padding: 5px; } .asset-body ul, .asset-body ol { margin: 10px 0 10px 50px; } blockquote { margin: 10px;; padding: 5px; border: 1px solid #003737; border-bottom: 5px solid #003737; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/deco.jpg); color: #747474; } .asset-body textarea { font-size: 0.9em; border: 1px solid #037676; } .asset-header { margin: 0 0 40px 0; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { font-variant: small-caps; font-size: 3.0em; letter-spacing: 0.1em; } h2.asset-name.page-header2 a{ color: #04CECF; 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 { font-family: arial, serif; text-transform: uppercase; color: #444444; font-size: 1.2em; } /*------ USERICON ------*/ .asset .user-icon { float:right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/icon.jpg) no-repeat!important; position:relative; margin: 0 0 10px 10px; } .asset .user-icon img { padding: 10px; } .user-icon span{ background:transparent!important; text-align: center; } span.ljuser a b, .user-icon .ljuser a{ padding: 0; color: #037676; font-variant: small-caps; font-weight: normal; font-size: 1.0em; } span.ljuser a:hover b{ color: #04CECF; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/user.png); margin: 0 0 0 5px; padding: 16px 0px 0 16px; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/user.png); margin: 0 0 0 5px; padding: 16px 0px 0 9px; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/community.png); margin: 0 0 0 5px; padding: 16px 0px 0px 12px; } /*------ METADATA ------*/ .lj-currents { margin: 15px 0 0 10px; padding: 30px 0 0 35px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/meta.jpg) no-repeat top left; font-variant: small-caps; font-size: 1.2em; letter-spacing: 0.2em; color: #444444; } .lj-currents .entryMetadata-label { margin:0px 8px 0px 0px; color: #037676; } .lj-currents ul{ margin:0px; padding:0px; list-style-type:none; } .lj-currents a { font-weight: normal; } /*------ ENTRY TAGS ------*/ .asset-tags-list { margin: 10px 0 0 10px; padding: 0 0 0 35px; font-size: 1.3em; } .asset-tags-header { display: none; } .asset-tags-list li.item { display:inline; } .asset-tags-list li.item a { color: #5E5956; font-weight: normal; border-top: 1px solid #037676; border-bottom: 1px solid #037676; padding: 0 0 2px 0; } .asset-tags-list li.item a:hover { border-top: 1px solid #04CECF; border-bottom: 1px solid #04CECF; } /*------ COMMENT LINKS ------*/ .asset-meta-list{ margin: 50px 0 0 0; } ul.asset-meta-list { list-style-type:none; float: right; } li.asset-meta-comments{ display: inline; margin: 0 10px; font-variant: small-caps; font-size: 1.8em; line-height: 3.0em; letter-spacing: 0.2em; } li.asset-meta-comments a { font-weight: normal; color: #666666; } li.asset-meta-comments a:hover { color: #008384; } /*------ DIVIDER ------*/ .asset-footer { margin: -20px 0 50px -20px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/asset-bottom.jpg) bottom right; height: 133px; width: 664px; } /*---------------------------*/ /*----- SIDEBAR STYLING -----*/ /*---------------------------*/ h3.widget-header { background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/SBtitle.jpg); background-repeat: no-repeat; background-position: top center; text-align: center; height: 36px; padding: 8px 0 0 0; font-weight: normal; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; color: #04CECF; } h3.widget-header a{ font-weight: normal; color: #04CECF; } .widget-content { padding: 10px; font-size: 1.4em; text-align: justify; } .widget-footer { padding: 0 0 50px 0; } .widget-footer a { padding: 10px 0 0 0; float: right; } /*------ PROFILE WIDGET ------*/ .about-me-widget .user-pic { text-align: center; padding: 10px; } .about-me-widget .user-pic img{ background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/icon.jpg)!important; background-repeat: no-repeat; padding: 10px; } .about-me-widget dl { padding: 10px 0 60px 0; } .profile-username { border-bottom: 1px dotted #037676; } /*WEBSITE*/ .profile-name a{ float: right; padding: 5px 0 0 0; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget { padding: 0 0 20px 0; } .calendar-widget table { margin: 0 auto; border: 1px solid #1D1F1F; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/deco.jpg); color: #666666; } .calendar-widget table th { color: #04CECF; border-bottom: 1px dotted #037676; text-align: center; font-weight: normal; } .calendar-widget table td { padding: 2px; text-align:center; } /*------ LINKS, TAGS, SUMMARY WIDGET ------*/ .typelist-widget, .categories-widget, .archive-widget, .customtext-widget { padding: 0 0 60px 0; } .typelist-widget .widget-list, .categories-widget .widget-list, .archive-widget .widget-list { list-style-type:none; margin: 0; padding: 0; font-size: 1.1em; letter-spacing: 0.2em; color: #444444; font-variant: small-caps; } .typelist-widget li a, .categories-widget li a, .archive-widget li.item { display: block; padding:6px 5px 6px 5px; font-weight:normal; border-bottom:1px dotted #037676; color: #444444; } .archive-widget li a { color: #444444; font-weight:normal; font-variant: normal; font-size: 0.8em; } .typelist-widget li a:hover, .categories-widget li a:hover, .archive-widget li a:hover { color: #037676; } /*------ CUSTOM TEXT WIDGETS ------*/ .customtext-widget .widget-content { line-height: 1.5em; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*-----------------------*/ /*----- PAGE FOOTER -----*/ /*-----------------------*/ #footer { clear: both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/footer.jpg) no-repeat bottom right; height: 100px; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { width: 100%; margin: 0 auto; clear:both; padding: 0px 30px 0px 10px; } td.yearmonth { padding: 20px 0; font-family: georgia, serif; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; color: #04CECF; } td.yearmonth a { font-weight: normal; font-size: 0.6em; } .yearday { text-align: center; font-variant: small-caps; font-size: 1.5em; border-bottom: 1px dotted #037676; } td.yeardate div { text-align:center; padding:4px; border: 1px dotted #2F2F2F; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; } ul.year li { display: inline; margin: 0 5px; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-variant: small-caps; font-size: 2.5em; letter-spacing: 0.1em; color: #444444; font-weight: normal; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; color: #777777; border: 1px solid #1D1F1F; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/deco.jpg); font-size: 1.4em; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { clear: both; text-align: right; font-variant: small-caps; padding: 7px; color: #444444; } #comments .comment-odd .comment-links a, #comments .comment-even .comment-links a { font-weight: normal; color: #04CECF; } #comments .comment-odd .comment-links a:hover, #comments .comment-even .comment-links a:hover { color: #888888; } .comment .user-icon { float:right; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/icon.jpg)!important; background-repeat: no-repeat; margin: 0 0 10px 10px; padding: 10px; } .commenter-name { background: #111111; border: 1px solid #1D1F1F; padding: 5px 30px; font-size: 1.0em; } .comment-body { padding: 5px; text-align: justify; line-height: 1.5em; letter-spacing: 0.1em; } .comment-subject { margin: 5px 0 0 0; padding: 0; font-size: 1.5em; color: #04CECF; font-variant: small-caps; letter-spacing: 0.1em; border-bottom: 1px dotted #444444; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; font-size: 0.9em; font-family: arial, serif; text-transform: uppercase; color: #444444; } .comments-nav { text-align:center; font-size: 1.4em; text-transform:uppercase; } .comments-nav a { font-weight: normal; } /*------ REPLY PAGE ------*/ .quickreply { border: 1px solid #1D1F1F; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/deco.jpg); } textarea#commenttext.textbox { width:90%; } form#postform { border: 1px solid #1D1F1F; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/deco.jpg); padding: 10px; } textarea, input#subject.textbox, select { border: 1px solid #1D1F1F; background: #111111; margin:0px 0px 8px 0px; padding:2px; font-family: times new roman, sans-serif; font-size: 1.4em; letter-spacing: 0.1em; color:#444444; } input { padding: 2px; background: #111111; border:1px solid #1D1F1F!important; font-size: 1.4em; letter-spacing: 0.1em; color:#037676; } option { background: #111111; border:1px solid #1D1F1F!important; padding:1px; color:#444444!important; letter-spacing: 0.1em; font-size: 0.9em; } /*==========================================================================================================================*/ /* ----------------------------- PASTE THE CODE FOR YOUR CHOSEN HEADER UNDERNEATH THIS LINE ------------------------------- */ /*==========================================================================================================================*/ #header { background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/02/headers/Group.jpg); }

{Bigger} ~ {Live Preview}
/*=================================================================================================================================================*/ /*------------------------------------------------------ LAYOUT 66: THE GAZETTE (3)YELLOW ---------------------------------------------------------*/ /*------------------------------------------------------------- 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 auto; padding: 0; background-color: #222222; background-repeat: repeat-y; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/container.jpg); background-position: top center; font-family: times new roman, serif; font-size: 62.5%; color: #555555; overflow:-moz-scrollbars-vertical; } a { color: #766C03; font-weight: bold; text-decoration: none; } a:hover { color: #CFBE04; } /*--------------------------*/ /*----- PAGE STRUCTURE -----*/ /*--------------------------*/ #container { margin: 0 auto; padding: 0; width: 930px; height: 316px; } #container-inner { margin: 0 auto; padding: 10px; } #alpha { float: right; width: 670px; margin: 100px 0 0 0; } #alpha-inner, #beta-inner { padding: 10px; } #beta { float: left; width: 230px; margin: 100px 0 0 0; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header { margin: 0; padding: 0; height: 400px; } #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { position: absolute; top: 430px; width: 930px; list-style-type: none; text-align: center; font-family: times new roman, serif; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; } ul.nav li.item { display: inline; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/deco.jpg) top left repeat-x; border: 1px solid #252525; margin: 0 10px; padding: 2px 6px; } ul.nav li.item a { font-weight: normal; color: #888888; } ul.nav li.item a:hover { color: #CFBE04; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header, .stream-footer { display: block; } .prevnext { margin: 0 0 30px 0; font-variant: small-caps; font-family: times new roman, serif; font-size: 1.4em; color: #111111; letter-spacing: 0.1em; } .prevnext a { font-weight: normal; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/deco.jpg) top left repeat-x; border: 1px solid #252525; padding: 5px; color: #888888; } .prevnext a:hover { color: #CFBE04; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/asset-top.jpg) no-repeat top left; } .asset-inner { padding: 10px 2px 0px 10px; } .asset-body { text-align: justify; font-size: 1.4em; line-height: 1.5em; letter-spacing: 0.04em; padding: 5px; } .asset-body ul, .asset-body ol { margin: 10px 0 10px 50px; } blockquote { margin: 10px;; padding: 5px; border: 1px solid #373200; border-bottom: 5px solid #373200; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/deco.jpg); color: #747474; } .asset-body textarea { font-size: 0.9em; border: 1px solid #766C03; } .asset-header { margin: 0 0 40px 0; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { font-variant: small-caps; font-size: 3.0em; letter-spacing: 0.1em; } h2.asset-name.page-header2 a{ color: #CFBE04; 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 { font-family: arial, serif; text-transform: uppercase; color: #444444; font-size: 1.2em; } /*------ USERICON ------*/ .asset .user-icon { float:right; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/icon.jpg) no-repeat!important; position:relative; margin: 0 0 10px 10px; } .asset .user-icon img { padding: 10px; } .user-icon span{ background:transparent!important; text-align: center; } span.ljuser a b, .user-icon .ljuser a{ padding: 0; color: #766C03; font-variant: small-caps; font-weight: normal; font-size: 1.0em; } span.ljuser a:hover b{ color: #CFBE04; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/user.png); margin: 0 0 0 5px; padding: 16px 0px 0 16px; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/user.png); margin: 0 0 0 5px; padding: 16px 0px 0 9px; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/community.png); margin: 0 0 0 5px; padding: 16px 0px 0px 12px; } /*------ METADATA ------*/ .lj-currents { margin: 15px 0 0 10px; padding: 30px 0 0 35px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/meta.jpg) no-repeat top left; font-variant: small-caps; font-size: 1.2em; letter-spacing: 0.2em; color: #444444; } .lj-currents .entryMetadata-label { margin:0px 8px 0px 0px; color: #766C03; } .lj-currents ul{ margin:0px; padding:0px; list-style-type:none; } .lj-currents a { font-weight: normal; } /*------ ENTRY TAGS ------*/ .asset-tags-list { margin: 10px 0 0 10px; padding: 0 0 0 35px; font-size: 1.3em; } .asset-tags-header { display: none; } .asset-tags-list li.item { display:inline; } .asset-tags-list li.item a { color: #58565E; font-weight: normal; border-top: 1px solid #766C03; border-bottom: 1px solid #766C03; padding: 0 0 2px 0; } .asset-tags-list li.item a:hover { border-top: 1px solid #CFBE04; border-bottom: 1px solid #CFBE04; } /*------ COMMENT LINKS ------*/ .asset-meta-list{ margin: 50px 0 0 0; } ul.asset-meta-list { list-style-type:none; float: right; } li.asset-meta-comments{ display: inline; margin: 0 10px; font-variant: small-caps; font-size: 1.8em; line-height: 3.0em; letter-spacing: 0.2em; } li.asset-meta-comments a { font-weight: normal; color: #666666; } li.asset-meta-comments a:hover { color: #847900; } /*------ DIVIDER ------*/ .asset-footer { margin: -20px 0 50px -20px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/asset-bottom.jpg) bottom right; height: 133px; width: 664px; } /*---------------------------*/ /*----- SIDEBAR STYLING -----*/ /*---------------------------*/ h3.widget-header { background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/SBtitle.jpg); background-repeat: no-repeat; background-position: top center; text-align: center; height: 36px; padding: 8px 0 0 0; font-weight: normal; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; color: #CFBE04; } h3.widget-header a{ font-weight: normal; color: #CFBE04; } .widget-content { padding: 10px; font-size: 1.4em; text-align: justify; } .widget-footer { padding: 0 0 50px 0; } .widget-footer a { padding: 10px 0 0 0; float: right; } /*------ PROFILE WIDGET ------*/ .about-me-widget .user-pic { text-align: center; padding: 10px; } .about-me-widget .user-pic img{ background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/icon.jpg)!important; background-repeat: no-repeat; padding: 10px; } .about-me-widget dl { padding: 10px 0 60px 0; } .profile-username { border-bottom: 1px dotted #766C03; } /*WEBSITE*/ .profile-name a{ float: right; padding: 5px 0 0 0; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget { padding: 0 0 20px 0; } .calendar-widget table { margin: 0 auto; border: 1px solid #1F1F1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/deco.jpg); color: #666666; } .calendar-widget table th { color: #CFBE04; border-bottom: 1px dotted #766C03; text-align: center; font-weight: normal; } .calendar-widget table td { padding: 2px; text-align:center; } /*------ LINKS, TAGS, SUMMARY WIDGET ------*/ .typelist-widget, .categories-widget, .archive-widget, .customtext-widget { padding: 0 0 60px 0; } .typelist-widget .widget-list, .categories-widget .widget-list, .archive-widget .widget-list { list-style-type:none; margin: 0; padding: 0; font-size: 1.1em; letter-spacing: 0.2em; color: #444444; font-variant: small-caps; } .typelist-widget li a, .categories-widget li a, .archive-widget li.item { display: block; padding:6px 5px 6px 5px; font-weight:normal; border-bottom:1px dotted #766C03; color: #444444; } .archive-widget li a { color: #444444; font-weight:normal; font-variant: normal; font-size: 0.8em; } .typelist-widget li a:hover, .categories-widget li a:hover, .archive-widget li a:hover { color: #766C03; } /*------ CUSTOM TEXT WIDGETS ------*/ .customtext-widget .widget-content { line-height: 1.5em; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*-----------------------*/ /*----- PAGE FOOTER -----*/ /*-----------------------*/ #footer { clear: both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/footer.jpg) no-repeat bottom right; height: 100px; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { width: 100%; margin: 0 auto; clear:both; padding: 0px 30px 0px 10px; } td.yearmonth { padding: 20px 0; font-family: georgia, serif; font-variant: small-caps; font-size: 2.0em; letter-spacing: 0.1em; color: #CFBE04; } td.yearmonth a { font-weight: normal; font-size: 0.6em; } .yearday { text-align: center; font-variant: small-caps; font-size: 1.5em; border-bottom: 1px dotted #766C03; } td.yeardate div { text-align:center; padding:4px; border: 1px dotted #2F2F2F; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; } ul.year li { display: inline; margin: 0 5px; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-variant: small-caps; font-size: 2.5em; letter-spacing: 0.1em; color: #444444; font-weight: normal; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; color: #777777; border: 1px solid #1F1F1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/deco.jpg); font-size: 1.4em; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { clear: both; text-align: right; font-variant: small-caps; padding: 7px; color: #444444; } #comments .comment-odd .comment-links a, #comments .comment-even .comment-links a { font-weight: normal; color: #CFBE04; } #comments .comment-odd .comment-links a:hover, #comments .comment-even .comment-links a:hover { color: #888888; } .comment .user-icon { float:right; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/icon.jpg)!important; background-repeat: no-repeat; margin: 0 0 10px 10px; padding: 10px; } .commenter-name { background: #111111; border: 1px solid #1F1F1D; padding: 5px 30px; font-size: 1.0em; } .comment-body { padding: 5px; text-align: justify; line-height: 1.5em; letter-spacing: 0.1em; } .comment-subject { margin: 5px 0 0 0; padding: 0; font-size: 1.5em; color: #CFBE04; font-variant: small-caps; letter-spacing: 0.1em; border-bottom: 1px dotted #444444; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; font-size: 0.9em; font-family: arial, serif; text-transform: uppercase; color: #444444; } .comments-nav { text-align:center; font-size: 1.4em; text-transform:uppercase; } .comments-nav a { font-weight: normal; } /*------ REPLY PAGE ------*/ .quickreply { border: 1px solid #1F1F1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/deco.jpg); } textarea#commenttext.textbox { width:90%; } form#postform { border: 1px solid #1F1F1D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/deco.jpg); padding: 10px; } textarea, input#subject.textbox, select { border: 1px solid #1F1F1D; background: #111111; margin:0px 0px 8px 0px; padding:2px; font-family: times new roman, sans-serif; font-size: 1.4em; letter-spacing: 0.1em; color:#444444; } input { padding: 2px; background: #111111; border:1px solid #1F1F1D!important; font-size: 1.4em; letter-spacing: 0.1em; color:#766C03; } option { background: #111111; border:1px solid #1F1F1D!important; padding:1px; color:#444444!important; letter-spacing: 0.1em; font-size: 0.9em; } /*==========================================================================================================================*/ /* ----------------------------- PASTE THE CODE FOR YOUR CHOSEN HEADER UNDERNEATH THIS LINE ------------------------------- */ /*==========================================================================================================================*/ #header { background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/66_the%20GazettE/03/headers/Group.jpg); }

Extra I made 6 different headers for this layout, one for each band member and then one with the whole group (the default one).
To change the header, scroll down to the bottom of your CSS where you can see this code. Replace the blue, bold bit with your own URL:

#header { background-image: url(URL TO HEADER); } Download the header you want.

GazettE headers Group Aoi Kai

{Red} {Blue} {Yellow}

{Red} {Blue} {Yellow} Reita Ruki Uruha

{Red} {Blue} {Yellow}

{Red} {Blue} {Yellow}
More matching headers can be found here and here.

A tutorial on how to make the header yourself can be found here

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.

layouts: account status: plus, graphics, layouts: account status: paid, layouts: account status: basic, graphics: headers, layouts: [s2], graphics: headers: the gazette, layouts: [s2]: expressive, layouts