Post Friends My journal
itsanooray in betterdolphin

Mixit: scales

Aug 14, 2010 12:37



Image Preview - Live Preview
"scales"

This layout has 4 different color schemes, under the cut are previews to all of them and all the codes.


Template: scales (goldfish, red, yellow and green)

For: Mixit
Directions: Click here. In search box put "Mixit" and choose any available Mixit template.

Click on Customize Selected Theme. Click on "Customize CSS" menu link on left. "Use layout's 'Base Weblog' stylesheet" needs to be set on "No", and "Custom external stylesheet URL" field remains blank.

Then, copy and paste the entire stylesheet below into "Custom stylesheet" field and click Save Changes.

Goldfish

Images: These are hosted on my own Photobucket account, I encourage you to save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Background: scales1_bg.jpg
Bar: scales1_bar.jpg

Code:

/*
scales
For: Mixit
Available: http://community.livejournal.com/betterdolphin/
By: Toby
*/

/*******************************General/Misc*******************************/

body {
color: #1d2b2a;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 auto;
text-align: center;
margin-top: 30px;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales1_bg.jpg);
background-color: #a7dbd7;
background-repeat: repeat-x;
}

a:link {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

a:active, a:hover, a:visited:hover, a:visited:active {
color: #a7dbd8;
font-weight:normal;
text-decoration:underline;
}

a:visited {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

p {
margin-top: 13px;
margin-bottom: 13px;
}

blockquote {
padding: 10px;
border: 1px #a7dbd8 solid;
border-left: 5px #a7dbd8 solid;
width: 80%;
}

input, textarea, select {
border: 1px #a7dbd7 solid;
}

#Logout{
border: 1px buttonface solid;
}

/*******************************Header/Menu*******************************/

#header {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top: 1px solid #fe8d3c;
text-align: left;
position: relative;
width: 620px;
background-color: #a7dbd7;
height: 80px;
}

#header-content {
position: relative;
margin:0;
width: 620px;
margin: 5px 0 5px 0;
height: 80px;
}

#header-text ul.nav {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header-text ul.nav li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header-text ul.nav li.item {
border: 0;
text-align: center;
}

#header-text ul.nav a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-name {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
}

#header-name a {
color: #ffffff;
text-decoration: none;
}

#header-name a:hover {
color: #ffffff;
}

#header-description {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

.title {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
color: #ffffff;
}

.subtitle {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

/*******************************Main Content*******************************/

/****DO NOT EDIT 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 */

/****DO NOT EDIT ABOVE****/

#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 620px;
z-index: 0;
}

#container-inner {
width: 620px;
text-align: left;
margin-top: 76px;
}

#page {
width: 620px;
margin: 0 auto;
padding: 0;
}

#header-inner {
margin: 0 auto;
}

#content {
text-align: center;
width: 620px;
}

#maincontent {
margin:0;
background-color: #ffffff;
}

#maincontent ul {
margin:0;
background-color: #ffffff;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales1_bar.jpg);
background-repeat: repeat-x;
height: 30px;
font-weight: bold;
}

#maincontent ul a, #maincontent ul a:hover{
color: #ffffff;
text-decoration: underling;
font-weight: bold;
}

.yearday {
background-color: #a7dbd8;
}

#content-outer{
margin: 0 auto;
text-align: center;
width: 620px;
margin-top: 80px;
}

#alpha {
width: 620px;
margin: 0 auto;
padding: 0;
float: left;
text-align: center;
}

.layout-tw #alpha {
float: right;
}

#alpha-inner {
width: 620px;
}

.lj-view-archive #alpha-inner, .lj-view-month #alpha-inner, .lj-view-tags #alpha-inner {
padding-top: 20px;
padding-bottom: 20px;
}

/****BELOW NOT USED****/
#beta {
display: none;
width: 130px;
left: 20px;
margin-top: 55px;
}

.layout-wt #beta-inner {
padding: 5px;
}

.layout-tw #beta-inner {
padding: 5px;
}
/****ABOVE NOT USED****/

.stream-header {
display: none;
padding: 10px 20px;
}

.stream-footer {
padding: 0;
}

/*******************************Entry*******************************/
.asset {
margin: 0;
padding: 0 0 13px 0;
text-align: left;
}

.asset-inner {
padding: 0 0 15px 0;
text-align: left;
background-color: #ffffff;
}

.asset-header {
padding: 0;
text-align: left;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales1_bar.jpg);
background-repeat: repeat-x;
height: 30px;
}

.lj-view-entry .asset-header {
padding: 0;
text-align: left;
}

h2 {
margin: 0;
padding: 0 0 1px 0;
font-size: 20px;
font-weight: bold;
color: #000000;
text-align: left;
display: inline;
}

h2.page-header2, h2.page-header2 a, h2.page-header2 a:hover {
text-align: left;
margin: 0;
padding: 1px 0 0 5px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
display: inline !important;
text-decoration: none;
position: relative;
float: left;
}

.lj-view-tags h2 {
color: #000000;
text-decoration: none;
display: inline;
}

abbr.datetime {
margin: 0;
padding: 1px 10px 0 0;
list-style-type: none;
display: inline !important;
font-size: 11px;
color: #fff6e5;
font-weight: bold;
text-align: left;
position: relative;
float: right;
}

.asset-content {
padding: 15px 0 0 15px;
background-color: #ffffff;
}

.asset-body {
padding: 0 0 15px 0;
}

.asset-body ul, .asset-body ol {
margin: 3px 0 0 30px !important;
padding: 0 !important;
}

.asset-body a {
}

.asset-body a:hover {
}

.asset-body dt {
font-weight: normal;
}

.asset-body dd {
margin-left: 58px;
padding: 10px;
border-top: 0;
}

div.asset-header ul {
margin: 0 !important;
padding: 0 !important;
display: inline;
}

div.asset-header li.item {
padding: 0;
text-align:left;
display: inline;
}

.ljuser {
display: inline !important;
}

/*******************************Userpics*******************************/

.asset-body .user-icon {
position: absolute;
float: left;
margin: -50px 0 0 -126px;
padding: 1px;
background: transparent !important;
text-align: center;
}

.user-icon img {
border: 5px solid #a7dbd8;
}

.user-icon span {
text-align: center;
}

/*******************************Currents*******************************/

.lj-currents ul {
margin: 0;
padding: 0;
}

.lj-currents ul li {
list-style: none;
}

.lj-currents img {
display: inline;
}

.entryMetadata-label {
font-weight:bold;
color: #000000;
}

.entryMetadata-content {
margin-left: 2px;
}

/*******************************Tags*******************************/
.asset-tags-header {
display: block;
float: left;
width: 56px;
height: 100% !important;
margin: 0; padding: 0;
font-weight:bold;
color: #000000;
text-align: left;
}

.asset-tags-list {
margin: 0 0 0 56px;
padding: 0;
list-style-type: none;
text-align: left;
}

.asset-tags-list li {
display: inline;
padding-right: 5px;
text-align: left;
}

.asset-tags-list a {
white-space: normal !important;
text-align: left;
}

/*******************************Comments*******************************/
.asset-meta {
padding: 0 0 0 15px;
}

ul.asset-meta-list {
margin: 10px 0 0 0;
padding: 2px 0 6px 0;
list-style-type: none;
font-size: 11px;
text-align: left;
}

li.asset-meta-comments {
display: inline;
margin: 0 10px 0 0;
text-align: left;
}

ul.asset-meta-list .item {
border: 0;
text-align: left;
display: inline;
}

.prevnext, .prev, .next {
background-color: #a7dbd7;
margin: 0;
padding: 20px 0;
}

/*******************************Sidebar*******************************/
/****Not used in this layout****/

.widget {
display: none;
margin-bottom: 20px;
font-size: 11px;
}

.widget-inner {}

.widget-header {
color: #000000;
border-bottom: 1px solid #FFFFFF;
font-size: 14px;
}

.widget-content {
margin: 0;
padding: 0;
}

.widget ul {
margin: 0;
padding: 0 0 0 20px;
}

.widget a {
color: #000000;
text-decoration: none;
}

.widget a:hover {
color: #b8b8b8;
text-decoration: none;
}

.about-me-widget {
text-align: left;
}

.about-me-widget .widget-header a {
color: #000000;
}

.about-me-widget .widget-header a:hover {
color: #b8b8b8;
}

.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {
margin: 0;
padding: 0;
width: 100%;
}

.calendar-widget {
display: none;
}

.calendar-widget table {
width: 100%;
text-align: left;
}

.calendar-widget p {
margin: 5px 0;
padding: 0;
text-align: center;
}

.calendar-widget tr:first-child a {
background: #ffffff;
border: 0;
}

.calendar-widget td a {
display: block;
width: 100%;
color: #000000;
background: #E5E5E5;
border: 1px solid #000000;
}

.typelist-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget .widget-footer {
padding: 20px 0 0 0;
}

.categories-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget li.tag {
display: inline;
padding: 0 1px;
background: none;
}

.archive-widget li.item {
margin: 0 0 5px 0;
padding: 0;
}

.links-widget .widget-list .item {
margin-bottom: 5px;
border: none !important;
}

.widget-list .tagcloud {
list-style: none !important;
display: inline !important;
color: #ff0000 !important;
white-space: nowrap !important;
border-left: 0 !important;
width: 100% !important;
display: none;
}

.syndicate-widget, .powered-widget, .designed-widget {
display: none;
}

/*******************************Comments Page*******************************/

#comments {
padding: 10px 5px 20px 0;
}

#comments .user-pic img {
width: 32px;
height: 32px;
}

div.comments-inner h2 {
margin: 0;
padding: 5px 0 0 0;
color: #000000;
font-size: 22px;
font-weight: normal;
}

.comments-header {
color: #1d2b2a !important;
}

.comment {
margin-bottom: 29px;
padding: 15px 0;
border: 0;
}

.comment-odd {}

.comment-even {
background: #fff7d4;
padding: 5px;
}

.comments-nav {
margin: 20px;
text-align:center;
}

.comment-links {
margin-top: 15px;
font-weight: normal;
text-align: right;
font-size: 11px;
}

.comment-subject {
font-weight: bold;
}

.comment-date {
margin-top: 1px;
margin-bottom: 10px;
}

.comment-date .datetime {
margin-top: -17px;
color: #a7dbd7;
}

.comments-body{
background-color: #ffffff;
clear: both;
width: 100%;
text-align: left;
}

.comments-meta {
float: left;
}

#comments .user-icon {
float: left;
width: 100px;
height: 100px;
padding: 0 15px 10px 0;
}

.replyform {
padding: 20px 0;
}

/* Fix height in IE */
.comment {height: 1%;}

.quickreply {
margin-top: 16px;
width:90%;
padding-top: 5px;
padding-bottom: 10px;
}

#commenttext, #subject {
width: 90%;
}

#comment-form {
width: 500px;
}

#userpics {
margin: 3px 0 0 0 !important;
padding: 0 0 10px 0;
}

/*******************************Archive*******************************/

ul.year {
text-align: center;
padding: 0;
}

ul.year li {
display: inline;
padding: 0 5px;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #000000;
}

table.yeartable td.yearday {
text-align: center;
}

td.yearmonth {
border-style: none;
font-weight: bold;
}

dd.viewsubjects {
margin: 0 0 12px 12px;
}

.lj-view-month table {}

.lj-view-month widget table {
margin: 0 !important;
}

#header ul.navheader {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header ul.navheader li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header ul.navheader li.item {
border: 0;
text-align: center;
}

#header ul.navheader a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

/*******************************Misc*******************************/

hr {
display: none;
}

/****PLUS ACCOUNTS****/

#ad-5linkunit {
clear: both;
}

#ad-leaderboard {
margin-bottom: 10px;
}

/*******************************Utility*******************************/

.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;
}

#content-inner, .asset-body {
height: 1%;
}

/* Win IE < 7 */
* html #header-name a {
word-wrap: break-word;
}

Red

Images: These are hosted on my own Photobucket account, I encourage you to save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Background: scales2_bg.jpg
Bar: scales2_bar.jpg

Code:

/*
scales
For: Mixit
Available: http://community.livejournal.com/betterdolphin/
By: Toby
*/

/*******************************General/Misc*******************************/

body {
color: #1d2b2a;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 auto;
text-align: center;
margin-top: 30px;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales2_bg.jpg);
background-color: #6cb0bd;
background-repeat: repeat-x;
}

a:link {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

a:active, a:hover, a:visited:hover, a:visited:active {
color: #6cb0bd;
font-weight:normal;
text-decoration:underline;
}

a:visited {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

p {
margin-top: 13px;
margin-bottom: 13px;
}

blockquote {
padding: 10px;
border: 1px #6cb0bd solid;
border-left: 5px #6cb0bd solid;
width: 80%;
}

input, textarea, select {
border: 1px #6cb0bd solid;
}

#Logout{
border: 1px buttonface solid;
}

/*******************************Header/Menu*******************************/

#header {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: left;
position: relative;
width: 620px;
background-color: #6cb0bd;
height: 80px;
}

#header-content {
position: relative;
margin:0;
width: 620px;
margin: 5px 0 5px 0;
height: 80px;
}

#header-text ul.nav {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header-text ul.nav li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header-text ul.nav li.item {
border: 0;
text-align: center;
}

#header-text ul.nav a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-name {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
}

#header-name a {
color: #ffffff;
text-decoration: none;
}

#header-name a:hover {
color: #ffffff;
}

#header-description {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

.title {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
color: #ffffff;
}

.subtitle {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

/*******************************Main Content*******************************/

/****DO NOT EDIT 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 */

/****DO NOT EDIT ABOVE****/

#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 620px;
z-index: 0;
}

#container-inner {
width: 620px;
text-align: left;
margin-top: 76px;
}

#page {
width: 620px;
margin: 0 auto;
padding: 0;
}

#header-inner {
margin: 0 auto;
}

#content {
text-align: center;
width: 620px;
}

#maincontent {
margin:0;
background-color: #ffffff;
}

#maincontent ul {
margin:0;
background-color: #ffffff;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales2_bar.jpg);
background-repeat: repeat-x;
height: 30px;
font-weight: bold;
}

#maincontent ul a, #maincontent ul a:hover{
color: #ffffff;
text-decoration: underling;
font-weight: bold;
}

.yearday {
background-color: #6cb0bd;
}

#content-outer{
margin: 0 auto;
text-align: center;
width: 620px;
margin-top: 80px;
}

#alpha {
width: 620px;
margin: 0 auto;
padding: 0;
float: left;
text-align: center;
}

.layout-tw #alpha {
float: right;
}

#alpha-inner {
width: 620px;
}

.lj-view-archive #alpha-inner, .lj-view-month #alpha-inner, .lj-view-tags #alpha-inner {
padding-top: 20px;
padding-bottom: 20px;
}

/****BELOW NOT USED****/
#beta {
display: none;
width: 130px;
left: 20px;
margin-top: 55px;
}

.layout-wt #beta-inner {
padding: 5px;
}

.layout-tw #beta-inner {
padding: 5px;
}
/****ABOVE NOT USED****/

.stream-header {
display: none;
padding: 10px 20px;
}

.stream-footer {
padding: 0;
}

/*******************************Entry*******************************/
.asset {
margin: 0;
padding: 0 0 13px 0;
text-align: left;
}

.asset-inner {
padding: 0 0 15px 0;
text-align: left;
background-color: #ffffff;
}

.asset-header {
padding: 0;
text-align: left;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales2_bar.jpg);
background-repeat: repeat-x;
height: 30px;
}

.lj-view-entry .asset-header {
padding: 0;
text-align: left;
}

h2 {
margin: 0;
padding: 0 0 1px 0;
font-size: 20px;
font-weight: bold;
color: #000000;
text-align: left;
display: inline;
}

h2.page-header2, h2.page-header2 a, h2.page-header2 a:hover {
text-align: left;
margin: 0;
padding: 1px 0 0 5px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
display: inline !important;
text-decoration: none;
position: relative;
float: left;
}

.lj-view-tags h2 {
color: #000000;
text-decoration: none;
display: inline;
}

abbr.datetime {
margin: 0;
padding: 1px 10px 0 0;
list-style-type: none;
display: inline !important;
font-size: 11px;
color: #fff6e5;
font-weight: bold;
text-align: left;
position: relative;
float: right;
}

.asset-content {
padding: 15px 0 0 15px;
background-color: #ffffff;
}

.asset-body {
padding: 0 0 15px 0;
}

.asset-body ul, .asset-body ol {
margin: 3px 0 0 30px !important;
padding: 0 !important;
}

.asset-body a {
}

.asset-body a:hover {
}

.asset-body dt {
font-weight: normal;
}

.asset-body dd {
margin-left: 58px;
padding: 10px;
border-top: 0;
}

div.asset-header ul {
margin: 0 !important;
padding: 0 !important;
display: inline;
}

div.asset-header li.item {
padding: 0;
text-align:left;
display: inline;
}

.ljuser {
display: inline !important;
}

/*******************************Userpics*******************************/

.asset-body .user-icon {
position: absolute;
float: left;
margin: -50px 0 0 -126px;
padding: 1px;
background: transparent !important;
text-align: center;
}

.user-icon img {
border: 5px solid #6cb0bd;
}

.user-icon span {
text-align: center;
}

/*******************************Currents*******************************/

.lj-currents ul {
margin: 0;
padding: 0;
}

.lj-currents ul li {
list-style: none;
}

.lj-currents img {
display: inline;
}

.entryMetadata-label {
font-weight:bold;
color: #000000;
}

.entryMetadata-content {
margin-left: 2px;
}

/*******************************Tags*******************************/
.asset-tags-header {
display: block;
float: left;
width: 56px;
height: 100% !important;
margin: 0; padding: 0;
font-weight:bold;
color: #000000;
text-align: left;
}

.asset-tags-list {
margin: 0 0 0 56px;
padding: 0;
list-style-type: none;
text-align: left;
}

.asset-tags-list li {
display: inline;
padding-right: 5px;
text-align: left;
}

.asset-tags-list a {
white-space: normal !important;
text-align: left;
}

/*******************************Comments*******************************/
.asset-meta {
padding: 0 0 0 15px;
}

ul.asset-meta-list {
margin: 10px 0 0 0;
padding: 2px 0 6px 0;
list-style-type: none;
font-size: 11px;
text-align: left;
}

li.asset-meta-comments {
display: inline;
margin: 0 10px 0 0;
text-align: left;
}

ul.asset-meta-list .item {
border: 0;
text-align: left;
display: inline;
}

.prevnext, .prev, .next {
background-color: #6cb0bd;
margin: 0;
padding: 20px 0;
}

/*******************************Sidebar*******************************/
/****Not used in this layout****/

.widget {
display: none;
margin-bottom: 20px;
font-size: 11px;
}

.widget-inner {}

.widget-header {
color: #000000;
border-bottom: 1px solid #FFFFFF;
font-size: 14px;
}

.widget-content {
margin: 0;
padding: 0;
}

.widget ul {
margin: 0;
padding: 0 0 0 20px;
}

.widget a {
color: #000000;
text-decoration: none;
}

.widget a:hover {
color: #b8b8b8;
text-decoration: none;
}

.about-me-widget {
text-align: left;
}

.about-me-widget .widget-header a {
color: #000000;
}

.about-me-widget .widget-header a:hover {
color: #b8b8b8;
}

.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {
margin: 0;
padding: 0;
width: 100%;
}

.calendar-widget {
display: none;
}

.calendar-widget table {
width: 100%;
text-align: left;
}

.calendar-widget p {
margin: 5px 0;
padding: 0;
text-align: center;
}

.calendar-widget tr:first-child a {
background: #ffffff;
border: 0;
}

.calendar-widget td a {
display: block;
width: 100%;
color: #000000;
background: #E5E5E5;
border: 1px solid #000000;
}

.typelist-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget .widget-footer {
padding: 20px 0 0 0;
}

.categories-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget li.tag {
display: inline;
padding: 0 1px;
background: none;
}

.archive-widget li.item {
margin: 0 0 5px 0;
padding: 0;
}

.links-widget .widget-list .item {
margin-bottom: 5px;
border: none !important;
}

.widget-list .tagcloud {
list-style: none !important;
display: inline !important;
color: #ff0000 !important;
white-space: nowrap !important;
border-left: 0 !important;
width: 100% !important;
display: none;
}

.syndicate-widget, .powered-widget, .designed-widget {
display: none;
}

/*******************************Comments Page*******************************/

#comments {
padding: 10px 5px 20px 0;
}

#comments .user-pic img {
width: 32px;
height: 32px;
}

div.comments-inner h2 {
margin: 0;
padding: 5px 0 0 0;
color: #000000;
font-size: 22px;
font-weight: normal;
}

.comments-header {
color: #1d2b2a !important;
}

.comment {
margin-bottom: 29px;
padding: 15px 0;
border: 0;
}

.comment-odd {}

.comment-even {
background: #fff7d4;
padding: 5px;
}

.comments-nav {
margin: 20px;
text-align:center;
}

.comment-links {
margin-top: 15px;
font-weight: normal;
text-align: right;
font-size: 11px;
}

.comment-subject {
font-weight: bold;
}

.comment-date {
margin-top: 1px;
margin-bottom: 10px;
}

.comment-date .datetime {
margin-top: -17px;
color: #6cb0bd;
}

.comments-body{
background-color: #ffffff;
clear: both;
width: 100%;
text-align: left;
}

.comments-meta {
float: left;
}

#comments .user-icon {
float: left;
width: 100px;
height: 100px;
padding: 0 15px 10px 0;
}

.replyform {
padding: 20px 0;
}

/* Fix height in IE */
.comment {height: 1%;}

.quickreply {
margin-top: 16px;
width:90%;
padding-top: 5px;
padding-bottom: 10px;
}

#commenttext, #subject {
width: 90%;
}

#comment-form {
width: 500px;
}

#userpics {
margin: 3px 0 0 0 !important;
padding: 0 0 10px 0;
}

/*******************************Archive*******************************/

ul.year {
text-align: center;
padding: 0;
}

ul.year li {
display: inline;
padding: 0 5px;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #000000;
}

table.yeartable td.yearday {
text-align: center;
}

td.yearmonth {
border-style: none;
font-weight: bold;
}

dd.viewsubjects {
margin: 0 0 12px 12px;
}

.lj-view-month table {}

.lj-view-month widget table {
margin: 0 !important;
}

#header ul.navheader {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header ul.navheader li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header ul.navheader li.item {
border: 0;
text-align: center;
}

#header ul.navheader a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

/*******************************Misc*******************************/

hr {
display: none;
}

/****PLUS ACCOUNTS****/

#ad-5linkunit {
clear: both;
}

#ad-leaderboard {
margin-bottom: 10px;
}

/*******************************Utility*******************************/

.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;
}

#content-inner, .asset-body {
height: 1%;
}

/* Win IE < 7 */
* html #header-name a {
word-wrap: break-word;
}

Yellow

Images: These are hosted on my own Photobucket account, I encourage you to save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Background: scales4_bg.jpg
Bar: scales2_bar.jpg

Code:

/*
scales
For: Mixit
Available: http://community.livejournal.com/betterdolphin/
By: Toby
*/

/*******************************General/Misc*******************************/

body {
color: #1d2b2a;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 auto;
text-align: center;
margin-top: 30px;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales4_bg.jpg);
background-color: #6cb0bd;
background-repeat: repeat-x;
}

a:link {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

a:active, a:hover, a:visited:hover, a:visited:active {
color: #6cb0bd;
font-weight:normal;
text-decoration:underline;
}

a:visited {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

p {
margin-top: 13px;
margin-bottom: 13px;
}

blockquote {
padding: 10px;
border: 1px #6cb0bd solid;
border-left: 5px #6cb0bd solid;
width: 80%;
}

input, textarea, select {
border: 1px #6cb0bd solid;
}

#Logout{
border: 1px buttonface solid;
}

/*******************************Header/Menu*******************************/

#header {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: left;
position: relative;
width: 620px;
background-color: #6cb0bd;
height: 80px;
}

#header-content {
position: relative;
margin:0;
width: 620px;
margin: 5px 0 5px 0;
height: 80px;
}

#header-text ul.nav {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header-text ul.nav li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header-text ul.nav li.item {
border: 0;
text-align: center;
}

#header-text ul.nav a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-name {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
}

#header-name a {
color: #ffffff;
text-decoration: none;
}

#header-name a:hover {
color: #ffffff;
}

#header-description {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

.title {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
color: #ffffff;
}

.subtitle {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

/*******************************Main Content*******************************/

/****DO NOT EDIT 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 */

/****DO NOT EDIT ABOVE****/

#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 620px;
z-index: 0;
}

#container-inner {
width: 620px;
text-align: left;
margin-top: 76px;
}

#page {
width: 620px;
margin: 0 auto;
padding: 0;
}

#header-inner {
margin: 0 auto;
}

#content {
text-align: center;
width: 620px;
}

#maincontent {
margin:0;
background-color: #ffffff;
}

#maincontent ul {
margin:0;
background-color: #ffffff;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales2_bar.jpg);
background-repeat: repeat-x;
height: 30px;
font-weight: bold;
}

#maincontent ul a, #maincontent ul a:hover{
color: #ffffff;
text-decoration: underling;
font-weight: bold;
}

.yearday {
background-color: #6cb0bd;
}

#content-outer{
margin: 0 auto;
text-align: center;
width: 620px;
margin-top: 80px;
}

#alpha {
width: 620px;
margin: 0 auto;
padding: 0;
float: left;
text-align: center;
}

.layout-tw #alpha {
float: right;
}

#alpha-inner {
width: 620px;
}

.lj-view-archive #alpha-inner, .lj-view-month #alpha-inner, .lj-view-tags #alpha-inner {
padding-top: 20px;
padding-bottom: 20px;
}

/****BELOW NOT USED****/
#beta {
display: none;
width: 130px;
left: 20px;
margin-top: 55px;
}

.layout-wt #beta-inner {
padding: 5px;
}

.layout-tw #beta-inner {
padding: 5px;
}
/****ABOVE NOT USED****/

.stream-header {
display: none;
padding: 10px 20px;
}

.stream-footer {
padding: 0;
}

/*******************************Entry*******************************/
.asset {
margin: 0;
padding: 0 0 13px 0;
text-align: left;
}

.asset-inner {
padding: 0 0 15px 0;
text-align: left;
background-color: #ffffff;
}

.asset-header {
padding: 0;
text-align: left;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales2_bar.jpg);
background-repeat: repeat-x;
height: 30px;
}

.lj-view-entry .asset-header {
padding: 0;
text-align: left;
}

h2 {
margin: 0;
padding: 0 0 1px 0;
font-size: 20px;
font-weight: bold;
color: #000000;
text-align: left;
display: inline;
}

h2.page-header2, h2.page-header2 a, h2.page-header2 a:hover {
text-align: left;
margin: 0;
padding: 1px 0 0 5px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
display: inline !important;
text-decoration: none;
position: relative;
float: left;
}

.lj-view-tags h2 {
color: #000000;
text-decoration: none;
display: inline;
}

abbr.datetime {
margin: 0;
padding: 1px 10px 0 0;
list-style-type: none;
display: inline !important;
font-size: 11px;
color: #fff6e5;
font-weight: bold;
text-align: left;
position: relative;
float: right;
}

.asset-content {
padding: 15px 0 0 15px;
background-color: #ffffff;
}

.asset-body {
padding: 0 0 15px 0;
}

.asset-body ul, .asset-body ol {
margin: 3px 0 0 30px !important;
padding: 0 !important;
}

.asset-body a {
}

.asset-body a:hover {
}

.asset-body dt {
font-weight: normal;
}

.asset-body dd {
margin-left: 58px;
padding: 10px;
border-top: 0;
}

div.asset-header ul {
margin: 0 !important;
padding: 0 !important;
display: inline;
}

div.asset-header li.item {
padding: 0;
text-align:left;
display: inline;
}

.ljuser {
display: inline !important;
}

/*******************************Userpics*******************************/

.asset-body .user-icon {
position: absolute;
float: left;
margin: -50px 0 0 -126px;
padding: 1px;
background: transparent !important;
text-align: center;
}

.user-icon img {
border: 5px solid #6cb0bd;
}

.user-icon span {
text-align: center;
}

/*******************************Currents*******************************/

.lj-currents ul {
margin: 0;
padding: 0;
}

.lj-currents ul li {
list-style: none;
}

.lj-currents img {
display: inline;
}

.entryMetadata-label {
font-weight:bold;
color: #000000;
}

.entryMetadata-content {
margin-left: 2px;
}

/*******************************Tags*******************************/
.asset-tags-header {
display: block;
float: left;
width: 56px;
height: 100% !important;
margin: 0; padding: 0;
font-weight:bold;
color: #000000;
text-align: left;
}

.asset-tags-list {
margin: 0 0 0 56px;
padding: 0;
list-style-type: none;
text-align: left;
}

.asset-tags-list li {
display: inline;
padding-right: 5px;
text-align: left;
}

.asset-tags-list a {
white-space: normal !important;
text-align: left;
}

/*******************************Comments*******************************/
.asset-meta {
padding: 0 0 0 15px;
}

ul.asset-meta-list {
margin: 10px 0 0 0;
padding: 2px 0 6px 0;
list-style-type: none;
font-size: 11px;
text-align: left;
}

li.asset-meta-comments {
display: inline;
margin: 0 10px 0 0;
text-align: left;
}

ul.asset-meta-list .item {
border: 0;
text-align: left;
display: inline;
}

.prevnext, .prev, .next {
background-color: #6cb0bd;
margin: 0;
padding: 20px 0;
}

/*******************************Sidebar*******************************/
/****Not used in this layout****/

.widget {
display: none;
margin-bottom: 20px;
font-size: 11px;
}

.widget-inner {}

.widget-header {
color: #000000;
border-bottom: 1px solid #FFFFFF;
font-size: 14px;
}

.widget-content {
margin: 0;
padding: 0;
}

.widget ul {
margin: 0;
padding: 0 0 0 20px;
}

.widget a {
color: #000000;
text-decoration: none;
}

.widget a:hover {
color: #b8b8b8;
text-decoration: none;
}

.about-me-widget {
text-align: left;
}

.about-me-widget .widget-header a {
color: #000000;
}

.about-me-widget .widget-header a:hover {
color: #b8b8b8;
}

.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {
margin: 0;
padding: 0;
width: 100%;
}

.calendar-widget {
display: none;
}

.calendar-widget table {
width: 100%;
text-align: left;
}

.calendar-widget p {
margin: 5px 0;
padding: 0;
text-align: center;
}

.calendar-widget tr:first-child a {
background: #ffffff;
border: 0;
}

.calendar-widget td a {
display: block;
width: 100%;
color: #000000;
background: #E5E5E5;
border: 1px solid #000000;
}

.typelist-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget .widget-footer {
padding: 20px 0 0 0;
}

.categories-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget li.tag {
display: inline;
padding: 0 1px;
background: none;
}

.archive-widget li.item {
margin: 0 0 5px 0;
padding: 0;
}

.links-widget .widget-list .item {
margin-bottom: 5px;
border: none !important;
}

.widget-list .tagcloud {
list-style: none !important;
display: inline !important;
color: #ff0000 !important;
white-space: nowrap !important;
border-left: 0 !important;
width: 100% !important;
display: none;
}

.syndicate-widget, .powered-widget, .designed-widget {
display: none;
}

/*******************************Comments Page*******************************/

#comments {
padding: 10px 5px 20px 0;
}

#comments .user-pic img {
width: 32px;
height: 32px;
}

div.comments-inner h2 {
margin: 0;
padding: 5px 0 0 0;
color: #000000;
font-size: 22px;
font-weight: normal;
}

.comments-header {
color: #1d2b2a !important;
}

.comment {
margin-bottom: 29px;
padding: 15px 0;
border: 0;
}

.comment-odd {}

.comment-even {
background: #fff7d4;
padding: 5px;
}

.comments-nav {
margin: 20px;
text-align:center;
}

.comment-links {
margin-top: 15px;
font-weight: normal;
text-align: right;
font-size: 11px;
}

.comment-subject {
font-weight: bold;
}

.comment-date {
margin-top: 1px;
margin-bottom: 10px;
}

.comment-date .datetime {
margin-top: -17px;
color: #6cb0bd;
}

.comments-body{
background-color: #ffffff;
clear: both;
width: 100%;
text-align: left;
}

.comments-meta {
float: left;
}

#comments .user-icon {
float: left;
width: 100px;
height: 100px;
padding: 0 15px 10px 0;
}

.replyform {
padding: 20px 0;
}

/* Fix height in IE */
.comment {height: 1%;}

.quickreply {
margin-top: 16px;
width:90%;
padding-top: 5px;
padding-bottom: 10px;
}

#commenttext, #subject {
width: 90%;
}

#comment-form {
width: 500px;
}

#userpics {
margin: 3px 0 0 0 !important;
padding: 0 0 10px 0;
}

/*******************************Archive*******************************/

ul.year {
text-align: center;
padding: 0;
}

ul.year li {
display: inline;
padding: 0 5px;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #000000;
}

table.yeartable td.yearday {
text-align: center;
}

td.yearmonth {
border-style: none;
font-weight: bold;
}

dd.viewsubjects {
margin: 0 0 12px 12px;
}

.lj-view-month table {}

.lj-view-month widget table {
margin: 0 !important;
}

#header ul.navheader {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header ul.navheader li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header ul.navheader li.item {
border: 0;
text-align: center;
}

#header ul.navheader a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

/*******************************Misc*******************************/

hr {
display: none;
}

/****PLUS ACCOUNTS****/

#ad-5linkunit {
clear: both;
}

#ad-leaderboard {
margin-bottom: 10px;
}

/*******************************Utility*******************************/

.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;
}

#content-inner, .asset-body {
height: 1%;
}

/* Win IE < 7 */
* html #header-name a {
word-wrap: break-word;
}

Green

Images: These are hosted on my own Photobucket account, I encourage you to save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Background: scales3_bg.jpg
Bar: scales2_bar.jpg

Code:

/*
scales
For: Mixit
Available: http://community.livejournal.com/betterdolphin/
By: Toby
*/

/*******************************General/Misc*******************************/

body {
color: #1d2b2a;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 auto;
text-align: center;
margin-top: 30px;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales3_bg.jpg);
background-color: #6cb0bd;
background-repeat: repeat-x;
}

a:link {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

a:active, a:hover, a:visited:hover, a:visited:active {
color: #6cb0bd;
font-weight:normal;
text-decoration:underline;
}

a:visited {
color: #1d2b2a;
font-weight:normal;
text-decoration:underline;
}

p {
margin-top: 13px;
margin-bottom: 13px;
}

blockquote {
padding: 10px;
border: 1px #6cb0bd solid;
border-left: 5px #6cb0bd solid;
width: 80%;
}

input, textarea, select {
border: 1px #6cb0bd solid;
}

#Logout{
border: 1px buttonface solid;
}

/*******************************Header/Menu*******************************/

#header {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: left;
position: relative;
width: 620px;
background-color: #6cb0bd;
height: 80px;
}

#header-content {
position: relative;
margin:0;
width: 620px;
margin: 5px 0 5px 0;
height: 80px;
}

#header-text ul.nav {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header-text ul.nav li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header-text ul.nav li.item {
border: 0;
text-align: center;
}

#header-text ul.nav a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header-text ul.nav a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header-name {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
}

#header-name a {
color: #ffffff;
text-decoration: none;
}

#header-name a:hover {
color: #ffffff;
}

#header-description {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

.title {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: center;
position: relative;
color: #ffffff;
}

.subtitle {
margin: 0;
font-size: 10px;
text-align: center;
padding: 0;
}

/*******************************Main Content*******************************/

/****DO NOT EDIT 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 */

/****DO NOT EDIT ABOVE****/

#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 620px;
z-index: 0;
}

#container-inner {
width: 620px;
text-align: left;
margin-top: 76px;
}

#page {
width: 620px;
margin: 0 auto;
padding: 0;
}

#header-inner {
margin: 0 auto;
}

#content {
text-align: center;
width: 620px;
}

#maincontent {
margin:0;
background-color: #ffffff;
}

#maincontent ul {
margin:0;
background-color: #ffffff;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales2_bar.jpg);
background-repeat: repeat-x;
height: 30px;
font-weight: bold;
}

#maincontent ul a, #maincontent ul a:hover{
color: #ffffff;
text-decoration: underling;
font-weight: bold;
}

.yearday {
background-color: #6cb0bd;
}

#content-outer{
margin: 0 auto;
text-align: center;
width: 620px;
margin-top: 80px;
}

#alpha {
width: 620px;
margin: 0 auto;
padding: 0;
float: left;
text-align: center;
}

.layout-tw #alpha {
float: right;
}

#alpha-inner {
width: 620px;
}

.lj-view-archive #alpha-inner, .lj-view-month #alpha-inner, .lj-view-tags #alpha-inner {
padding-top: 20px;
padding-bottom: 20px;
}

/****BELOW NOT USED****/
#beta {
display: none;
width: 130px;
left: 20px;
margin-top: 55px;
}

.layout-wt #beta-inner {
padding: 5px;
}

.layout-tw #beta-inner {
padding: 5px;
}
/****ABOVE NOT USED****/

.stream-header {
display: none;
padding: 10px 20px;
}

.stream-footer {
padding: 0;
}

/*******************************Entry*******************************/
.asset {
margin: 0;
padding: 0 0 13px 0;
text-align: left;
}

.asset-inner {
padding: 0 0 15px 0;
text-align: left;
background-color: #ffffff;
}

.asset-header {
padding: 0;
text-align: left;
background:url(http://i621.photobucket.com/albums/tt296/quillsh/scales2_bar.jpg);
background-repeat: repeat-x;
height: 30px;
}

.lj-view-entry .asset-header {
padding: 0;
text-align: left;
}

h2 {
margin: 0;
padding: 0 0 1px 0;
font-size: 20px;
font-weight: bold;
color: #000000;
text-align: left;
display: inline;
}

h2.page-header2, h2.page-header2 a, h2.page-header2 a:hover {
text-align: left;
margin: 0;
padding: 1px 0 0 5px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
display: inline !important;
text-decoration: none;
position: relative;
float: left;
}

.lj-view-tags h2 {
color: #000000;
text-decoration: none;
display: inline;
}

abbr.datetime {
margin: 0;
padding: 1px 10px 0 0;
list-style-type: none;
display: inline !important;
font-size: 11px;
color: #fff6e5;
font-weight: bold;
text-align: left;
position: relative;
float: right;
}

.asset-content {
padding: 15px 0 0 15px;
background-color: #ffffff;
}

.asset-body {
padding: 0 0 15px 0;
}

.asset-body ul, .asset-body ol {
margin: 3px 0 0 30px !important;
padding: 0 !important;
}

.asset-body a {
}

.asset-body a:hover {
}

.asset-body dt {
font-weight: normal;
}

.asset-body dd {
margin-left: 58px;
padding: 10px;
border-top: 0;
}

div.asset-header ul {
margin: 0 !important;
padding: 0 !important;
display: inline;
}

div.asset-header li.item {
padding: 0;
text-align:left;
display: inline;
}

.ljuser {
display: inline !important;
}

/*******************************Userpics*******************************/

.asset-body .user-icon {
position: absolute;
float: left;
margin: -50px 0 0 -126px;
padding: 1px;
background: transparent !important;
text-align: center;
}

.user-icon img {
border: 5px solid #6cb0bd;
}

.user-icon span {
text-align: center;
}

/*******************************Currents*******************************/

.lj-currents ul {
margin: 0;
padding: 0;
}

.lj-currents ul li {
list-style: none;
}

.lj-currents img {
display: inline;
}

.entryMetadata-label {
font-weight:bold;
color: #000000;
}

.entryMetadata-content {
margin-left: 2px;
}

/*******************************Tags*******************************/
.asset-tags-header {
display: block;
float: left;
width: 56px;
height: 100% !important;
margin: 0; padding: 0;
font-weight:bold;
color: #000000;
text-align: left;
}

.asset-tags-list {
margin: 0 0 0 56px;
padding: 0;
list-style-type: none;
text-align: left;
}

.asset-tags-list li {
display: inline;
padding-right: 5px;
text-align: left;
}

.asset-tags-list a {
white-space: normal !important;
text-align: left;
}

/*******************************Comments*******************************/
.asset-meta {
padding: 0 0 0 15px;
}

ul.asset-meta-list {
margin: 10px 0 0 0;
padding: 2px 0 6px 0;
list-style-type: none;
font-size: 11px;
text-align: left;
}

li.asset-meta-comments {
display: inline;
margin: 0 10px 0 0;
text-align: left;
}

ul.asset-meta-list .item {
border: 0;
text-align: left;
display: inline;
}

.prevnext, .prev, .next {
background-color: #6cb0bd;
margin: 0;
padding: 20px 0;
}

/*******************************Sidebar*******************************/
/****Not used in this layout****/

.widget {
display: none;
margin-bottom: 20px;
font-size: 11px;
}

.widget-inner {}

.widget-header {
color: #000000;
border-bottom: 1px solid #FFFFFF;
font-size: 14px;
}

.widget-content {
margin: 0;
padding: 0;
}

.widget ul {
margin: 0;
padding: 0 0 0 20px;
}

.widget a {
color: #000000;
text-decoration: none;
}

.widget a:hover {
color: #b8b8b8;
text-decoration: none;
}

.about-me-widget {
text-align: left;
}

.about-me-widget .widget-header a {
color: #000000;
}

.about-me-widget .widget-header a:hover {
color: #b8b8b8;
}

.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {
margin: 0;
padding: 0;
width: 100%;
}

.calendar-widget {
display: none;
}

.calendar-widget table {
width: 100%;
text-align: left;
}

.calendar-widget p {
margin: 5px 0;
padding: 0;
text-align: center;
}

.calendar-widget tr:first-child a {
background: #ffffff;
border: 0;
}

.calendar-widget td a {
display: block;
width: 100%;
color: #000000;
background: #E5E5E5;
border: 1px solid #000000;
}

.typelist-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget .widget-footer {
padding: 20px 0 0 0;
}

.categories-widget li.item {
margin: 0;
padding: 0;
}

.categories-widget li.tag {
display: inline;
padding: 0 1px;
background: none;
}

.archive-widget li.item {
margin: 0 0 5px 0;
padding: 0;
}

.links-widget .widget-list .item {
margin-bottom: 5px;
border: none !important;
}

.widget-list .tagcloud {
list-style: none !important;
display: inline !important;
color: #ff0000 !important;
white-space: nowrap !important;
border-left: 0 !important;
width: 100% !important;
display: none;
}

.syndicate-widget, .powered-widget, .designed-widget {
display: none;
}

/*******************************Comments Page*******************************/

#comments {
padding: 10px 5px 20px 0;
}

#comments .user-pic img {
width: 32px;
height: 32px;
}

div.comments-inner h2 {
margin: 0;
padding: 5px 0 0 0;
color: #000000;
font-size: 22px;
font-weight: normal;
}

.comments-header {
color: #1d2b2a !important;
}

.comment {
margin-bottom: 29px;
padding: 15px 0;
border: 0;
}

.comment-odd {}

.comment-even {
background: #fff7d4;
padding: 5px;
}

.comments-nav {
margin: 20px;
text-align:center;
}

.comment-links {
margin-top: 15px;
font-weight: normal;
text-align: right;
font-size: 11px;
}

.comment-subject {
font-weight: bold;
}

.comment-date {
margin-top: 1px;
margin-bottom: 10px;
}

.comment-date .datetime {
margin-top: -17px;
color: #6cb0bd;
}

.comments-body{
background-color: #ffffff;
clear: both;
width: 100%;
text-align: left;
}

.comments-meta {
float: left;
}

#comments .user-icon {
float: left;
width: 100px;
height: 100px;
padding: 0 15px 10px 0;
}

.replyform {
padding: 20px 0;
}

/* Fix height in IE */
.comment {height: 1%;}

.quickreply {
margin-top: 16px;
width:90%;
padding-top: 5px;
padding-bottom: 10px;
}

#commenttext, #subject {
width: 90%;
}

#comment-form {
width: 500px;
}

#userpics {
margin: 3px 0 0 0 !important;
padding: 0 0 10px 0;
}

/*******************************Archive*******************************/

ul.year {
text-align: center;
padding: 0;
}

ul.year li {
display: inline;
padding: 0 5px;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #000000;
}

table.yeartable td.yearday {
text-align: center;
}

td.yearmonth {
border-style: none;
font-weight: bold;
}

dd.viewsubjects {
margin: 0 0 12px 12px;
}

.lj-view-month table {}

.lj-view-month widget table {
margin: 0 !important;
}

#header ul.navheader {
position: absolute;
font-size: 14px;
width: 620px;
margin: 0 0 -10px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}

#header ul.navheader li {
margin: 0;
padding: 0 15px;
text-align: center;
display: inline;
}

#header ul.navheader li.item {
border: 0;
text-align: center;
}

#header ul.navheader a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:hover {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited:active {
color: #ffebc2;
text-decoration: none;
font-weight: bold;
}

#header ul.navheader a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

/*******************************Misc*******************************/

hr {
display: none;
}

/****PLUS ACCOUNTS****/

#ad-5linkunit {
clear: both;
}

#ad-leaderboard {
margin-bottom: 10px;
}

/*******************************Utility*******************************/

.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;
}

#content-inner, .asset-body {
height: 1%;
}

/* Win IE < 7 */
* html #header-name a {
word-wrap: break-word;
}

mixit

Leave a comment

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