Mixit: unforthright
Image Preview - Live Preview of 3
"unforthright"
This layout has 3 different color schemes, under the cut are previews to all of them and all the codes.
Template: unforthright (1, 2, 3)
For: Mixit
Rules of the Game: - Credit betterdolphin somewhere viewable, like a stickied post or userinfo, and leave the credit on the sheet
- You may edit to suit your needs, but credit would still be nice.
- Commenting not necessary, but makes me feel good all over anyway if you do.
Notes: Tested in IE7-8, FF, Opera, Safari and Chrome.
The rounded corners and drop shadows will NOT work in IE 7-8.
Directions: Click here. In search box put "Mixit" and choose any template. In the top right you'll see a box called Current Theme, click "Change page setup" and there choose "2 column (sidebar on the right)".
Click on Customize Selected Theme. Click on "Customize CSS" menu link on left. Make sure all options are set to "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.
1
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!
To make things easy, here's a zip of the images.
Code:
/*
unforthright
For: Mixit
Available: http://community.livejournal.com/betterdolphin/
By: Toby
*/
/* DIRECTIONS: Full directions on how to install are on the bottom of this document! */
/* !PLEASE! remember to upload the images to YOUR own Photobucket or some other free image service and replace the links in this stylesheet! */
/*******************************General/Misc*******************************/
body {
color: #183139;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 12px;
margin: 0 auto;
text-align: center;
background: #454a43 url(http://i621.photobucket.com/albums/tt296/quillsh/bg-1.jpg);
;){kind=link}
}
a:link {
color: #30525c;
font-weight:normal;
text-decoration:underline;
}
a:active, a:hover, a:visited:hover, a:visited:active {
color: #d7c1b5;
font-weight:normal;
text-decoration:underline;
}
a:visited {
color: #20231f;
font-weight:normal;
text-decoration:underline;
}
p {
margin-top: 13px;
margin-bottom: 13px;
}
blockquote {
padding: 10px;
border: 1px #a3747f solid;
border-left: 5px #a3747f solid;
width: 80%;
}
input, textarea, select {
border: 1px #a3747f solid;
}
#Logout{
border: 1px buttonface solid;
}
/*******************************Header/Menu*******************************/
#header {
position: relative;
width: 856px;
height: 199px;
}
#header-content {
position: relative;
margin:0;
margin: 0;
height: 199px;
}
#header-text{
height: 199px;
}
#header-text ul.nav {
clear: both;
position: absolute;
font-size: 14px;
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: bold;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}
#header-text ul.nav li {
height: 25px;
margin: 0 26px;
padding: 10px 20px 0 20px;
text-align: center;
display: block;
float: left;
background: #ad9a8f url(http://i621.photobucket.com/albums/tt296/quillsh/tan-bg.jpg);
;){kind=link}
-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;
}
#header-text ul.nav li.item {
border: 0;
text-align: center;
}
#header-text ul.nav a {
color: #30525c;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:hover {
color: #d7c1b5;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited:hover {
color: #a3747f;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited:active {
color: #a3747f;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited {
color: #30525c;
text-decoration: none;
font-weight: bold;
}
#header-name {
margin: 0 auto;
top: 30px;
padding: 0;
text-align: center;
position: relative;
color: #ae9c92;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 60px;
line-height: 50px;
text-transform: uppercase;
}
#header-name a {
color: #ae9c92;
text-decoration: none;
}
#header-name a:hover {
color: #ae9c92;
}
#header-description {
display: none;
}
.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 {
background: url(http://i621.photobucket.com/albums/tt296/quillsh/header-1.jpg) repeat-x;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: center;
width: 100%;
z-index: 0;
}
#container-inner {
margin: 0 auto;
width: 856px;
text-align: left;
}
#page {
width: 856px;
margin: 0 auto;
padding: 0;
}
#header-inner {
margin: 0 auto;
}
#content {
background:url(http://i621.photobucket.com/albums/tt296/quillsh/tan-bg.jpg);
text-align: center;
width: 856px;
-moz-box-shadow: 0 12px 23px #1d1f1c;
-webkit-box-shadow: 0 12px 23px #1d1f1c;
box-shadow: 0 12px 23px #1d1f1c;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 0 0 20px 0;
}
#content-inner{
padding-top: 10px;
}
#maincontent {
margin:0;
}
#maincontent ul {
margin:0;
background-color: #ffffff;
height: 30px;
font-weight: bold;
}
#maincontent ul a, #maincontent ul a:hover{
color: #ffffff;
text-decoration: underling;
font-weight: bold;
}
.yearday {
background-color: #a3747f;
color: #d7c1b5;
}
.yearday a{
font-weight: bold;
text-decoration: none;
}
#content-outer{
margin: 0 auto;
text-align: center;
width: 620px;
margin-top: 80px;
}
#alpha {
width: 625px;
margin: 0 auto;
padding: 0 10px 0 0;
float: left;
text-align: center;
border-right: 1px #a3747f solid;
}
.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;
}
#beta {
margin: 0 0 0 -1px;
width: 216px;
border-left: 1px #a3747f solid;
}
.layout-wt #beta-inner {
padding: 0 5px 5px 5px;
.padding: 15px 5px 5px 5px;
}
.layout-tw #beta-inner {
padding: 5px;
}
.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: 8px 0 15px 0;
.padding: 0 0 15px 0;
text-align: left;
}
.asset-header {
padding: 0;
text-align: left;
line-height: 20px;
border-bottom: 1px solid #a3747f;
}
.lj-view-entry .asset-header {
padding: 0;
text-align: left;
}
h2 {
margin: 0;
padding: 0 0 1px 0;
color: #30525c;
text-align: right;
font-size: 24px;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
}
h2.page-header2, h2.page-header2 a, h2.page-header2 a:hover {
margin: 0;
padding: 1px 0 0 5px;
text-decoration: none;
position: relative;
color: #30525c;
text-align: right;
font-size: 24px;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
}
.lj-view-tags h2 {
color: #30525c;
text-decoration: none;
display: inline;
}
.lj-view-tags ul li {
text-align: left;
margin: 3px 0;
}
abbr.datetime {
margin: 0;
padding: 1px 10px 0 0;
list-style-type: none;
font-size: 11px;
color: #30525c;
text-align: right;
position: relative;
float: right;
}
.asset-content {
padding: 25px 0 0 15px;
}
.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;
.margin: -50px 0 0 -128px;
padding: 1px;
background: transparent !important;
text-align: center;
}
.user-icon img {
border: 5px solid #a3747f;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.comment-meta .user-icon img {
border: 5px solid #a3747f;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.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 {
color: #30525c;
font-weight: bold;
text-transform: uppercase;
}
.entryMetadata-content {
margin-left: 4px;
}
/*******************************Tags*******************************/
.asset-tags-header {
display: block;
float: left;
width: 56px;
height: 100% !important;
margin: 0;
padding: 0;
color: #30525c;
font-weight: bold;
text-transform: uppercase;
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: 20px 0 0 0;
padding: 5px 0 6px 0;
list-style-type: none;
font-size: 11px;
text-align: right;
border-top: 1px solid #a3747f;
}
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 {
margin: 0;
padding: 20px 0;
font-weight: bold;
font-size: 18px;
}
/*******************************Sidebar*******************************/
.widget {
margin-bottom: 20px;
font-size: 11px;
}
.widget-inner {}
.widget-header {
color: #30525c;
font-weight: bold;
border-bottom: 1px solid #a3747f;
font-size: 14px;
}
.widget-content {
margin: 0;
padding: 0;
}
.customtext-widget{
text-align: left;
}
.widget ul {
margin: 0;
padding: 0 0 0 20px;
}
.widget ul li{
text-align: left;
list-style-image: url(http://i621.photobucket.com/albums/tt296/quillsh/arrows.jpg);
;){kind=link}
}
.widget a {
color: #30525c;
font-weight: bold;
text-decoration: none;
}
.widget a:hover {
color: #d7c1b5;
font-weight: bold;
text-decoration: none;
}
.widget a:visited {
color: #20231f;
font-weight: bold;
text-decoration: none;
}
.about-me-widget {
text-align: center;
}
.about-me-widget .widget-header a {
color: #30525c;
}
.about-me-widget .widget-header a:hover {
color: #d7c1b5;
}
.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {
margin: 0;
padding: 0;
width: 100%;
}
.calendar-widget {
}
.calendar-widget table {
width: 100%;
}
.calendar-widget p {
margin: 5px 0;
padding: 0;
text-align: center;
}
.calendar-widget tr:first-child a {
background: #a3747f;
border: 0;
color: #d7c1b5;
}
.calendar-widget td a {
display: block;
width: 100%;
color: #d7c1b5;
background: #a3747f;
}
.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 {
padding: 5px;
border: 1px solid #a3747f;
}
.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: #30525c;
}
.comments-body{
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%;
}
.ljadentrybox{
margin: 0 auto;
}
/* DIRECTIONS: To install, go to your Home section in LJ. Scroll over Journal in the menu, click Journal Style. Below you'll find a section of themes to select and a search field. In the search box put in "Mixit" and choose any result. In the top right you'll see a box called Current Theme, click "Change page set up," then choose the option "2 column (sidebar on right)". On the right side of those options you'll see a "Customize selected theme" button, click that. On your left you'll see a sidebar, click on "Custom CSS." You'll see a drop down option: "Use layout's 'Base Weblog' Stylesheet." Select "NO." Leave "Custom external stylesheet URL" entry blank.
If you haven't already, you need upload all the images to your own server/image service and replace all the image URLs with your own URLs. Then copy and paste this WHOLE document into the "Custom stylesheet" box.
Click "Save Changes" and it should be ready to go! */
2
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!
To make things easy, here's a zip of the images.
Code:
/*
unforthright
For: Mixit
Available: http://community.livejournal.com/betterdolphin/
By: Toby
*/
/* DIRECTIONS: Full directions on how to install are on the bottom of this document! */
/* !PLEASE! remember to upload the images to YOUR own Photobucket or some other free image service and replace the links in this stylesheet! */
/*******************************General/Misc*******************************/
body {
color: #0a2728;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 12px;
margin: 0 auto;
text-align: center;
background: #1b676b url(http://i621.photobucket.com/albums/tt296/quillsh/bg-2.jpg);
;){kind=link}
}
a:link {
color: #519548;
font-weight:normal;
text-decoration:underline;
}
a:active, a:hover, a:visited:hover, a:visited:active {
color: #1b676b;
font-weight:normal;
text-decoration:underline;
}
a:visited {
color: #0a2728;
font-weight:normal;
text-decoration:underline;
}
p {
margin-top: 13px;
margin-bottom: 13px;
}
blockquote {
padding: 10px;
border: 1px #1b676b solid;
border-left: 5px #1b676b solid;
width: 80%;
}
input, textarea, select {
border: 1px #1b676b solid;
}
#Logout{
border: 1px buttonface solid;
}
/*******************************Header/Menu*******************************/
#header {
position: relative;
width: 856px;
height: 199px;
}
#header-content {
position: relative;
margin:0;
margin: 0;
height: 199px;
}
#header-text{
height: 199px;
}
#header-text ul.nav {
clear: both;
position: absolute;
font-size: 14px;
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: bold;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}
#header-text ul.nav li {
height: 25px;
margin: 0 26px;
padding: 10px 20px 0 20px;
text-align: center;
display: block;
float: left;
background: #eaf3c6 url(http://i621.photobucket.com/albums/tt296/quillsh/entry-bg-2.jpg);
;){kind=link}
-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;
}
#header-text ul.nav li.item {
border: 0;
text-align: center;
}
#header-text ul.nav a {
color: #1b676b;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:hover {
color: #519548;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited:hover {
color: #519548;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited:active {
color: #519548;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited {
color: #1b676b;
text-decoration: none;
font-weight: bold;
}
#header-name {
margin: 0 auto;
top: 30px;
padding: 0;
text-align: center;
position: relative;
color: #1b676b;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 60px;
line-height: 50px;
text-transform: uppercase;
}
#header-name a {
color: #1b676b;
text-decoration: none;
}
#header-name a:hover {
color: #1b676b;
}
#header-description {
display: none;
}
.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 {
background: url(http://i621.photobucket.com/albums/tt296/quillsh/header-2.jpg) repeat-x;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: center;
width: 100%;
z-index: 0;
}
#container-inner {
margin: 0 auto;
width: 856px;
text-align: left;
}
#page {
width: 856px;
margin: 0 auto;
padding: 0;
}
#header-inner {
margin: 0 auto;
}
#content {
background:url(http://i621.photobucket.com/albums/tt296/quillsh/entry-bg-2.jpg);
text-align: center;
width: 856px;
-moz-box-shadow: 0 12px 23px #1d1f1c;
-webkit-box-shadow: 0 12px 23px #1d1f1c;
box-shadow: 0 12px 23px #1d1f1c;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 0 0 20px 0;
}
#content-inner{
padding-top: 10px;
}
#maincontent {
margin:0;
}
#maincontent ul {
margin:0;
background-color: #ffffff;
height: 30px;
font-weight: bold;
}
#maincontent ul a, #maincontent ul a:hover{
color: #ffffff;
text-decoration: underling;
font-weight: bold;
}
.yearday {
background-color: #88c425;
color: #1b676b;
}
.yearday a{
font-weight: bold;
text-decoration: none;
}
#content-outer{
margin: 0 auto;
text-align: center;
width: 620px;
margin-top: 80px;
}
#alpha {
width: 625px;
margin: 0 auto;
padding: 0 10px 0 0;
float: left;
text-align: center;
border-right: 1px #88c425 solid;
}
.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;
}
#beta {
margin: 0 0 0 -1px;
width: 216px;
border-left: 1px #88c425 solid;
}
.layout-wt #beta-inner {
padding: 0 5px 5px 5px;
.padding: 15px 5px 5px 5px;
}
.layout-tw #beta-inner {
padding: 5px;
}
.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: 8px 0 15px 0;
.padding: 0 0 15px 0;
text-align: left;
}
.asset-header {
padding: 0;
text-align: left;
line-height: 20px;
border-bottom: 1px solid #88c425;
}
.lj-view-entry .asset-header {
padding: 0;
text-align: left;
}
h2 {
margin: 0;
padding: 0 0 1px 0;
color: #1b676b;
text-align: right;
font-size: 24px;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
}
h2.page-header2, h2.page-header2 a, h2.page-header2 a:hover {
margin: 0;
padding: 1px 0 0 5px;
text-decoration: none;
position: relative;
color: #1b676b;
text-align: right;
font-size: 24px;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
}
.lj-view-tags h2 {
color: #1b676b;
text-decoration: none;
display: inline;
}
.lj-view-tags ul li {
text-align: left;
margin: 3px 0;
}
abbr.datetime {
margin: 0;
padding: 1px 10px 0 0;
list-style-type: none;
font-size: 11px;
color: #519548;
text-align: right;
position: relative;
float: right;
}
.asset-content {
padding: 25px 0 0 15px;
}
.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;
.margin: -50px 0 0 -128px;
padding: 1px;
background: transparent !important;
text-align: center;
}
.user-icon img {
border: 5px solid #88c425;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.comment-meta .user-icon img {
border: 5px solid #88c425;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.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 {
color: #519548;
font-weight: bold;
text-transform: uppercase;
}
.entryMetadata-content {
margin-left: 4px;
}
/*******************************Tags*******************************/
.asset-tags-header {
display: block;
float: left;
width: 56px;
height: 100% !important;
margin: 0;
padding: 0;
color: #519548;
font-weight: bold;
text-transform: uppercase;
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: 20px 0 0 0;
padding: 5px 0 6px 0;
list-style-type: none;
font-size: 11px;
text-align: right;
border-top: 1px solid #88c425;
}
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 {
margin: 0;
padding: 20px 0;
font-weight: bold;
font-size: 18px;
}
/*******************************Sidebar*******************************/
.widget {
margin-bottom: 20px;
font-size: 11px;
}
.widget-inner {}
.widget-header {
color: #519548;
font-weight: bold;
border-bottom: 1px solid #88c425;
font-size: 14px;
}
.widget-content {
margin: 0;
padding: 0;
}
.customtext-widget{
text-align: left;
}
.widget ul {
margin: 0;
padding: 0 0 0 20px;
}
.widget ul li{
text-align: left;
list-style-image: url(http://i621.photobucket.com/albums/tt296/quillsh/arrows-2.jpg);
;){kind=link}
}
.widget a {
color: #519548;
font-weight: bold;
text-decoration: none;
}
.widget a:hover {
color: #1b676b;
font-weight: bold;
text-decoration: none;
}
.widget a:visited {
color: #0a2728;
font-weight: bold;
text-decoration: none;
}
.about-me-widget {
text-align: center;
}
.about-me-widget .widget-header a {
color: #519548;
}
.about-me-widget .widget-header a:hover {
color: #1b676b;
}
.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {
margin: 0;
padding: 0;
width: 100%;
}
.calendar-widget {
}
.calendar-widget table {
width: 100%;
}
.calendar-widget p {
margin: 5px 0;
padding: 0;
text-align: center;
}
.calendar-widget tr:first-child a {
background: #88c425;
border: 0;
color: #eaf4c7;
}
.calendar-widget td a {
display: block;
width: 100%;
color: #eaf4c7;
background: #88c425;
}
.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 {
padding: 5px;
border: 1px solid #88c425;
}
.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: #519548;
}
.comments-body{
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 #1B676B;
}
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%;
}
.ljadentrybox{
margin: 0 auto;
}
/* DIRECTIONS: To install, go to your Home section in LJ. Scroll over Journal in the menu, click Journal Style. Below you'll find a section of themes to select and a search field. In the search box put in "Mixit" and choose any result. In the top right you'll see a box called Current Theme, click "Change page set up," then choose the option "2 column (sidebar on right)". On the right side of those options you'll see a "Customize selected theme" button, click that. On your left you'll see a sidebar, click on "Custom CSS." You'll see a drop down option: "Use layout's 'Base Weblog' Stylesheet." Select "NO." Leave "Custom external stylesheet URL" entry blank.
If you haven't already, you need upload all the images to your own server/image service and replace all the image URLs with your own URLs. Then copy and paste this WHOLE document into the "Custom stylesheet" box.
Click "Save Changes" and it should be ready to go! */
3
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!
To make things easy, here's a zip of the images.
Code:
/*
unforthright
For: Mixit
Available: http://community.livejournal.com/betterdolphin/
By: Toby
*/
/* DIRECTIONS: Full directions on how to install are on the bottom of this document! */
/* !PLEASE! remember to upload the images to YOUR own Photobucket or some other free image service and replace the links in this stylesheet! */
/*******************************General/Misc*******************************/
body {
color: #240a00;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 12px;
margin: 0 auto;
text-align: center;
background: #8dc6bd url(http://i621.photobucket.com/albums/tt296/quillsh/bg-3.jpg);
;){kind=link}
}
a:link {
color: #952b01;
font-weight:normal;
text-decoration:underline;
}
a:active, a:hover, a:visited:hover, a:visited:active {
color: #8dc6bd;
font-weight:normal;
text-decoration:underline;
}
a:visited {
color: #240a00;
font-weight:normal;
text-decoration:underline;
}
p {
margin-top: 13px;
margin-bottom: 13px;
}
blockquote {
padding: 10px;
border: 1px #8dc6bd solid;
border-left: 5px #8dc6bd solid;
width: 80%;
}
input, textarea, select {
border: 1px #8dc6bd solid;
}
#Logout{
border: 1px buttonface solid;
}
/*******************************Header/Menu*******************************/
#header {
position: relative;
width: 856px;
height: 199px;
}
#header-content {
position: relative;
margin:0;
margin: 0;
height: 199px;
}
#header-text{
height: 199px;
}
#header-text ul.nav {
clear: both;
position: absolute;
font-size: 14px;
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: bold;
display: inline;
z-index: 100;
list-style-type:none;
bottom: 0;
}
#header-text ul.nav li {
height: 25px;
margin: 0 26px;
padding: 10px 20px 0 20px;
text-align: center;
display: block;
float: left;
background: #ad9a8f url(http://i621.photobucket.com/albums/tt296/quillsh/entry-bg-3.jpg);
;){kind=link}
-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;
}
#header-text ul.nav li.item {
border: 0;
text-align: center;
}
#header-text ul.nav a {
color: #8dc6bd;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:hover {
color: #952b01;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited:hover {
color: #952b01;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited:active {
color: #952b01;
text-decoration: none;
font-weight: bold;
}
#header-text ul.nav a:visited {
color: #8dc6bd;
text-decoration: none;
font-weight: bold;
}
#header-name {
margin: 0 auto;
top: 30px;
padding: 0;
text-align: center;
position: relative;
color: #8dc6bd;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 60px;
line-height: 50px;
text-transform: uppercase;
}
#header-name a {
color: #8dc6bd;
text-decoration: none;
}
#header-name a:hover {
color: #8dc6bd;
}
#header-description {
display: none;
}
.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 {
background: url(http://i621.photobucket.com/albums/tt296/quillsh/header-3.jpg) repeat-x;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: center;
width: 100%;
z-index: 0;
}
#container-inner {
margin: 0 auto;
width: 856px;
text-align: left;
}
#page {
width: 856px;
margin: 0 auto;
padding: 0;
}
#header-inner {
margin: 0 auto;
}
#content {
background:url(http://i621.photobucket.com/albums/tt296/quillsh/entry-bg-3.jpg);
text-align: center;
width: 856px;
-moz-box-shadow: 0 12px 23px #39675f;
-webkit-box-shadow: 0 12px 23px #39675f;
box-shadow: 0 12px 23px #39675f;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 0 0 20px 0;
}
#content-inner{
padding-top: 10px;
}
#maincontent {
margin:0;
}
#maincontent ul {
margin:0;
background-color: #ffffff;
height: 30px;
font-weight: bold;
}
#maincontent ul a, #maincontent ul a:hover{
color: #ffffff;
text-decoration: underling;
font-weight: bold;
}
.yearday {
background-color: #8dc6bd;
color: #fff9d5;
}
.yearday a{
font-weight: bold;
text-decoration: none;
}
#content-outer{
margin: 0 auto;
text-align: center;
width: 620px;
margin-top: 80px;
}
#alpha {
width: 625px;
margin: 0 auto;
padding: 0 10px 0 0;
float: left;
text-align: center;
border-right: 1px #8dc6bd solid;
}
.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;
}
#beta {
margin: 0 0 0 -1px;
width: 216px;
border-left: 1px #8dc6bd solid;
}
.layout-wt #beta-inner {
padding: 0 5px 5px 5px;
.padding: 15px 5px 5px 5px;
}
.layout-tw #beta-inner {
padding: 5px;
}
.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: 8px 0 15px 0;
.padding: 0 0 15px 0;
text-align: left;
}
.asset-header {
padding: 0;
text-align: left;
line-height: 20px;
border-bottom: 1px solid #8dc6bd;
}
.lj-view-entry .asset-header {
padding: 0;
text-align: left;
}
h2 {
margin: 0;
padding: 0 0 1px 0;
color: #8dc6bd;
text-align: right;
font-size: 24px;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
}
h2.page-header2, h2.page-header2 a, h2.page-header2 a:hover {
margin: 0;
padding: 1px 0 0 5px;
text-decoration: none;
position: relative;
color: #8dc6bd;
text-align: right;
font-size: 24px;
font-family: "Arvo", "Arial", "Helvetica", sans-serif;
}
.lj-view-tags h2 {
color: #8dc6bd;
text-decoration: none;
display: inline;
}
.lj-view-tags ul li {
text-align: left;
margin: 3px 0;
}
abbr.datetime {
margin: 0;
padding: 1px 10px 0 0;
list-style-type: none;
font-size: 11px;
color: #952b01;
text-align: right;
position: relative;
float: right;
}
.asset-content {
padding: 25px 0 0 15px;
}
.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;
.margin: -50px 0 0 -128px;
padding: 1px;
background: transparent !important;
text-align: center;
}
.user-icon img {
border: 5px solid #952b01;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.comment-meta .user-icon img {
border: 5px solid #952b01;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.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 {
color: #952b01;
font-weight: bold;
text-transform: uppercase;
}
.entryMetadata-content {
margin-left: 4px;
}
/*******************************Tags*******************************/
.asset-tags-header {
display: block;
float: left;
width: 56px;
height: 100% !important;
margin: 0;
padding: 0;
color: #952b01;
font-weight: bold;
text-transform: uppercase;
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: 20px 0 0 0;
padding: 5px 0 6px 0;
list-style-type: none;
font-size: 11px;
text-align: right;
border-top: 1px solid #8dc6bd;
}
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 {
margin: 0;
padding: 20px 0;
font-weight: bold;
font-size: 18px;
}
/*******************************Sidebar*******************************/
.widget {
margin-bottom: 20px;
font-size: 11px;
}
.widget-inner {}
.widget-header {
color: #952b01;
font-weight: bold;
border-bottom: 1px solid #8dc6bd;
font-size: 14px;
}
.widget-content {
margin: 0;
padding: 0;
}
.customtext-widget{
text-align: left;
}
.widget ul {
margin: 0;
padding: 0 0 0 20px;
}
.widget ul li{
text-align: left;
list-style-image: url(http://i621.photobucket.com/albums/tt296/quillsh/arrows-3.jpg);
;){kind=link}
}
.widget a {
color: #952b01;
font-weight: bold;
text-decoration: none;
}
.widget a:hover {
color: #8dc6bd;
font-weight: bold;
text-decoration: none;
}
.widget a:visited {
color: #240a00;
font-weight: bold;
text-decoration: none;
}
.about-me-widget {
text-align: center;
}
.about-me-widget .widget-header a {
color: #952b01;
}
.about-me-widget .widget-header a:hover {
color: #8dc6bd;
}
.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {
margin: 0;
padding: 0;
width: 100%;
}
.calendar-widget {
}
.calendar-widget table {
width: 100%;
}
.calendar-widget p {
margin: 5px 0;
padding: 0;
text-align: center;
}
.calendar-widget tr:first-child a {
background: #8dc6bd;
border: 0;
color: #eaf4c7;
}
.calendar-widget td a {
display: block;
width: 100%;
color: #eaf4c7;
background: #8dc6bd;
}
.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 {
padding: 5px;
border: 1px solid #8dc6bd;
}
.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: #952b01;
}
.comments-body{
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 #91c9c0;
}
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%;
}
.ljadentrybox{
margin: 0 auto;
}
/* DIRECTIONS: To install, go to your Home section in LJ. Scroll over Journal in the menu, click Journal Style. Below you'll find a section of themes to select and a search field. In the search box put in "Mixit" and choose any result. In the top right you'll see a box called Current Theme, click "Change page set up," then choose the option "2 column (sidebar on right)". On the right side of those options you'll see a "Customize selected theme" button, click that. On your left you'll see a sidebar, click on "Custom CSS." You'll see a drop down option: "Use layout's 'Base Weblog' Stylesheet." Select "NO." Leave "Custom external stylesheet URL" entry blank.
If you haven't already, you need upload all the images to your own server/image service and replace all the image URLs with your own URLs. Then copy and paste this WHOLE document into the "Custom stylesheet" box.
Click "Save Changes" and it should be ready to go! */