Liz (

grrliz) wrote in

thefulcrum,
2008-08-07 22:12:00

Template #51.5: Just Like A Man

Please read the directions in this entry as well as the Community FAQ and Template FAQ before asking questions.

Details
Template Name:		Just Like A Man
Account Types:		all account levels (Basic, Plus, Paid, etc.) but the ads in Plus might make it look hideous
Layout Style:		S2 Mixit
Tested In:		Firefox 2, Opera 9, and Internet Explorer 7 on Windows XP; Firefox 3 and Safari 2.0.4 on Mac OSX.
Screen Resolutions:		800x600 and up, 1024x768 and up recommended
Notes:		Alternate colour schemes for Template #51: Just Like A Woman. Some colour schemes inspired by the palettes of bzzinglikeneon. Pointless layout names by the abstract art title generator.

[View larger screenshots below]

Directions
Go to Manage:		Customize
Select New Theme:		Type Mixit into the search box. Choose one of the themes that appear below (any theme) and hit "apply theme".
Choose a Page Setup		Choose "2 Column (sidebar on left)" or "2 Column (sidebar on right)". Hit the "Customize Selected Theme" button.
Choose "Custom CSS" from the menu on the left:		Select the following: Use layout's "Base Weblog" stylesheet: choose "No" from the menu. Custom external stylesheet URL: leave field blank. Custom stylesheet: paste style sheet contents in this box. Hit "save changes".

The Code
Step 1: The Basic Code Copy and paste this into the aforementioned "custom stylesheet" box on the "Custom Options" tab. /* Template: (#51.5) Just Like A Man / / Date: August 7, 2008 / / S2 Style: Mixit / / Available at http://community.livejournal.com/thefulcrum/ / / Made by Liz a.k.a. grrliz.livejournal.com / {margin: 0px; padding: 0px; } html {font-size: 100%; /* IE hack / } body { font-family: "Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", candara, helvetica, verdana, arial, tahoma, sans-serif; font-size: 62.5%; text-align: center; } a, a:link, a:visited, a:active {font-weight: normal; text-decoration: none; outline: none;} a:hover {} blockquote {margin: 0.8em 3em; padding: 10px 10px 10px 40px; font-size: 1.2em;} input, textarea, select {} h1, h2, h3 {font-weight: normal;} font {font-family: inherit !important; color: inherit !important;} / ----------------------------------------- / / ---------- PAGE STRUCTURE --------------- / / ----------------------------------------- / / -- don't touch the stuff below -- / #page, #header, #content, #footer {position: relative; top: 0;} #alpha, #beta, #gamma {display: inline; float: left; position: relative; top: 0;} #footer {margin: -1px 0 0 0; / HACK - removes space between content and footer /} #page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;} #header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; / hide content that is larger than the element dimensions /} #alpha-inner[id] { overflow: visible; } / FF MAC & PC will clip pager-top when accessing page anchor / / -- don't touch the stuff above -- / #container {margin: 0px auto; font-size: 1em; text-align: left;} #container-inner {min-height: 100%; text-align: left;} #page {padding: 0px;} #header {position: relative; height: 180px; } #header-inner {} #content {width: 80%; max-width: 960px; margin: 0px auto; padding-top: 20px; text-align: left;} #alpha {width: 70%;} .layout-tw #alpha {float: right;} .layout-wt #alpha {float: left;} #beta {width: 30%;} .layout-wt #beta {float: right;} .layout-tw #beta {float: left;} .layout-wt #beta-inner {padding-left: 2em;} .layout-tw #beta-inner {padding-right: 2em;} #footer {clear: both; margin-top: 2em; padding-bottom: 20px;} #footer-inner {padding: 50px 0px;} / ---------------------------- / / ---------- HEADER ---------- / / ---------------------------- / #header-content {overflow: hidden; text-transform: lowercase;} #header-text {position: relative; width: 80%; max-width: 960px; height: 180px; margin: 0px auto;} #header-text ul.nav {} #header-text ul.nav li {display: inline; float: left;} #header-text ul.nav li a {display: block; padding: 0px 10px; line-height: 30px;} #header-text ul.nav li a:hover {} #header-text ul.nav li.current a {} #header-name {text-align: right; line-height: 30px;} #header-name a {} #header-description {display: none;} / ----------------------------- / / ---------- ENTRIES ---------- / / ----------------------------- / / previous and next links / .stream-header {display: none;} .stream-footer {clear: both; display: block; text-align: left; text-transform: lowercase;} / entry container / .asset {position: relative; margin-bottom: 2em;} .asset a img {} .asset a:hover img {} .asset-header {} .lj-view-entry .asset-header {padding: 0; } / entry subject / h2.page-header2 {padding-bottom: 0.2em; font-size: 1.3em; font-weight: bold; text-transform: uppercase;} h2.page-header2 a, .lj-view-tags h2 {text-decoration: none;} .lj-view-entry h2.page-header2 {padding: 1em 0 0.2em 0;} / entry body, meta, tags / .asset-content {} / entry text / .asset-body {line-height: 1.5em; overflow-x: hidden;} .asset-body a {text-decoration: underline; font-weight: bold;} .asset-body ol, .asset-body ul {margin: 10px 40px;} .asset-body dt {padding: 5px 0px; font-weight: bold; text-transform: uppercase;} .asset-body dd {margin-left: 30px; padding: 10px;border-top: 0px;} .ljuser {display: inline !important;} .ljuser a {background: transparent;} / userpic / .user-icon {float: right; text-align: center;} .user-icon img {} / mood, music, location / .lj-currents ul {padding-top: 1em; list-style-type: none; text-transform: lowercase;} .lj-currents ul li {display: inline; padding-right: 2em;} .lj-currents span.entryMetadata-label {padding-right: 0.5em; font-weight: bold;} / --- tags --- / .asset-tags {padding-top: 1em; text-transform: lowercase; padding-top: 3px;} .asset-tags-header {display: block; float: left; width: 3em; / matches .asset-tags-content width / height: 100% !important; padding: 0px 5px 5px 0px; font-size: 1em !important;} .asset-tags ul {list-style-type: none;} .asset-tags-list {margin: 0 0 0 3em; list-style-type: none;} .asset-tags-list li {display: inline; padding-right: 5px;} .asset-tags-list a {white-space: normal !important;} .asset-tags-list a:hover {text-decoration: underline} / comments bar / ul.asset-meta-list {height: 30px; margin-top: 1em; text-transform: lowercase; text-align: left;} ul.asset-meta-list .item {display: inline; adding-right: 1.5em;} li.asset-meta-comments {margin: 0px;} li.asset-meta-comments a {display: block; float: left; padding: 0px 8px; line-height: 30px;} li.asset-meta-comments a:hover {} .prevnext, .prev, .next {padding: 5px 0px;} / date and time / div.asset-header ul.asset-meta-list {margin: 0px !important; padding: 0!important; background: none !important; font-size: 11px; text-align: right; list-style-type: none;} div.asset-header ul.asset-meta-list .item {display: block; float: right; padding: 0.5em;} / ----------------------------- / / ---------- SIDEBAR ---------- / / ----------------------------- / .widget {margin-bottom: 2em;} .widget-inner {} .widget-header {display: block; float: left; margin: 0px; padding: 0.5em 3em 0.5em 0.5em; font-size: 1em; text-transform: uppercase;} .widget-content {clear: both; padding-top: 0.5em; font-size: 1.1em;} .widget-footer {} .widget ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-type: circle;} / profile / .about-me-widget .widget-header a {font-weight: bold;} .about-me-widget .widget-content {position: relative;} .about-me-widget .widget-content .user-pic {margin-top: 10px;} .about-me-widget dl.profile-list {position: absolute; top: 10px; left: 110px; font-size: 1.2em;} .about-me-widget dd {padding: 3px 0px;} .about-me-widget dd.profile-username {text-transform: uppercase;} .about-me-widget dd.profile-name a {font-weight: bold; text-decoration: underline;} / calendar / .calendar-widget {} .calendar-widget table {margin-left: -5px; font-size: 11px; text-align: center; } .calendar-widget th, .calendar-widget td {margin: 0px; padding: 0px; width: 21px; height: 21px; text-align: center;} .calendar-widget td a {display: block; width: 21px;line-height: 21px; text-align: center;} .calendar-widget td a:hover {} .calendar-widget p {margin: 0px; padding: 0px;} .calendar-widget tr:first-child td {border: 0px;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {width: 100%; background: none; font-weight: bold;} / link list and tags / .typelist-widget li.item, .categories-widget li.item {} .categories-widget .widget-footer {padding-top: 1em;} / custom text / .customtext-widget .widget-content {line-height: 1.8em;} /syndication / .syndicate-widget img {margin-top: 5px;} / powered by livejournal / .powered-widget {display: none; padding-top: 3em;} .powered-widget .widget-content {overflow: hidden; font-size: 12px;} .powered-widget a {font-weight: bold; text-decoration: underline;} / designed by / / leave this turned off otherwise it will credit someone else with the design / .designed-widget {display: none;} / ----------------------------------- / / ---------- COMMENTS PAGE ---------- / / ----------------------------------- / / Comments ---------------------------------------/ #comments {padding: 0px;} div.comments-inner h2 {margin: 0px; font-weight: normal;} .comment {position: relative; min-height: 130px; margin-bottom: 3em; padding: 0px;} .comment-odd {} .comment-even {padding: 1em;} .comments-nav {margin: 0px 0px 20px 0px; text-align:center;} .comment-meta {padding: 5px 0px;} .comment-meta .user-icon {position: relative; float: right; display: inline; padding: 0px 0px 10px 10px;} .comment-meta .commenter-name {font-size: 1.3em;} / --- reply, freeze, screen, etc --- / .comment-links {margin-top: 0.9em; font-weight: normal; text-align: right; font-size: 1em;} .comment-subject {font-weight: bold; } .comment-date {margin-top: 0.9em; margin-bottom: 0.9em;} / Fix height in IE / .comment {height: 1%;} / Quick Reply ---------------------------------------/ .quickreply {margin-top: 1em; width: 90% !important; padding-top: 5px; padding-bottom: 10px;} #commenttext, #subject {width: 80%; } #comment-form {width: 500px;} / ------------------------------ / / ---------- ARCHIVES ---------- / / ------------------------------ / / Calendar/Archive ---------------------------------------------------------------------- / ul.year {text-align: center; padding: 0px;} ul.year li {display: inline; padding: 0px 5px;} table.yeartable {width: 100%; margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {padding: 5px;} table.yeartable td.yearday {text-align: center;} td.yearmonth {border-style: none; font-weight: bold; text-transform: uppercase;} td.yeardate a {font-size: 1.5em; text-decoration: none;} dd.viewsubjects {margin: 0 0 .75em .75em;} .lj-view-archive #alpha, .lj-view-month #alpha {font-size: 1.2em;} .lj-view-archive .asset-header, .lj-view-month .asset-header {margin: 0px; border: 0px; padding: 0px;} .lj-view-archive .asset-body, .lj-view-month .asset-body {margin: 0px; border: 0px; padding: 10px 0px;} .lj-view-month widget table {margin: 0px !important;} .lj-view-tags #alpha ul {margin: 10px 0px 10px 20px; font-size: 1.2em;} .lj-view-tags #alpha ul li {padding: 2px 0px;} / -------------------------- / / ---------- MISC ---------- / / -------------------------- / / Sponsored Plus ---------------------------------------/ #ad-5linkunit { clear: both; } #ad-leaderboard { margin-bottom: 10px; } / Utility Code --------------------------------------------------- / / clear floats, inspired by positioniseverything.net/easyclearing.html / .comment-body:after, #page-inner:after, #header-inner:after, #header-photo:after, #content-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #footer-inner:after, .widget .user-pic:after { content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px; } / float in post bodies around enclosures / #content-inner, .asset-body { height: 1%; } / Win IE < 7 / html #header-name a { word-wrap: break-word; } /* ---------------------------------------- / / ---------- CONTEXTUAL POP-UPS ---------- / / ---------------------------------------- / div.ContextualPopup div.Inner {padding: 5px;text-align: left;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {font-weight: bold !important; text-decoration: none !important; font-weight: normal;} div.ContextualPopup div.Inner a:hover {text-decoration: underline;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {font-weight: bold !important;} / --------------------- PLEASE PASTE YOUR COLOUR SCHEME HERE --------------------- / / --------------------- PLEASE PASTE ANY FURTHER CSS OVERRIDES BELOW HERE --------------------- */
Step 2: Pick Your Colour Scheme Copy and paste your chosen colour scheme into the aforementioned "custom stylesheet" box on the "Custom Options" tab after the code you pasted in Step 1.
The Shimmering Faust [view larger] download: 51_header1.gif \| 51_blockquote1.gif \| 51_calendardots1.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: Black / Green / Purple */ body {background: #000000; color: #dddddd;} a, a:link, a:visited, a:active {color: #BF1F6A;} a:hover {color: #C2ED00;} blockquote {border: 1px solid #222222; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote1.gif) 10px 10px no-repeat #111111;} #header {border-bottom: 1px solid #222222;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header1.gif) 50% 30px repeat-x #BF1F6A;} #footer {border-top: 1px solid #222222; background: #BF1F6A;} #footer-inner {border-bottom: 1px solid #BF1F6A; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header1.gif) left -20px repeat-x transparent;} #header-text a {color: #dddddd;} #header-text ul.nav li a:hover {background: #AC135B;} h2.page-header2 {border-bottom: 1px solid #222222;} .asset-body dt {border-bottom: 1px solid #222222; } .asset-body dd {background: #111111; border: 1px solid #222222; border-top: 0px;} .ljuser a {color: #BF1F6A;} .user-icon img {border: 2px solid #BF1F6A;} ul.asset-meta-list {background: #BF1F6A;} li.asset-meta-comments a {color: #dddddd;} li.asset-meta-comments a:hover {background: #AC135B;} div.asset-header ul.asset-meta-list .item {border: 1px solid #222222; border-top: 0px; background: #111111;} .comment {border-top: 1px solid #222222; border-bottom: 1px solid #222222;} .comment-even {background: #111111;} .widget {border-top: 1px solid #222222;} .widget-header {border: 1px solid #222222; border-top: 0px; background: #111111; color: #BF1F6A;} .widget ul {color: #C2ED00;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots1.gif) 0px 0px no-repeat;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots1.gif) -21px 0px no-repeat; color: #111111;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #BF1F6A;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #222222;} table.yeartable td.yearday {background-color: #111111;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #222222; background: #111111 !important; color: #dddddd !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #BF1F6A !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #dddddd !important;}	Peacock Declining an Umbrella [view larger] download: 51_header2.gif \| 51_blockquote2.gif \| 51_calendardots2.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: White / Pink / Green / Blue */ body {background: #ffffff; color: #444444;} a, a:link, a:visited, a:active {color: #509B90;} a:hover {color: #9EB22D;} blockquote {border: 1px solid #dddddd; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote2.gif) 10px 10px no-repeat #f3f3f3;} #header {border-bottom: 1px solid #dddddd;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header2.gif) 50% 30px repeat-x #B9CC4E;} #footer {border-top: 1px solid #dddddd; background: #B9CC4E;} #footer-inner {border-bottom: 1px solid #509B90; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header2.gif) left -20px repeat-x transparent;} #header-text a {color: #ffffff;} #header-text ul.nav li a:hover {background: #A8BA42;} h2.page-header2 {border-bottom: 1px solid #dddddd;} .asset-body dt {border-bottom: 1px solid #dddddd; } .asset-body dd {background: #f3f3f3; border: 1px solid #dddddd; border-top: 0px;} .ljuser a {color: #509B90;} .user-icon img {border: 2px solid #509B90;} ul.asset-meta-list {background: #B9CC4E;} li.asset-meta-comments a {color: #ffffff;} li.asset-meta-comments a:hover {background: #A8BA42;} div.asset-header ul.asset-meta-list .item {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3;} .comment {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} .comment-even {background: #f3f3f3;} .widget {border-top: 1px solid #dddddd;} .widget-header {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3; color: #509B90;} .widget ul {color: #F66778;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots2.gif) 0px 0px no-repeat; color: #f3f3f3;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots2.gif) -21px 0px no-repeat; color: #f3f3f3;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #509B90;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #dddddd;} table.yeartable td.yearday {background-color: #f3f3f3;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #dddddd; background: #f3f3f3 !important; color: #444444 !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #509B90 !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #444444 !important;}
The Repulsive Knowledge [view larger] download: 51_header3.gif \| 51_blockquote3.gif \| 51_calendardots3.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: Blue / Pink / Teal */ body {background: #ffffff; color: #444444;} a, a:link, a:visited, a:active {color: #567297;} a:hover {color: #E44759;} blockquote {border: 1px solid #dddddd; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote3.gif) 10px 10px no-repeat #f3f3f3;} #header {border-bottom: 1px solid #dddddd;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header3.gif) 50% 30px repeat-x #8EA3BE;} #footer {border-top: 1px solid #dddddd; background: #8EA3BE;} #footer-inner {border-bottom: 1px solid #567297; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header3.gif) left -20px repeat-x transparent;} #header-text a {color: #ffffff;} #header-text ul.nav li a:hover {background: #567297;} h2.page-header2 {border-bottom: 1px solid #dddddd;} .asset-body dt {border-bottom: 1px solid #dddddd; } .asset-body dd {background: #f3f3f3; border: 1px solid #dddddd; border-top: 0px;} .ljuser a {color: #567297;} .user-icon img {border: 2px solid #567297;} ul.asset-meta-list {background: #8EA3BE;} li.asset-meta-comments a {color: #ffffff;} li.asset-meta-comments a:hover {background: #567297;} div.asset-header ul.asset-meta-list .item {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3;} .comment {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} .comment-even {background: #f3f3f3;} .widget {border-top: 1px solid #dddddd;} .widget-header {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3; color: #567297;} .widget ul {color: #F66778;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots3.gif) 0px 0px no-repeat; color: #f3f3f3;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots3.gif) -21px 0px no-repeat; color: #f3f3f3;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #567297;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #dddddd;} table.yeartable td.yearday {background-color: #f3f3f3;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #dddddd; background: #f3f3f3 !important; color: #444444 !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #567297 !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #444444 !important;}	Memories of Modest Aviator [view larger] download: 51_header4.gif \| 51_blockquote4.gif \| 51_calendardots4.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: Brown / Pink / Blue */ body {background: #4E3B2A; color: #D9D3B4;} a, a:link, a:visited, a:active {color: #F55E51;} a:hover {color: #9DC9BC;} blockquote {border: 1px solid #443323; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote4.gif) 10px 10px no-repeat #5A4533;} #header {border-bottom: 1px solid #443323;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header4.gif) 50% 30px repeat-x #f55e51;} #footer {border-top: 1px solid #443323; background: #f55e51;} #footer-inner {border-bottom: 1px solid #F55E51; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header4.gif) left -20px repeat-x transparent;} #header-text a {color: #4E3B2A;} #header-text ul.nav li a:hover {background: #FD6F63;} h2.page-header2 {border-bottom: 1px solid #443323;} .asset-body dt {border-bottom: 1px solid #443323; } .asset-body dd {background: #5A4533; border: 1px solid #443323; border-top: 0px;} .ljuser a {color: #F55E51;} .user-icon img {border: 2px solid #F55E51;} ul.asset-meta-list {background: #f55e51;} li.asset-meta-comments a {color: #4E3B2A;} li.asset-meta-comments a:hover {background: #FD6F63;} div.asset-header ul.asset-meta-list .item {border: 1px solid #443323; border-top: 0px; background: #5A4533;} .comment {border-top: 1px solid #443323; border-bottom: 1px solid #443323;} .comment-even {background: #5A4533;} .widget {border-top: 1px solid #443323;} .widget-header {border: 1px solid #443323; border-top: 0px; background: #5A4533; color: #F55E51;} .widget ul {color: #9DC9BC;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots4.gif) 0px 0px no-repeat; color: #5A4533;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots4.gif) -21px 0px no-repeat; color: #5A4533;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #F55E51;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #443323;} table.yeartable td.yearday {background-color: #5A4533;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #443323; background: #5A4533 !important; color: #D9D3B4 !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #F55E51 !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #D9D3B4 !important;}
And that's pretty much it!

Tags: 01. feature:add your own header, 01. feature:columns:2 columns, 01. feature:width:fixed width, 02. style:mixit, 03. theme:retro, 04. colour:! scheme:multiple schemes, 04. colour:black, 04. colour:blue, 04. colour:brown, 04. colour:green, 04. colour:pink, 04. colour:white

Post a new comment
Error

Anonymous comments are disabled in this journal
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

Insert Bold

Insert Italic

Insert Underline

Insert Strikethrough

Insert Link

Insert LJ User

Insert Photo

Insert Video

Your reply will be screened

Your IP address will be recorded
Help
372 comments

perfectinpart

August 8 2008, 02:25:47 UTC 3 years ago

Holy cow, I love the "peacock" one. I just changed my layout, but in a few weeks when I'm itching for a new one, I'm so using this. ;)

mutantenemy

August 8 2008, 02:26:58 UTC 3 years ago

I tried to click on "view larger" but I get a Photobucket prompt saying the image has been moved?

grrliz

August 8 2008, 02:32:24 UTC 3 years ago

Hmm, weird, try it again now, it should be fixed.

mutantenemy

3 years ago

link
Collapse
Expand
New comment

magicalobizuth

August 8 2008, 02:27:22 UTC 3 years ago

One of the first times you ever posted a theme/layout that had multiple flavors, I thought the thumb was an actual screen shot. It was really simple so I guess it worked in my head.

I felt so stupid when I realized what I missed. lol

These are really nice, I might switch to Memories or Peacock, not sure which. Choices!

sapphireblue88

August 8 2008, 02:30:25 UTC 3 years ago

These are beautiful! I love "The Repulsive Knowledge" but "Peacock" would go better with my FO Banner. :)

xxjoryxx

August 8 2008, 02:36:10 UTC 3 years ago

I'm definitely using The Shimmering Faust, it's amazing!

starhespera

August 8 2008, 02:40:51 UTC 3 years ago

I've only been desperately wanting to change my layout for a month now, and this came along at a perfect time. I adore Aviator (I'm really drawn to neutral colours matched with brighter colours), will be uploading that within minutes!

Thank you!

ex_absentees659

August 8 2008, 02:43:13 UTC 3 years ago

I don't think I'll ever change my LJ layout evereverever again. This is amazing.

ex_absentees659

August 8 2008, 02:45:10 UTC 3 years ago

(Well, except to another color of this one. Ha.)

jennem

August 8 2008, 02:51:05 UTC 3 years ago

I really love this style. The font size was wonky for me at first, but then I read both of the FAQ's and fixed it.

Hooray! :D

Thanks so much for not only making really great templates, but for creating easy FAQ's for us. Its very appreciated.

supersyncspaz7

August 8 2008, 02:52:44 UTC 3 years ago

Oooh, these templates are gorgeous!

expatiates

August 8 2008, 02:54:09 UTC 3 years ago

looooooooove! snagging the shimmering faust, merci!

allisnow

August 8 2008, 02:54:17 UTC 3 years ago

Ahhh I just changed my lj but now I need one of these!

caitiedid

August 8 2008, 02:58:39 UTC 3 years ago

Ohh, I love them all, but I'm taking Peacock for now. Great work as always!

lil_pixiedevil

August 8 2008, 03:06:28 UTC 3 years ago

OMG, your icon is amazing XD

queen_fiend

August 8 2008, 03:13:59 UTC 3 years ago

Oh wow, these are gorgeous. I especially like the "peacock" one and "repulsive knowledge." Saving to memories for future use!

weehobbit

August 8 2008, 03:17:53 UTC 3 years ago

Oh man, I love the titles! I love the original but I may be changing to peacock or repulsive knowledge soon. Thanks for making different color schemes for this beautiful layout :)

howveryasif

August 8 2008, 03:20:54 UTC 3 years ago

Love it! I'm using The Repulsive Knowledge. :)

revenus

August 8 2008, 03:24:17 UTC 3 years ago

This is so amazing! Love all the colors and style. Adding to memories for future use.

enchanted_black

August 8 2008, 03:26:55 UTC 3 years ago

Grabbed this and put it in memories. &hearts

robin99

August 8 2008, 03:29:27 UTC 3 years ago

Lovely.

flavorpacket

August 8 2008, 03:35:11 UTC 3 years ago

I only use your layouts. I took, am using, and have credited.

astralis_lumen

August 8 2008, 03:44:37 UTC 3 years ago

I love the little details you add to your layouts, like the circle thing on the calendar or the styling of the titles of things in the sidebar/blockquotes/defintions and how they match.

Seriously adorable; love this one, esp. the Shimmering Faust.

frutti_de_mare

August 8 2008, 03:47:33 UTC 3 years ago

Yay! Taking the peacock one :D Thanks! Lovely stuff as always :)

theladyscribe

August 8 2008, 03:55:10 UTC 3 years ago Edited: August 8 2008, 04:10:28 UTC

Snagged Peacock Declining an Umbrella for my journal. :)

BTW, for some reason, I'm getting a green bar just below the header image - it's not a big deal (it looks perfectly fine), but I'm not sure if it's something within the code or something that I've messed up accidentally.

ETA: Also, I just noticed my fonts are off. I'm on Firefox 3, but it could be my computer acting up...

ETA2: Link to a screencap of how it looks on my computer: http://img.photobucket.com/albums/v285/theladyscribe/daf91f6c.jpg

grrliz

August 8 2008, 13:37:50 UTC 3 years ago

The green bar is because your image resized itself when you uploaded it to Photobucket. Check the FAQ for how to fix this.

I'm not sure what you mean by "the fonts are off". They look normal to me.

theladyscribe

3 years ago

link
Collapse
Expand
New comment

grrliz

3 years ago

link
Collapse
Expand
New comment

theladyscribe

3 years ago

link
Collapse
Expand
New comment

cleansedraven

August 8 2008, 03:56:55 UTC 3 years ago

Wow, these are awesome.

I'm using The Shimmering Faust for my lj now. :P

deepwonderment

August 8 2008, 03:57:48 UTC 3 years ago

I really love the new color schemes for this layout. I liked it but didn't like the colors much.

One I pick one I'll be using this.

Post a new comment
372 comments

The Code
Step 1: The Basic Code Copy and paste this into the aforementioned "custom stylesheet" box on the "Custom Options" tab. /* Template: (#51.5) Just Like A Man / / Date: August 7, 2008 / / S2 Style: Mixit / / Available at http://community.livejournal.com/thefulcrum/ / / Made by Liz a.k.a. grrliz.livejournal.com / {margin: 0px; padding: 0px; } html {font-size: 100%; /* IE hack / } body { font-family: "Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", candara, helvetica, verdana, arial, tahoma, sans-serif; font-size: 62.5%; text-align: center; } a, a:link, a:visited, a:active {font-weight: normal; text-decoration: none; outline: none;} a:hover {} blockquote {margin: 0.8em 3em; padding: 10px 10px 10px 40px; font-size: 1.2em;} input, textarea, select {} h1, h2, h3 {font-weight: normal;} font {font-family: inherit !important; color: inherit !important;} / ----------------------------------------- / / ---------- PAGE STRUCTURE --------------- / / ----------------------------------------- / / -- don't touch the stuff below -- / #page, #header, #content, #footer {position: relative; top: 0;} #alpha, #beta, #gamma {display: inline; float: left; position: relative; top: 0;} #footer {margin: -1px 0 0 0; / HACK - removes space between content and footer /} #page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;} #header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; / hide content that is larger than the element dimensions /} #alpha-inner[id] { overflow: visible; } / FF MAC & PC will clip pager-top when accessing page anchor / / -- don't touch the stuff above -- / #container {margin: 0px auto; font-size: 1em; text-align: left;} #container-inner {min-height: 100%; text-align: left;} #page {padding: 0px;} #header {position: relative; height: 180px; } #header-inner {} #content {width: 80%; max-width: 960px; margin: 0px auto; padding-top: 20px; text-align: left;} #alpha {width: 70%;} .layout-tw #alpha {float: right;} .layout-wt #alpha {float: left;} #beta {width: 30%;} .layout-wt #beta {float: right;} .layout-tw #beta {float: left;} .layout-wt #beta-inner {padding-left: 2em;} .layout-tw #beta-inner {padding-right: 2em;} #footer {clear: both; margin-top: 2em; padding-bottom: 20px;} #footer-inner {padding: 50px 0px;} / ---------------------------- / / ---------- HEADER ---------- / / ---------------------------- / #header-content {overflow: hidden; text-transform: lowercase;} #header-text {position: relative; width: 80%; max-width: 960px; height: 180px; margin: 0px auto;} #header-text ul.nav {} #header-text ul.nav li {display: inline; float: left;} #header-text ul.nav li a {display: block; padding: 0px 10px; line-height: 30px;} #header-text ul.nav li a:hover {} #header-text ul.nav li.current a {} #header-name {text-align: right; line-height: 30px;} #header-name a {} #header-description {display: none;} / ----------------------------- / / ---------- ENTRIES ---------- / / ----------------------------- / / previous and next links / .stream-header {display: none;} .stream-footer {clear: both; display: block; text-align: left; text-transform: lowercase;} / entry container / .asset {position: relative; margin-bottom: 2em;} .asset a img {} .asset a:hover img {} .asset-header {} .lj-view-entry .asset-header {padding: 0; } / entry subject / h2.page-header2 {padding-bottom: 0.2em; font-size: 1.3em; font-weight: bold; text-transform: uppercase;} h2.page-header2 a, .lj-view-tags h2 {text-decoration: none;} .lj-view-entry h2.page-header2 {padding: 1em 0 0.2em 0;} / entry body, meta, tags / .asset-content {} / entry text / .asset-body {line-height: 1.5em; overflow-x: hidden;} .asset-body a {text-decoration: underline; font-weight: bold;} .asset-body ol, .asset-body ul {margin: 10px 40px;} .asset-body dt {padding: 5px 0px; font-weight: bold; text-transform: uppercase;} .asset-body dd {margin-left: 30px; padding: 10px;border-top: 0px;} .ljuser {display: inline !important;} .ljuser a {background: transparent;} / userpic / .user-icon {float: right; text-align: center;} .user-icon img {} / mood, music, location / .lj-currents ul {padding-top: 1em; list-style-type: none; text-transform: lowercase;} .lj-currents ul li {display: inline; padding-right: 2em;} .lj-currents span.entryMetadata-label {padding-right: 0.5em; font-weight: bold;} / --- tags --- / .asset-tags {padding-top: 1em; text-transform: lowercase; padding-top: 3px;} .asset-tags-header {display: block; float: left; width: 3em; / matches .asset-tags-content width / height: 100% !important; padding: 0px 5px 5px 0px; font-size: 1em !important;} .asset-tags ul {list-style-type: none;} .asset-tags-list {margin: 0 0 0 3em; list-style-type: none;} .asset-tags-list li {display: inline; padding-right: 5px;} .asset-tags-list a {white-space: normal !important;} .asset-tags-list a:hover {text-decoration: underline} / comments bar / ul.asset-meta-list {height: 30px; margin-top: 1em; text-transform: lowercase; text-align: left;} ul.asset-meta-list .item {display: inline; adding-right: 1.5em;} li.asset-meta-comments {margin: 0px;} li.asset-meta-comments a {display: block; float: left; padding: 0px 8px; line-height: 30px;} li.asset-meta-comments a:hover {} .prevnext, .prev, .next {padding: 5px 0px;} / date and time / div.asset-header ul.asset-meta-list {margin: 0px !important; padding: 0!important; background: none !important; font-size: 11px; text-align: right; list-style-type: none;} div.asset-header ul.asset-meta-list .item {display: block; float: right; padding: 0.5em;} / ----------------------------- / / ---------- SIDEBAR ---------- / / ----------------------------- / .widget {margin-bottom: 2em;} .widget-inner {} .widget-header {display: block; float: left; margin: 0px; padding: 0.5em 3em 0.5em 0.5em; font-size: 1em; text-transform: uppercase;} .widget-content {clear: both; padding-top: 0.5em; font-size: 1.1em;} .widget-footer {} .widget ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-type: circle;} / profile / .about-me-widget .widget-header a {font-weight: bold;} .about-me-widget .widget-content {position: relative;} .about-me-widget .widget-content .user-pic {margin-top: 10px;} .about-me-widget dl.profile-list {position: absolute; top: 10px; left: 110px; font-size: 1.2em;} .about-me-widget dd {padding: 3px 0px;} .about-me-widget dd.profile-username {text-transform: uppercase;} .about-me-widget dd.profile-name a {font-weight: bold; text-decoration: underline;} / calendar / .calendar-widget {} .calendar-widget table {margin-left: -5px; font-size: 11px; text-align: center; } .calendar-widget th, .calendar-widget td {margin: 0px; padding: 0px; width: 21px; height: 21px; text-align: center;} .calendar-widget td a {display: block; width: 21px;line-height: 21px; text-align: center;} .calendar-widget td a:hover {} .calendar-widget p {margin: 0px; padding: 0px;} .calendar-widget tr:first-child td {border: 0px;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {width: 100%; background: none; font-weight: bold;} / link list and tags / .typelist-widget li.item, .categories-widget li.item {} .categories-widget .widget-footer {padding-top: 1em;} / custom text / .customtext-widget .widget-content {line-height: 1.8em;} /syndication / .syndicate-widget img {margin-top: 5px;} / powered by livejournal / .powered-widget {display: none; padding-top: 3em;} .powered-widget .widget-content {overflow: hidden; font-size: 12px;} .powered-widget a {font-weight: bold; text-decoration: underline;} / designed by / / leave this turned off otherwise it will credit someone else with the design / .designed-widget {display: none;} / ----------------------------------- / / ---------- COMMENTS PAGE ---------- / / ----------------------------------- / / Comments ---------------------------------------/ #comments {padding: 0px;} div.comments-inner h2 {margin: 0px; font-weight: normal;} .comment {position: relative; min-height: 130px; margin-bottom: 3em; padding: 0px;} .comment-odd {} .comment-even {padding: 1em;} .comments-nav {margin: 0px 0px 20px 0px; text-align:center;} .comment-meta {padding: 5px 0px;} .comment-meta .user-icon {position: relative; float: right; display: inline; padding: 0px 0px 10px 10px;} .comment-meta .commenter-name {font-size: 1.3em;} / --- reply, freeze, screen, etc --- / .comment-links {margin-top: 0.9em; font-weight: normal; text-align: right; font-size: 1em;} .comment-subject {font-weight: bold; } .comment-date {margin-top: 0.9em; margin-bottom: 0.9em;} / Fix height in IE / .comment {height: 1%;} / Quick Reply ---------------------------------------/ .quickreply {margin-top: 1em; width: 90% !important; padding-top: 5px; padding-bottom: 10px;} #commenttext, #subject {width: 80%; } #comment-form {width: 500px;} / ------------------------------ / / ---------- ARCHIVES ---------- / / ------------------------------ / / Calendar/Archive ---------------------------------------------------------------------- / ul.year {text-align: center; padding: 0px;} ul.year li {display: inline; padding: 0px 5px;} table.yeartable {width: 100%; margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {padding: 5px;} table.yeartable td.yearday {text-align: center;} td.yearmonth {border-style: none; font-weight: bold; text-transform: uppercase;} td.yeardate a {font-size: 1.5em; text-decoration: none;} dd.viewsubjects {margin: 0 0 .75em .75em;} .lj-view-archive #alpha, .lj-view-month #alpha {font-size: 1.2em;} .lj-view-archive .asset-header, .lj-view-month .asset-header {margin: 0px; border: 0px; padding: 0px;} .lj-view-archive .asset-body, .lj-view-month .asset-body {margin: 0px; border: 0px; padding: 10px 0px;} .lj-view-month widget table {margin: 0px !important;} .lj-view-tags #alpha ul {margin: 10px 0px 10px 20px; font-size: 1.2em;} .lj-view-tags #alpha ul li {padding: 2px 0px;} / -------------------------- / / ---------- MISC ---------- / / -------------------------- / / Sponsored Plus ---------------------------------------/ #ad-5linkunit { clear: both; } #ad-leaderboard { margin-bottom: 10px; } / Utility Code --------------------------------------------------- / / clear floats, inspired by positioniseverything.net/easyclearing.html / .comment-body:after, #page-inner:after, #header-inner:after, #header-photo:after, #content-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #footer-inner:after, .widget .user-pic:after { content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px; } / float in post bodies around enclosures / #content-inner, .asset-body { height: 1%; } / Win IE < 7 / html #header-name a { word-wrap: break-word; } /* ---------------------------------------- / / ---------- CONTEXTUAL POP-UPS ---------- / / ---------------------------------------- / div.ContextualPopup div.Inner {padding: 5px;text-align: left;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {font-weight: bold !important; text-decoration: none !important; font-weight: normal;} div.ContextualPopup div.Inner a:hover {text-decoration: underline;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {font-weight: bold !important;} / --------------------- PLEASE PASTE YOUR COLOUR SCHEME HERE --------------------- / / --------------------- PLEASE PASTE ANY FURTHER CSS OVERRIDES BELOW HERE --------------------- */
Step 2: Pick Your Colour Scheme Copy and paste your chosen colour scheme into the aforementioned "custom stylesheet" box on the "Custom Options" tab after the code you pasted in Step 1.
The Shimmering Faust [view larger] download: 51_header1.gif \| 51_blockquote1.gif \| 51_calendardots1.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: Black / Green / Purple */ body {background: #000000; color: #dddddd;} a, a:link, a:visited, a:active {color: #BF1F6A;} a:hover {color: #C2ED00;} blockquote {border: 1px solid #222222; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote1.gif) 10px 10px no-repeat #111111;} #header {border-bottom: 1px solid #222222;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header1.gif) 50% 30px repeat-x #BF1F6A;} #footer {border-top: 1px solid #222222; background: #BF1F6A;} #footer-inner {border-bottom: 1px solid #BF1F6A; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header1.gif) left -20px repeat-x transparent;} #header-text a {color: #dddddd;} #header-text ul.nav li a:hover {background: #AC135B;} h2.page-header2 {border-bottom: 1px solid #222222;} .asset-body dt {border-bottom: 1px solid #222222; } .asset-body dd {background: #111111; border: 1px solid #222222; border-top: 0px;} .ljuser a {color: #BF1F6A;} .user-icon img {border: 2px solid #BF1F6A;} ul.asset-meta-list {background: #BF1F6A;} li.asset-meta-comments a {color: #dddddd;} li.asset-meta-comments a:hover {background: #AC135B;} div.asset-header ul.asset-meta-list .item {border: 1px solid #222222; border-top: 0px; background: #111111;} .comment {border-top: 1px solid #222222; border-bottom: 1px solid #222222;} .comment-even {background: #111111;} .widget {border-top: 1px solid #222222;} .widget-header {border: 1px solid #222222; border-top: 0px; background: #111111; color: #BF1F6A;} .widget ul {color: #C2ED00;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots1.gif) 0px 0px no-repeat;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots1.gif) -21px 0px no-repeat; color: #111111;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #BF1F6A;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #222222;} table.yeartable td.yearday {background-color: #111111;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #222222; background: #111111 !important; color: #dddddd !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #BF1F6A !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #dddddd !important;}	Peacock Declining an Umbrella [view larger] download: 51_header2.gif \| 51_blockquote2.gif \| 51_calendardots2.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: White / Pink / Green / Blue */ body {background: #ffffff; color: #444444;} a, a:link, a:visited, a:active {color: #509B90;} a:hover {color: #9EB22D;} blockquote {border: 1px solid #dddddd; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote2.gif) 10px 10px no-repeat #f3f3f3;} #header {border-bottom: 1px solid #dddddd;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header2.gif) 50% 30px repeat-x #B9CC4E;} #footer {border-top: 1px solid #dddddd; background: #B9CC4E;} #footer-inner {border-bottom: 1px solid #509B90; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header2.gif) left -20px repeat-x transparent;} #header-text a {color: #ffffff;} #header-text ul.nav li a:hover {background: #A8BA42;} h2.page-header2 {border-bottom: 1px solid #dddddd;} .asset-body dt {border-bottom: 1px solid #dddddd; } .asset-body dd {background: #f3f3f3; border: 1px solid #dddddd; border-top: 0px;} .ljuser a {color: #509B90;} .user-icon img {border: 2px solid #509B90;} ul.asset-meta-list {background: #B9CC4E;} li.asset-meta-comments a {color: #ffffff;} li.asset-meta-comments a:hover {background: #A8BA42;} div.asset-header ul.asset-meta-list .item {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3;} .comment {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} .comment-even {background: #f3f3f3;} .widget {border-top: 1px solid #dddddd;} .widget-header {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3; color: #509B90;} .widget ul {color: #F66778;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots2.gif) 0px 0px no-repeat; color: #f3f3f3;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots2.gif) -21px 0px no-repeat; color: #f3f3f3;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #509B90;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #dddddd;} table.yeartable td.yearday {background-color: #f3f3f3;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #dddddd; background: #f3f3f3 !important; color: #444444 !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #509B90 !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #444444 !important;}
The Repulsive Knowledge [view larger] download: 51_header3.gif \| 51_blockquote3.gif \| 51_calendardots3.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: Blue / Pink / Teal */ body {background: #ffffff; color: #444444;} a, a:link, a:visited, a:active {color: #567297;} a:hover {color: #E44759;} blockquote {border: 1px solid #dddddd; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote3.gif) 10px 10px no-repeat #f3f3f3;} #header {border-bottom: 1px solid #dddddd;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header3.gif) 50% 30px repeat-x #8EA3BE;} #footer {border-top: 1px solid #dddddd; background: #8EA3BE;} #footer-inner {border-bottom: 1px solid #567297; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header3.gif) left -20px repeat-x transparent;} #header-text a {color: #ffffff;} #header-text ul.nav li a:hover {background: #567297;} h2.page-header2 {border-bottom: 1px solid #dddddd;} .asset-body dt {border-bottom: 1px solid #dddddd; } .asset-body dd {background: #f3f3f3; border: 1px solid #dddddd; border-top: 0px;} .ljuser a {color: #567297;} .user-icon img {border: 2px solid #567297;} ul.asset-meta-list {background: #8EA3BE;} li.asset-meta-comments a {color: #ffffff;} li.asset-meta-comments a:hover {background: #567297;} div.asset-header ul.asset-meta-list .item {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3;} .comment {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} .comment-even {background: #f3f3f3;} .widget {border-top: 1px solid #dddddd;} .widget-header {border: 1px solid #dddddd; border-top: 0px; background: #f3f3f3; color: #567297;} .widget ul {color: #F66778;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots3.gif) 0px 0px no-repeat; color: #f3f3f3;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots3.gif) -21px 0px no-repeat; color: #f3f3f3;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #567297;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #dddddd;} table.yeartable td.yearday {background-color: #f3f3f3;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #dddddd; background: #f3f3f3 !important; color: #444444 !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #567297 !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #444444 !important;}	Memories of Modest Aviator [view larger] download: 51_header4.gif \| 51_blockquote4.gif \| 51_calendardots4.gif /* Template: (#51.5) Just Like A Man / / Colour Scheme: Brown / Pink / Blue */ body {background: #4E3B2A; color: #D9D3B4;} a, a:link, a:visited, a:active {color: #F55E51;} a:hover {color: #9DC9BC;} blockquote {border: 1px solid #443323; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_blockquote4.gif) 10px 10px no-repeat #5A4533;} #header {border-bottom: 1px solid #443323;} #header-inner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header4.gif) 50% 30px repeat-x #f55e51;} #footer {border-top: 1px solid #443323; background: #f55e51;} #footer-inner {border-bottom: 1px solid #F55E51; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_header4.gif) left -20px repeat-x transparent;} #header-text a {color: #4E3B2A;} #header-text ul.nav li a:hover {background: #FD6F63;} h2.page-header2 {border-bottom: 1px solid #443323;} .asset-body dt {border-bottom: 1px solid #443323; } .asset-body dd {background: #5A4533; border: 1px solid #443323; border-top: 0px;} .ljuser a {color: #F55E51;} .user-icon img {border: 2px solid #F55E51;} ul.asset-meta-list {background: #f55e51;} li.asset-meta-comments a {color: #4E3B2A;} li.asset-meta-comments a:hover {background: #FD6F63;} div.asset-header ul.asset-meta-list .item {border: 1px solid #443323; border-top: 0px; background: #5A4533;} .comment {border-top: 1px solid #443323; border-bottom: 1px solid #443323;} .comment-even {background: #5A4533;} .widget {border-top: 1px solid #443323;} .widget-header {border: 1px solid #443323; border-top: 0px; background: #5A4533; color: #F55E51;} .widget ul {color: #9DC9BC;} .calendar-widget td a {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots4.gif) 0px 0px no-repeat; color: #5A4533;} .calendar-widget td a:hover {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/51_calendardots4.gif) -21px 0px no-repeat; color: #5A4533;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #F55E51;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #443323;} table.yeartable td.yearday {background-color: #5A4533;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #443323; background: #5A4533 !important; color: #D9D3B4 !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #F55E51 !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #D9D3B4 !important;}
And that's pretty much it!

Username:		Create an Account Forgot your login or password? OpenID Google Mail.Ru VKontakte
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Template #51.5: Just Like A Man

Step 1: The Basic Code

Step 2: Pick Your Colour Scheme

Error

About

Help

Get Involved

Legal

LJ Labs

Store