[layouts] Doctor Who: Storm and Light
Here's a Ten/Rose layout for anyone who wishes to use it. :)
Layout Style: S2, Smooth Sailing
Account types: Free, Paid
click on the thumbnail for a bigger screen shot.
CSS: Click inside, select-all (CTRL+A), copy (CTRL+C), then paste (CTRL+V). Further instructions below -
body {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
margin: 0px;
color: #664a4b;
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/bg.jpg") #000 repeat-x top center;
}
a:link, a:active {
color: #d0cdac;
text-decoration: none;
}
a:visited {
color: #d0cdac;
text-decoration: none;
}
a:hover {
color: #78160e;
text-decoration: underline;
}
.entryHeaderDate {color: #87806e; font-size: 10px;}
.entryHeaderDate a {
color : #6d6859;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #000000;
text-decoration : underline;
}
.header-title {
visibility: hidden;
}
.header-subtitle {
background: none;
color: #d4ddee;
font-size: 0px;
padding: 0px 24px 0px 24px;
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 0;
border-bottom: 0;
}
.pageblock {
width: 700px;
margin-left: auto;
margin-right: auto;
background: #0f0f0f;
border-left: 10px solid #0f0f0f;
border-right: 10px solid #0f0f0f;
}
.pageheaderblock {
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/top.jpg") no-repeat top center #0f0f0f;
width: 700px;
height: 250px;
text-align: left;
border-left: 0;
border-right: 0;
}
.pagefooterblock {
color: #400400;
background: #0f0f0f;
padding: 10px 15px 4px 24px;
margin-top: 4px;
border: 0;
font-size: 10px;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #c5c5c5;
border: 0;
}
.bodyblock {
padding: 30px 10px 0px 10px;
}
.bodyheaderblock {
padding: 4px 0px 4px 0px;
border: 0;
background: none;
}
.bodynavblock {
color: #000000;
margin: 10px 0px 4px 0px;
padding: 8px;
background: none;
border: 0;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
position: relative;
top: 30px;
font-family: "georgia", "times new roman", serif;
font-size: 24px;
font-style: italic;
color: #681900;
}
.body-midtitle {
font-size: 18px;
color: #fff;
text-align: left;
padding-left: 8px;
border: 0;
}
.entryHolder {
color: #756855;
background:none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 4px 0px 4px 0px;
width: 100%;
border: 0;
}
.entryUserinfo {
text-align: center;
margin: 5px 8px 8px 0px;
background: #281717;
padding: 5px;
border: 0;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
border-left: 0;
padding-left: 0px;
margin-left: 0px;
padding-right: 10px;
}
.entryHeader {
background: none;
font-family: "georgia", "times new roman", serif;
padding: 4px 0px 4px 20px;
border: 0;
}
.entryHeader a{
color: #6d6859;
}
.entryHeaderSubject {
font-size: 16px;
font-style: italic;
color: #d0a200;
font-weight: normal;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
color: #676767;
}
.entryLinkbar {
color: #be7342;
text-align: right;
padding: 4px 10px 4px 0px;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 15px;
line-height: 20px;
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/meta.jpg") no-repeat top center;
text-transform: lowercase
}
.entryLinkbar a {
color: #fff;
text-decoration: none;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.commentHolder {
color: #000;
background: #0f0f0f;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background: #0f0f0f
color: #ccc;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
font-size: 10px;
color: #a68383;
background: #4d1e1e;
}
.commentHeader {
background: #0f0f0f;
color: #616161;
font-family: "georgia", "times new roman", serif;
font-size: 11px;
font-weight: normal;
padding: 4px 0px 4px 8px;
border: 0;
margin-bottom: 10px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-size: 11px;
background-color: #5b5b5b;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
border: 0;
background: #0f0f0f;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background: #0f0f0f;
color: #000000;
padding-left: 10px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 400px;
border: 1px solid #312424;
margin: 8px 8px 8px 40px;
background: #000;
}
.daysubjects {
color: #997710;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #312424;
background: #723600;
color: #a8a493;
}
.day-blank {
border: 1px solid #312424;
}
.day {
border: 1px solid #312424;
}
.day-date {
border-right: 1px solid #312424;
border-bottom: 1px solid #312424;
color: #8f8464;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #dfc780;
}
.sidebar {
font-size: 10px;
margin-left: 0px;
width: 150px;
}
.sidebar a {
color: #695f42;
text-decoration: none;
}
.sidebox {
color: #454545;
margin: 4px 0px 4px 0px;
background: none;
}
.sideboxTitle {
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/bg.jpg") repeat-x;
color: #fff;
font-family: "georgia", "times new roman", sans;
font-size: 11px;
padding: 4px 0px 4px 8px;
line-height: 14px;
font-weight: normal;
border: 0;
}
.sideboxContent {
text-align: right;
padding: 4px 7px 4px 7px;
background: #1b1616;
border-bottom: 5px solid #2e1414;
margin-bottom: 10px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #profile img {padding: 10px;}
.ljuser img {padding: 0;}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}
.header-menu {
width: 681px;
font-family: "Georgia", "Times new Roman", serif;
font-size: 11px;
line-height: 25px;
margin-top: 210px;
border: 0;
background: #37171b;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
color: #cccfc4;
text-decoration: none;
}
.header-menu a:hover {
background-color: #000;
color: #ffcd19;
}
#footer-menu a, .footer-menu a:visited {
color: #8a8b86;
white-space: nowrap;
padding: 6px;
text-align: left;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
.tagstable, .tagstable td {
border: 1px solid #2c2c2c;
}
.quickreply_entry, #qrformdiv {background: #000; color: #8c8c8c; border: 0; font-size: 11px;}
b, strong {color: #a15e27;}
em, i {color: #456169;}
.summaryList {
text-align: left;
font-size: 10px;
}
.textbox {width: 70%;}
input, .textbox, option, select {background: #675a59; border: 1px solid #7f5a3d; color: #b0a071; font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 3px;}
option, select {background: #675a59; border: 0;}
input:hover, .textbox:hover {background: #333333; color: #676252;}
.quickreply_comment {background: none;}
Directions for use: Go to the Look and Feel tab of your Journal Display settings and set the layout to Smooth Sailing. Then, under the Custom Options tab, click on Custom CSS, then copy and paste the CSS codes above there. Make sure you save your changes.
I would suggest having the sidebar at the right. :)
Credits: please credit fanmedley or alpenglowe if ever you decide to use the layout. You could put something like "Layout by..." in your userinfo page.
Layout Style: S2, Smooth Sailing
Account types: Free, Paid
click on the thumbnail for a bigger screen shot.
CSS: Click inside, select-all (CTRL+A), copy (CTRL+C), then paste (CTRL+V). Further instructions below -
body {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
margin: 0px;
color: #664a4b;
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/bg.jpg") #000 repeat-x top center;
}
a:link, a:active {
color: #d0cdac;
text-decoration: none;
}
a:visited {
color: #d0cdac;
text-decoration: none;
}
a:hover {
color: #78160e;
text-decoration: underline;
}
.entryHeaderDate {color: #87806e; font-size: 10px;}
.entryHeaderDate a {
color : #6d6859;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #000000;
text-decoration : underline;
}
.header-title {
visibility: hidden;
}
.header-subtitle {
background: none;
color: #d4ddee;
font-size: 0px;
padding: 0px 24px 0px 24px;
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 0;
border-bottom: 0;
}
.pageblock {
width: 700px;
margin-left: auto;
margin-right: auto;
background: #0f0f0f;
border-left: 10px solid #0f0f0f;
border-right: 10px solid #0f0f0f;
}
.pageheaderblock {
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/top.jpg") no-repeat top center #0f0f0f;
width: 700px;
height: 250px;
text-align: left;
border-left: 0;
border-right: 0;
}
.pagefooterblock {
color: #400400;
background: #0f0f0f;
padding: 10px 15px 4px 24px;
margin-top: 4px;
border: 0;
font-size: 10px;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #c5c5c5;
border: 0;
}
.bodyblock {
padding: 30px 10px 0px 10px;
}
.bodyheaderblock {
padding: 4px 0px 4px 0px;
border: 0;
background: none;
}
.bodynavblock {
color: #000000;
margin: 10px 0px 4px 0px;
padding: 8px;
background: none;
border: 0;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
position: relative;
top: 30px;
font-family: "georgia", "times new roman", serif;
font-size: 24px;
font-style: italic;
color: #681900;
}
.body-midtitle {
font-size: 18px;
color: #fff;
text-align: left;
padding-left: 8px;
border: 0;
}
.entryHolder {
color: #756855;
background:none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 4px 0px 4px 0px;
width: 100%;
border: 0;
}
.entryUserinfo {
text-align: center;
margin: 5px 8px 8px 0px;
background: #281717;
padding: 5px;
border: 0;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
border-left: 0;
padding-left: 0px;
margin-left: 0px;
padding-right: 10px;
}
.entryHeader {
background: none;
font-family: "georgia", "times new roman", serif;
padding: 4px 0px 4px 20px;
border: 0;
}
.entryHeader a{
color: #6d6859;
}
.entryHeaderSubject {
font-size: 16px;
font-style: italic;
color: #d0a200;
font-weight: normal;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
color: #676767;
}
.entryLinkbar {
color: #be7342;
text-align: right;
padding: 4px 10px 4px 0px;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 15px;
line-height: 20px;
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/meta.jpg") no-repeat top center;
text-transform: lowercase
}
.entryLinkbar a {
color: #fff;
text-decoration: none;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.commentHolder {
color: #000;
background: #0f0f0f;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background: #0f0f0f
color: #ccc;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
font-size: 10px;
color: #a68383;
background: #4d1e1e;
}
.commentHeader {
background: #0f0f0f;
color: #616161;
font-family: "georgia", "times new roman", serif;
font-size: 11px;
font-weight: normal;
padding: 4px 0px 4px 8px;
border: 0;
margin-bottom: 10px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-size: 11px;
background-color: #5b5b5b;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
border: 0;
background: #0f0f0f;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background: #0f0f0f;
color: #000000;
padding-left: 10px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 400px;
border: 1px solid #312424;
margin: 8px 8px 8px 40px;
background: #000;
}
.daysubjects {
color: #997710;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #312424;
background: #723600;
color: #a8a493;
}
.day-blank {
border: 1px solid #312424;
}
.day {
border: 1px solid #312424;
}
.day-date {
border-right: 1px solid #312424;
border-bottom: 1px solid #312424;
color: #8f8464;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #dfc780;
}
.sidebar {
font-size: 10px;
margin-left: 0px;
width: 150px;
}
.sidebar a {
color: #695f42;
text-decoration: none;
}
.sidebox {
color: #454545;
margin: 4px 0px 4px 0px;
background: none;
}
.sideboxTitle {
background: url("http://i73.photobucket.com/albums/i229/vyxe/layout/drwho01/bg.jpg") repeat-x;
color: #fff;
font-family: "georgia", "times new roman", sans;
font-size: 11px;
padding: 4px 0px 4px 8px;
line-height: 14px;
font-weight: normal;
border: 0;
}
.sideboxContent {
text-align: right;
padding: 4px 7px 4px 7px;
background: #1b1616;
border-bottom: 5px solid #2e1414;
margin-bottom: 10px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #profile img {padding: 10px;}
.ljuser img {padding: 0;}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}
.header-menu {
width: 681px;
font-family: "Georgia", "Times new Roman", serif;
font-size: 11px;
line-height: 25px;
margin-top: 210px;
border: 0;
background: #37171b;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
color: #cccfc4;
text-decoration: none;
}
.header-menu a:hover {
background-color: #000;
color: #ffcd19;
}
#footer-menu a, .footer-menu a:visited {
color: #8a8b86;
white-space: nowrap;
padding: 6px;
text-align: left;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
.tagstable, .tagstable td {
border: 1px solid #2c2c2c;
}
.quickreply_entry, #qrformdiv {background: #000; color: #8c8c8c; border: 0; font-size: 11px;}
b, strong {color: #a15e27;}
em, i {color: #456169;}
.summaryList {
text-align: left;
font-size: 10px;
}
.textbox {width: 70%;}
input, .textbox, option, select {background: #675a59; border: 1px solid #7f5a3d; color: #b0a071; font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 3px;}
option, select {background: #675a59; border: 0;}
input:hover, .textbox:hover {background: #333333; color: #676252;}
.quickreply_comment {background: none;}
Directions for use: Go to the Look and Feel tab of your Journal Display settings and set the layout to Smooth Sailing. Then, under the Custom Options tab, click on Custom CSS, then copy and paste the CSS codes above there. Make sure you save your changes.
I would suggest having the sidebar at the right. :)
Credits: please credit fanmedley or alpenglowe if ever you decide to use the layout. You could put something like "Layout by..." in your userinfo page.