twenty five
XXV | A Family Affair
Inspired by daemon's A Preferential Alternative layout.
XXV; A FAMILY AFFAIR
LIVE PREVIEWS
a family affair
style
S2; Smooth Sailing (I know its been ages since I've made a smooth sailing layout)
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
best in 1280x1024
disabled features subtitle, sidebar, custom userheads, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: A Family Affair
STYLE: S2 | Smooth Sailing
CREDIT: apologize @ jealouss
TINY ICONS: brand spanking new
-------------------------------------------*/
/*------------PAGE---------------*/
body {font-family: arial, sans-serif; font-size: 12px; margin: 0px; background: #050505 url(); color: #000000;}
.pageblock{width:100%; margin: 0 auto;}
.pagefooterblock {display: none;}
.pagefooterblock a, .pagefooterblock a:visited {color: #000000;}
/*-------------HEADER------------*/
.pageheaderblock {background: #fff;}
.header-title {background-color: transparent!important; text-align: center; font-family: arial black; font-size: 75px; text-transform: uppercase; letter-spacing: -6px; color: #050505; padding-top: 230px; margin-bottom:-25px; text-shadow: 2px -1px 0px #999}
.header-subtitle {background-color: #191919; color: #191919; font-family: arial; font-size: 0px;}
.header-icon {display: none;}
.header-menu {position: absolute; top: 315px; left: 0px; text-align: left; text-transform: lowercase; padding: 0px; background-color: transparent!important; border: none; font-family: helvetica; font-weight: bold; font-size: 12px; line-height: 20px;}
.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0px; color: #fff; text-decoration: none;}
.header-menu a:hover {color:#ddd;}
.header-menu ul, #footer-menu ul {margin: 0px; padding: 0px;}
.header-menu li, #footer-menu li {display: block; padding: 0px;}
/*--------BODY----------*/
.bodyblock {padding: 10px 20px 0px 20px; width: 875px; margin-left: auto; margin-right: auto;}
.bodyheaderblock {display: none;}
.bodynavblock {border-top: 2px solid #ffffff; background-color: #d4ddee; color: #000000; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited {color: #000000;}
.body-title {font-family: ; font-size: 18px; color: #000000; text-align: left; padding-left: 24px;}
.body-midtitle {font-family: ; font-size: 18px; color: #000000; text-align: left; padding-left: 8px;}
/*---------------ENTRIES-------------------*/
.entryHolder {color: #111; background-color: #111; font-family: ; font-size: 12px; border-top: 2px solid #fff; margin: 10px 0px 4px 0px;}
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px;}
.entryUserinfo-usericon img { border: 5px solid #fff; margin-top: -38px; position: absolute; right: 90px;}
.entryUserinfo-username{margin-top: 15px; text-align: right; margin-right: 3px; }
.entryText { padding: 30px; color: #ddd; text-align: justify; background: #111; margin: 20px 0 20px 0;}
.entryHeader {font-size: 23px; text-align:right; text-transform:lowercase; margin-top: 9px;}
.entryHeader a{color: #000000;}
.entryHeaderSubject {font-weight: bold; text-decoration: none; letter-spacing: -2px; }
a.subj-link{color: #000; text-decoration: none; background: #fff; padding: 10px;}
a.subj-link:visited{color: #000;}
.entryHeaderDate{color:#fff; text-align:right; font-family: arial, helvetica, sans-serif; font-weight:bold; font-size: 25px; letter-spacing: -2px; line-height: 85%; margin-left:-65px; position: absolute; text-transform: uppercase; display: block; width: 60px;}
.entryHeaderDate a {color : #000000; text-decoration : none;}
.entryHeaderDate a:hover { color : #000000; text-decoration : none;}
.entryMetadata { padding-left: 6px; color: #999;}
.entryMetadata ul { margin: 0px; padding: 0px; color: #999;}
.entryMetadata li {list-style: none; display: block; padding-right: 10px; color: #999;}
.entryMetadata-label { font-weight: bold; padding-right: 4px; color: #474646;}
.entryMetadata-content{color: #999; }
.entryLinkbar {font-family: helvetica; font-size: 11px; color: #fff; text-align: right; padding: 4px 0px 4px 0px; text-decoration: none;}
.entryLinkbar ul {margin: 0px; padding: 0px; color: #fff; text-decoration: none; }
.entryLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline; color: #fff; text-decoration: none;}
/*-----------FOOTER-----------*/
#footer-menu {font-size: 11px; display: none;}
#footer-menu a, .footer-menu a:visited {color: #000000; white-space: nowrap; padding: 6px; text-align: left;}
/*-------------SIDEBAR------------*/
.sidebar {font-family: ; font-size: 11px; margin-right: 20px; width: 200px; display: none;}
.sidebox {color: #000000; background-color: #fff; margin: 4px 0px 4px 0px;}
.sideboxTitle {background-color: #dddddd; color: #000000; border-top: 2px solid #ffffff; font-family:; font-size: 12px; padding: 4px 0px 4px 8px; text-align:; display: none;}
.sideboxContent {text-align: justify; padding: 10px; background: #fff;}
.sidebox #profile, .sidebox #search {display: none;}
.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; text-align: center;}
.listtitle {font-weight: bold;}
.profile-label {font-weight: bold;}
#freetext{position: absolute; top: 0px; left: 0px; width: 280px; height: 130px; overflow: auto; }
/*---------COMMENT PAGE-----------*/
.commentHolder {color: #000000; background-color: #f8f8f8; border-top: 2px solid #ffffff; font-family: ; font-size: 12px; margin: 4px 0px 4px 0px;}
.commentUserinfo {text-align: center; margin: 0px 8px 8px 0px; background-color: #f8f8f8;}
.commentUserinfo-usericon img { border: 0; }
.commentText {padding: 6px;}
.commentHeader {background-color: #dddddd; color: #000000; font-family: ; font-size: 12px; padding: 4px 0px 4px 8px;}
.commentHeader a{color: #000000;}
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #cccccc; padding: 4px 0px 4px 8px;}
.commentHeaderSubject {font-weight: bold;}
.commentLinkbar {font-family: ; font-size: 11px; color: #000000; text-align: right; padding-top: 4px; padding-bottom: 4px;}
.commentLinkbar ul {margin: 0px; padding: 0px;}
.commentLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform {background-color: #f8f8f8; color: #000000; padding-left: 10px;}
#commenttext{width:100%;}
/*-------------ARCHIVE PAGE-------------*/
.yearlinks{text-align: right;}
.yearlink{padding-left:4px; padding-right: 4px;}
.month {width: 500px; border: 1px solid #dddddd; margin: 8px 8px 8px 40px;}
.daysubjects {color: #000000; padding: 8px 8px 8px 40px;}
.daytitles {text-align: center; border: 1px solid #dddddd; background: #eeeeee; color: #000000;}
.day-blank {border: 1px solid #dddddd;}
.day {border: 1px solid #dddddd;}
.day-date { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #000000; width: 50%; text-align: center;}
.day-count {width: 50%; text-align: center; float: right; font-size: 20px;}
.day-count a {text-decoration: none; color: #000000;}
/*---------------TAGS PAGE--------------*/
.tagstable, .tagstable td {border: 1px solid #dddddd;}
.tagstable {width: 500px;}
/*------------MISC--------------*/
a {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover{}
blockquote{ color: #777; font-family: helvetica; font-size: 11px; border-top: 4px solid #222; border-bottom: 4px solid #222; padding: 10px;}
.b-repost-item {display:none}
/*------------TINY ICONS-------------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i34.tinypic.com/dm8uwk.gif) no-repeat !important; padding: 13px 3px 0 10px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/wu40ac.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i33.tinypic.com/24188zd.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background-image:url("http://i36.tinypic.com/jqrwxe.gif") !important; background-repeat:no-repeat !important; height:0; padding:12px 11px 0 0 !important; width:0;}
Additional Customization
In order to get the date like it is in the preview, you must go tothe entry text section, and for the Format for Date and Time (Recent/Friends/Entry/Reply page) change it to this
%%mon%% %%dd%% %%yy%%
For more on how to customize the date, view this guide
Credits
tiny icons by brand spanking new
Questions
FAQ | HOW TO CREDIT
Notes
I have recently changed my policy on layout editing help, so please read the FAQ before asking a question, and any general questions about this layout can be redirected to the original post, otherwise follow directions in the FAQ about how to ask questions regarding layouts. Please DO NOT PM me!
like what you see?
watch | more layouts
Inspired by daemon's A Preferential Alternative layout.
XXV; A FAMILY AFFAIR
LIVE PREVIEWS
a family affair
style
S2; Smooth Sailing (I know its been ages since I've made a smooth sailing layout)
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
best in 1280x1024
disabled features subtitle, sidebar, custom userheads, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: A Family Affair
STYLE: S2 | Smooth Sailing
CREDIT: apologize @ jealouss
TINY ICONS: brand spanking new
-------------------------------------------*/
/*------------PAGE---------------*/
body {font-family: arial, sans-serif; font-size: 12px; margin: 0px; background: #050505 url(); color: #000000;}
.pageblock{width:100%; margin: 0 auto;}
.pagefooterblock {display: none;}
.pagefooterblock a, .pagefooterblock a:visited {color: #000000;}
/*-------------HEADER------------*/
.pageheaderblock {background: #fff;}
.header-title {background-color: transparent!important; text-align: center; font-family: arial black; font-size: 75px; text-transform: uppercase; letter-spacing: -6px; color: #050505; padding-top: 230px; margin-bottom:-25px; text-shadow: 2px -1px 0px #999}
.header-subtitle {background-color: #191919; color: #191919; font-family: arial; font-size: 0px;}
.header-icon {display: none;}
.header-menu {position: absolute; top: 315px; left: 0px; text-align: left; text-transform: lowercase; padding: 0px; background-color: transparent!important; border: none; font-family: helvetica; font-weight: bold; font-size: 12px; line-height: 20px;}
.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0px; color: #fff; text-decoration: none;}
.header-menu a:hover {color:#ddd;}
.header-menu ul, #footer-menu ul {margin: 0px; padding: 0px;}
.header-menu li, #footer-menu li {display: block; padding: 0px;}
/*--------BODY----------*/
.bodyblock {padding: 10px 20px 0px 20px; width: 875px; margin-left: auto; margin-right: auto;}
.bodyheaderblock {display: none;}
.bodynavblock {border-top: 2px solid #ffffff; background-color: #d4ddee; color: #000000; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited {color: #000000;}
.body-title {font-family: ; font-size: 18px; color: #000000; text-align: left; padding-left: 24px;}
.body-midtitle {font-family: ; font-size: 18px; color: #000000; text-align: left; padding-left: 8px;}
/*---------------ENTRIES-------------------*/
.entryHolder {color: #111; background-color: #111; font-family: ; font-size: 12px; border-top: 2px solid #fff; margin: 10px 0px 4px 0px;}
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px;}
.entryUserinfo-usericon img { border: 5px solid #fff; margin-top: -38px; position: absolute; right: 90px;}
.entryUserinfo-username{margin-top: 15px; text-align: right; margin-right: 3px; }
.entryText { padding: 30px; color: #ddd; text-align: justify; background: #111; margin: 20px 0 20px 0;}
.entryHeader {font-size: 23px; text-align:right; text-transform:lowercase; margin-top: 9px;}
.entryHeader a{color: #000000;}
.entryHeaderSubject {font-weight: bold; text-decoration: none; letter-spacing: -2px; }
a.subj-link{color: #000; text-decoration: none; background: #fff; padding: 10px;}
a.subj-link:visited{color: #000;}
.entryHeaderDate{color:#fff; text-align:right; font-family: arial, helvetica, sans-serif; font-weight:bold; font-size: 25px; letter-spacing: -2px; line-height: 85%; margin-left:-65px; position: absolute; text-transform: uppercase; display: block; width: 60px;}
.entryHeaderDate a {color : #000000; text-decoration : none;}
.entryHeaderDate a:hover { color : #000000; text-decoration : none;}
.entryMetadata { padding-left: 6px; color: #999;}
.entryMetadata ul { margin: 0px; padding: 0px; color: #999;}
.entryMetadata li {list-style: none; display: block; padding-right: 10px; color: #999;}
.entryMetadata-label { font-weight: bold; padding-right: 4px; color: #474646;}
.entryMetadata-content{color: #999; }
.entryLinkbar {font-family: helvetica; font-size: 11px; color: #fff; text-align: right; padding: 4px 0px 4px 0px; text-decoration: none;}
.entryLinkbar ul {margin: 0px; padding: 0px; color: #fff; text-decoration: none; }
.entryLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline; color: #fff; text-decoration: none;}
/*-----------FOOTER-----------*/
#footer-menu {font-size: 11px; display: none;}
#footer-menu a, .footer-menu a:visited {color: #000000; white-space: nowrap; padding: 6px; text-align: left;}
/*-------------SIDEBAR------------*/
.sidebar {font-family: ; font-size: 11px; margin-right: 20px; width: 200px; display: none;}
.sidebox {color: #000000; background-color: #fff; margin: 4px 0px 4px 0px;}
.sideboxTitle {background-color: #dddddd; color: #000000; border-top: 2px solid #ffffff; font-family:; font-size: 12px; padding: 4px 0px 4px 8px; text-align:; display: none;}
.sideboxContent {text-align: justify; padding: 10px; background: #fff;}
.sidebox #profile, .sidebox #search {display: none;}
.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; text-align: center;}
.listtitle {font-weight: bold;}
.profile-label {font-weight: bold;}
#freetext{position: absolute; top: 0px; left: 0px; width: 280px; height: 130px; overflow: auto; }
/*---------COMMENT PAGE-----------*/
.commentHolder {color: #000000; background-color: #f8f8f8; border-top: 2px solid #ffffff; font-family: ; font-size: 12px; margin: 4px 0px 4px 0px;}
.commentUserinfo {text-align: center; margin: 0px 8px 8px 0px; background-color: #f8f8f8;}
.commentUserinfo-usericon img { border: 0; }
.commentText {padding: 6px;}
.commentHeader {background-color: #dddddd; color: #000000; font-family: ; font-size: 12px; padding: 4px 0px 4px 8px;}
.commentHeader a{color: #000000;}
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #cccccc; padding: 4px 0px 4px 8px;}
.commentHeaderSubject {font-weight: bold;}
.commentLinkbar {font-family: ; font-size: 11px; color: #000000; text-align: right; padding-top: 4px; padding-bottom: 4px;}
.commentLinkbar ul {margin: 0px; padding: 0px;}
.commentLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform {background-color: #f8f8f8; color: #000000; padding-left: 10px;}
#commenttext{width:100%;}
/*-------------ARCHIVE PAGE-------------*/
.yearlinks{text-align: right;}
.yearlink{padding-left:4px; padding-right: 4px;}
.month {width: 500px; border: 1px solid #dddddd; margin: 8px 8px 8px 40px;}
.daysubjects {color: #000000; padding: 8px 8px 8px 40px;}
.daytitles {text-align: center; border: 1px solid #dddddd; background: #eeeeee; color: #000000;}
.day-blank {border: 1px solid #dddddd;}
.day {border: 1px solid #dddddd;}
.day-date { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #000000; width: 50%; text-align: center;}
.day-count {width: 50%; text-align: center; float: right; font-size: 20px;}
.day-count a {text-decoration: none; color: #000000;}
/*---------------TAGS PAGE--------------*/
.tagstable, .tagstable td {border: 1px solid #dddddd;}
.tagstable {width: 500px;}
/*------------MISC--------------*/
a {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover{}
blockquote{ color: #777; font-family: helvetica; font-size: 11px; border-top: 4px solid #222; border-bottom: 4px solid #222; padding: 10px;}
.b-repost-item {display:none}
/*------------TINY ICONS-------------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i34.tinypic.com/dm8uwk.gif) no-repeat !important; padding: 13px 3px 0 10px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/wu40ac.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i33.tinypic.com/24188zd.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background-image:url("http://i36.tinypic.com/jqrwxe.gif") !important; background-repeat:no-repeat !important; height:0; padding:12px 11px 0 0 !important; width:0;}
Additional Customization
In order to get the date like it is in the preview, you must go tothe entry text section, and for the Format for Date and Time (Recent/Friends/Entry/Reply page) change it to this
%%mon%% %%dd%% %%yy%%
For more on how to customize the date, view this guide
Credits
tiny icons by brand spanking new
Questions
FAQ | HOW TO CREDIT
Notes
I have recently changed my policy on layout editing help, so please read the FAQ before asking a question, and any general questions about this layout can be redirected to the original post, otherwise follow directions in the FAQ about how to ask questions regarding layouts. Please DO NOT PM me!
like what you see?
watch | more layouts