lj css overrides
I created some code overrides for xmen_firstkink that I've cleaned up and publicly posted here. It is the same set of overrides used on this layout and at xmen_firstkink, and will only work on paid, plus, or permanent accounts.
I attempted to document most of the code by function, but as I tend to code off-the-cuff there may be some inexplicable bits of code. Trying to explain all of it would take me longer than it took to write/modify, and RL has been relentlessly busy these days; I can't troubleshoot unless it's something I'm already working on trying to debug. Sorry!
Please feel free to link this page around. Anyone is free to use this layout. There are other users working at fail_fandomanon to modify LJ's code for usability purposes as well. I'll update this page with any more fixes I can come up with. Good luck!
How to install:
1. Choose Minimalism: Georgia for your S2 style and choose "customize."
2. Paste the code below into the Custom CSS field.
3. Make sure customized comment pages are enabled.
4. If you are on a community, you can create a sticky post by choosing the "text" option from the menu on the left.
5. I recommend changing your navigation strip to "light."
/* ---------------------------------------- */
/* code by firstkinkmod @ LJ */
/* last updated 2011/12/22 */
/* firstkinkmod.livejournal.com/2194.html */
/* ---------------------------------------- */
/* turns screened comments back to grey */
.comment-wrap.screened .comment-head,
.comment-wrap.screened .comment-head.odd,
.comment-wrap.screened .comment-head.even {
background-color: #ccc;
}
/* this section gets rid of the sidebar */
.sidebar-inner {
display:none;width:auto
}
.content {
float:left;
width:100%;
margin-right:-100%;
}
.content-inner {
position:relative;
margin-right:50px;
margin-left:30px;
overflow:hidden;
}
.column-right .content-inner {
margin-right:50px;
margin-left:30px;
}
.column-left .content-inner {
margin-right:15px;
margin-left:50px;
}
.content .entry {
position:relative;
width:100%;
margin:3.5em 0 0;
}
.header {
clear: both;
padding-top: 22px;
padding-right: 16px;
padding-bottom: 0px;
padding-left: 50px;
}
.column-right .hr-afterhead {
margin-right: 50px;
}
.header .hr {
margin-right: 50px;
}
/* changes the default font to verdana */
body, .content .entry .entry-text,
.entry-date, .content .entry .entry-text .author * {
font-family: verdana
}
/*changes comment subject titles to arial */
.comment-head h3 {
font-family: arial;
font-size: 1.4em;
font-weight: bold;
}
/* changes links to blue */
a, a:link, a:active,
.ljuser a, .ljuser a:link, .ljuser a:link b {
color: #00C !important;
text-decoration:underline;
border-bottom:0px;
}
/* changes visited links to purple */
a:visited, .ljuser a:visited, .ljuser a:visited b {
color: #330066 !important
}
strong, b {
font-weight: bolder;
}
body {
color: #000
}
a.comment-permalink {
color:#000 !important
}
.comments-links {
font-weight:bold
}
h2 {
font-size: 24px !important;
font-style: none;
}
dd.entrymenu,
#page .layout .layout-inner .entrymenu .btn span {
font-style:normal; font-weight:bold
}
/* most of this code is c&p'd from the georgia source */
/* changes: omits bubble next to comments */
#page .entrymenu .btn-comments {
font-size:2.5em;
padding-left: 0px;
border: 0;
margin: 0 0 0 -3px;
padding-top:10px;
font-weight: bold;
color: #00c;
background: none;
background-image: none;
border-image: initial;
}
/* changes entry subjects to arial */
a.subj-link, dt.entry-title,
.content .entry .entry-title {
font-size: 18px;
font-weight:bold;
font-family:arial
}
.header .nav-sub {
float: right;
padding: 4px 0 19px;
margin-right:50px
}
/* makes page scaleable */
HTML, #page {
min-width:0px;
}
/* does not show userpic in nav header */
.header .userpic, .header .userpic img {
display:none
}
.header .item {
display: inline; padding-right: 20px; }
Known bugs:
1. and properties are being overridden by the Minimalism base CSS.
2. Extra white space at the right side of the layout when horizontally resized.
3. Cannot change size of comment count link on main page without vertical alignment problems.
4. Cannot display "# comments" on recent page without style layers.
5. Cannot organize comment page count into a small-width table without affecting commentreply boxes. SOLVED
6. Comments without subject lines align to top; comments with subject lines align to bottom.
If you have any solutions for these, please let me know.
Minimalism: Georgia -- base CSS