(38): romantique
Live || Preview
This is the layout I used at this comm for a few months; since I've made a new simpler one for the comm, I figured I'd post this up for you guys!
STYLESHEET OVERVIEWS2 STYLESMOOTH SAILING ► ROMANTIQUEBROWSERMozilla Firefox, Safari (1024x768+)ACCOUNT TYPESBasic, Plus, PaidDISABLEDSidebar summaries & calendar, title, subtitle.ADD-ONSContextual pop-up, tiny icons, custom comment pagesNAVIGATION STRIPCompatible & coded!
INSTALLATION INSTRUCTIONSCODES
/* ------ S2 SMOOTH SAILING: ROMANTIQUE ----------
- STYLESHEET AVAILABLE (@) UNEQUALLY.LIVEJOURNAL.COM -
--------- ( PLEASE DO NOT REDISTRIBUTE) -------------- */
/* -------------------------------------------
------------------- BODY ---------------------
---------------------------------------------- */
body {
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/bgw.png') scroll;
font-size: 8pt;
margin: 0;
color: #333333;
font-family: "arial", sans-serif;
}
a, a:visited {
text-decoration: none;
color: #444444;
}
a:hover {color: #5F5841; }
b, u {color:#048688;} i, em {color:#55a3a4;}
blockquote {
padding:15px;
border: 3px double #eee;
color:#999;
}
code {
font-family: "courier new";
display:block;
padding:5px;
color:#777;
border:3px double #e8f0fa;
font-size: 9pt;
}
input, textarea, select {
font-family: "arial", sans-serif;
font-size: 11px;
color: #888; background:#f0f9fb;
line-height: 150%;
padding: 2px;
border:1px solid #cce8ef;
}
/* -------------------------------------------
------------------- PAGE ---------------------
---------------------------------------------- */
.bodyblock {padding: 0px 0px 80px 0px;
margin: auto auto auto auto;
}
.body-title, .body-midtitle { display:none; }
.bodyheaderblock { border: 0px;
color: #888888;
padding: 0px; margin: auto;
}
.bodynavblock {
color: #777777;
margin: 0px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #444;
}
.pageblock{ width: 95%; }
/* -------------------------------------------
------------------- HEADER -------------------
---------------------------------------------- */
.pageheaderblock {
text-align: right;
padding: 5px;
margin: 0px -48px 20px 240px;
}
.pageblock{
margin:0;
}
.header-title, .header-subtitle, .header-icon { display:none;}
.header-menu {
padding: 0px 0px 10px 0px;
line-height: 20px;
text-transform: lowercase;
}
.header-menu a, .header-menu a:visited {
text-align: right;
padding: 0px 15px 10px 10px;
padding-bottom: 3px;
margin-right:-8px;
color: #aaa;
letter-spacing: .5pt;
font-family: "franklin gothic medium";
font-size: 7pt;
text-transform: lowercase;
}
.header-menu a:hover {
color: #00998c;
text-decoration: bold;
}
.header-menu ul { margin: 0px; padding: 0px; }
.header-menu li { display: inline; border-right: 3px double #cfcfcf;}
.header-menu li:hover {border-right: 3px double #ddd;}
/* -------------------------------------------
----------------- FOOTER ---------------------
---------------------------------------------- */
#footer-menu { text-align: right;
font-size: 11px;
padding: 25px 5px 0px 5px;}
#footer-menu a, .footer-menu a:visited {
text-align: center; margin: 5px;
color:#fff; -moz-border-radius:5px;
background:#ccc; border-bottom: 1px solid #aaa;
padding: 5px;
}
#footer-menu a:hover {color:#888; background:#c1c1c1; border-bottom:1px solid #a1a1a1;}
.pagefooterblock {
display:none;
}
.pagefooterblock a, .pagefooterblock a:visited { color: #888; }
#footer-menu li { display: inline; }
#footer-menu ul { margin: 0px; padding: 0px; }
/* -------------------------------------------
------------------- ENTRY --------------------
---------------------------------------------- */
.entryHolder {
line-height: 1.75; background: #fff;
margin: 0px 0px 40px 240px;
-moz-opacity:0.85;
}
.entryUserinfo {
text-align: center;
margin: 0px;
float: right;
}
.entryUserinfo-usericon img {
-moz-border-radius:5px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/bgw.png');
padding:15px;
margin: 0px 0px 20px 20px;
border:0px;
}
.entryText { padding: 35px 20px 30px 20px; min-height: 30px; background: #fff; }
/* ---------------- SUBJECT ------------------ */
.entryHeader {
color: #eee;
font-family: "georgia", sans-serif;
text-decoration: none;
text-align: right; padding-right: 0px;
font-size:0px; margin-bottom: -14px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/bgw.png');
letter-spacing: -.5pt;
}
.entryHeader a{ color:#048489; }
.entryHeaderSubject {font-size: 12pt; color: #ffebc2; text-transform: lowercase;}
.entryHeaderSubject a {font-size: 22pt; font-style: italic;}
/* ----------------- DATE -------------------- */
.entryHeaderDate {
text-transform: lowercase;
color:#888; float: left;
padding-top: 25px;
font-size:13pt !important;
font-family: "courier";
line-height:1px;
padding-left: 10px;
}
.entryHeaderDate a {color: #ccc; text-decoration : none;}
.entryHeaderDate a:hover { color: #dddddd; text-decoration :underline; }
/* ---------------- METADATA ------------------ */
.entryMetadata {
padding: 15px 15px 15px 55px;
font-family: "lucida sans unicode";
color: #044b4c;
}
.entryMetadata ul {
margin: 0px;
padding: 0px; }
.entryMetadata li {
list-style: none;
font-size: 7pt;
}
.entryMetadata img {display:none;}
.entryMetadata-label {font-weight: bold; padding-right: 3px; }
.entryMetadata a:hover {color:#67c4c5;}
/* -------------- COMMENT LINKS ---------------- */
.entryLinkbar {
border-top:1px solid #e1e1e1;
font-family: "franklin gothic medium", sans-serif;
text-transform: lowercase;
letter-spacing: .2pt;
font-size: 8pt;
text-align: right;
padding: 0px;
}
.entryLinkbar ul {
margin: 0px 0;
padding: 3px; border-bottom: 1px solid #e1e1e1;
}
.entryLinkbar {margin-top: 20px; background:#f3f3f3; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.entryLinkbar li {
padding: 5px 15px;
margin: 0px;
border-left: 1px solid #e1e1e1;
display: inline;
}
.entryLinkbar li:hover {
background:#fafafa;
padding: 5px 15px;
}
.entryLinkbar a {color:#5f9798;}
.entryLinkbar a:hover {color:#12c1c3;}
/* -------------------------------------------
------------------ SIDEBAR -------------------
---------------------------------------------- */
.sidebar {
position: fixed;
font-size: 7.5pt;
font-family: "franklin gothic medium", sans-serif;
z-index: 100;
color: #666;
bottom: 0px;
float: right;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/bgwood.png');
min-height: 100%;
width: 215px;
}
img.profile-userpic {
float: left;
width: 80px;
height: 80px;
background:#333; padding:10px;
margin: 15px 15px 4px 10px;
-moz-opacity:0.85;
}
img.profile-userpic:hover {-moz-opacity:0.99; }
.sideboxTitle { display:none; }
.sideboxContent {
text-align: justify;
padding: 0px;
}
.sidebox #summary, .sidebox #search, .sidebox #latestmonth {
display:none;
}
.sidebox #tags_sidebox { margin-top: 20px;padding: 5px; font-size: 1pt; line-height: 17px;}
.sidebox #tags_sidebox a {
color:#888;
font-size: 7.5pt;
margin: 5px;
padding: 2px;
background:#111;
border-bottom: 1px solid #0a0a0a;
-moz-opacity:0.59;
}
.sidebox #tags_sidebox a:hover {-moz-opacity:0.99;}
.sidebox #systemlinks { padding: 0; width: 100%; }
.listitem {
padding: 5px; margin: 0px 0px 1px 0px;
font-size: 7pt; background:#111; -moz-opacity:0.29; border-bottom: 1px solid #000;
font-family: "georgia", sans-serif;
text-align: justify;
}
.listitem a {color:#fff;}
.listitem a:hover {color:#aee4fb;}
.listitem:hover {background:#358189; border-bottom: 1px solid #234150; -moz-opacity:0.69;}
.listtitle {padding: 5px 15px 7px 2px; text-align: right; color:#666;}
.listtitle:hover {cursor: help; }
.sideboxContent input#SearchTerm, select#SearchType, input { border:1px solid #d9cfad; }
.sidebox #freetext {
text-align: left;
line-height: 170%;
padding: 10px;}
.sideboxContent#freetext2 {
line-height: 170%;
padding: 10px;
}
.sidebox img {border:0px;}
.sidebox td {
font-family: "georgia";
padding-bottom: 5px;
color:#3F3B2B;
letter-spacing: -.4pt;
}
.sidebox #latestmonth table{
text-align: center;
padding: 5px;
margin-left: auto;
margin-right: auto;
}
.latestmonth-inactive { background: #FFF8DF; font-size: 7pt; color:#888; padding: 2px; margin: 2px;}
.latestmonth-active {background: #CFC39B; margin:1px; font-size: 7pt; padding: 1px;}
.listtitle {font-weight: bold; }
.profile-label, .profile-content { display:none; }
/* -------------------------------------------
----------------- TAGS PG --------------------
---------------------------------------------- */
.tagstable { width: 100%; font-family: "georgia"; }
.tagstable, .tagstable td { border: 1px solid #E0EFED; margin: 1px; }
/* -------------------------------------------
----------------- ARCHIVES -------------------
---------------------------------------------- */
.yearlinks{ text-align: center; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center;
margin-right: auto;
margin-left:auto;
width: 55%; }
.daysubjects { color: #888888; padding: 8px 8px 8px 40px; }
.daytitles { text-align: center;
text-transform: lowercase;
text-decoration: bold;
padding:20px;
color:#009F8D;
font-family: "georgia";
font-size: 15pt;
}
.day-blank, .day { }
.day-count { text-align: right; font-size: 1.5em; }
.day-count a { text-decoration: none; color: #009F8D; }
/* -------------------------------------------
------ CUSTOM COMMENT PGS (PAID ONLY) --------
---------------------------------------------- */
.ljcmt_full {background:#fff; width: 80%; PADDING-left: 200px;}
.commentUserinfo {
text-align: center;
margin: 0px 8px 0px 0px;
}
.commentUserinfo-usericon img {
margin-left: 10px;
border:0px;
padding: 8px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/bgw.png');
}
.commentHolder {
padding: 0px;
margin: 15px 10px;
}
.commentText {
text-align: justify;
padding: 10px;
}
.commentHeader {
color: #000;
font-weight: bold;
text-transform: lowercase;
font-family: "ARIAL";
font-size: 15pt;
padding: 8px;
}
.commentHeaderScreened {
font-family: "ARIAL";
font-size: 15pt;
font-weight: bold;
background-color: #fff;
padding: 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
text-align: right;
font-size: 7.5pt;
padding: 6px;
}
.commentLinkbar ul {
margin: 0px;
padding: 5px;
}
.commentLinkbar li {
padding: 10px 15px;
margin: 0px;
letter-spacing: .3pt;
display: inline;
font-family: "arial", serif;
text-transform: uppercase;
}
.commentLinkbar li:hover {
color:#aaa;
}
.commentLinkbar a:hover {color:#aaa;}
.replyform {
padding-left: 10px;
margin: auto;
}
.commentUserinfo-username {padding: 5px;}
/* -------------------------------------------
---------- CONTEXTUAL POP-UPS ----------------
---------------------------------------------- */
div.ContextualPopup div.Inner {
background:transparent!important;
color: #084162 !important;
border:none;
padding:10px;
width: 245px;
font-family:"franklin gothic medium", sans-serif;
font-size: 8pt;
}
div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
background-color: #eaf6f6;
border:1px solid #ccdfdf;
}
div.ContextualPopup .Userpic {
padding:10px;
margin:0px;
background-color: #eaf6f6;
border:1px solid #ccdfdf;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #798686 !important;
text-transform: uppercase;
font-family: "arial"
font-size: 8pt;}
div.ContextualPopup div.Inner a:hover {
text-decoration: none !important;
font-weight: normal;
color: #666 !important;
}
div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 3px double #c5d8d8;
margin-bottom:4px;
padding-bottom:4px;
font-size: 17pt;
font-family: "georgia";
}
/* -------------------------------------------
-------------- LJ TINY ICONS -----------------
---------------------------------------------- */
.ljuser img {
width: 0;
height: 0;
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/34tcykp.png') no-repeat center left;
padding: 17px 16px 0 2px !important;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/person.gif') no-repeat center left;
padding: 20px 10px 0 2px !important;
}
.ljuser img[src*="community.gif"] {
background-color:transparent;
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/home.gif');
padding: 20px 10px 0 2px !important;
}
img[src*="syndicated.gif"] {
background-color:transparent;
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/arrow_circle_315.png');
padding: 17px 16px 0 2px !important;
background-position: center left;
background-repeat: no-repeat;
width: 0px;
height: 0px;
}
img[src*="newsinfo.gif"] {
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/plug_arrow.png') no-repeat;
padding: 17px 16px 0 2px !important;
background-repeat: no-repeat;
width: 0px;
height: 0px;
}
img[src*="anonymous.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/question_frame.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src*="openid-profile.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/book_key.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/delete.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src*="help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i38.tinypic.com/vovi8j.png) no-repeat scroll 50% 50%;
}
img[src*="pencil.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/pencil_plus.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 18px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png') no-repeat;
}
img[src*="icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 18px;
background: url('http://i39.tinypic.com/mrrblj.png') no-repeat;
}
img[src*="icon_groups.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png');
}
/* -------------------------------------------
------------------- CONTROL STRIP ------------
---------------------------------------------- */
#lj_controlstrip {
background:transparent; padding-left: 250px;}
#lj_controlstrip_statustext, #lj_controlstrip a {
color:#aaa; font-size: 7.5pt; font-family: "franklin gothic medium"; text-decoration:none;
}
#lj_controlstrip a:hover {text-decoration:none; color:#888;}
#lj_controlstrip_search {display:none;}
#lj_controlstrip_actionlinks,
#lj_controlstrip_login, #lj_controlstrip_login td, #lj_controlstrip td td {
border:none !important;
}
#lj_controlstrip input {
background:#fafafa !important;
color:#777 !important; font-family: "courier new"; }
#lj_controlstrip_search_input_text, #lj_controlstrip select,
#lj_controlstrip_search_submit, input#Logout, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password,
#lj_controlstrip input#xc_remember {
background:#fafafa !important;
color:#777 !important; border: 1px solid #eee; font-family: "courier new";
}
#lj_controlstrip_user, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_userpic {display:none;}
#lj_controlstrip .ljuser a b {
color:#00b3b5; font-family: georgia;
text-decoration:none !important;
}
/* -------------------------------------------
------------------- MISC ---------------------
---------------------------------------------- */
html body {}
::-moz-selection
{
background: #222;
color: #fafafa;
}
S2 STYLECUSTOMIZE ► SMOOTH SAILINGDISPLAY
- Wrap Entry text under userinfo? Yes
- MetaData Position? Below Entry Text
- Disabled: The calendar and the summary. Since the sidebar is fixed (meaning it will not move while the page moves), the space is limited on the sidebar. Too much freetext or tags will push other elements out of the way! Please take this into consideration when using the layout. :)
- Set all drop-down menus on the custom css page to NO
!important - Copy & paste the CSS codes into 'Custom stylesheet'
- Hit 'save changes' & you're done!
( icons → acony_icons & gyaku & lazygraphics & lucific! )CREDITPlease credit unequally and/or introject!QUESTIONS?Hopefully this layout comes through without too many errors since I've been using it at the unequally comm for quite some time, haha. However, if you do find any, please do tell me and I will try to right it! :)