ScotchBonnet - InsaneJournal and LiveJournal S2 CSS


	ScotchBonnet Scotchsour's Place for Layouts, Codes, Icons, Mood Themes... Recent Entries Archive Friends Entries User Info Memories scotchbonnet

	Profile
	Profile

User:

scotchbonnet

Name: scotchbonnet

	Latest Layout
	Latest Layout

Pink and Grey .05

Tomato .04

Blue Shoes .03

Coffee Template .02

Press for Coffee Template Layout(Not Available Yet)

Baroque .01

	Latest Month
	Latest Month

May 2011
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

	Links
	Links

basics

update

instructions for layouts

instructions for mood themes

resources

	Page Summary
	Page Summary

· InsaneJournal and LiveJournal S2 CSS - Part 2

	Search
	Search

	Tags
	Tags

colors
- s2smoothsailing [1]
efiction
- modification [3]
friends only [4]
graphics [4]
icons
- actors [1]
- anime [1]
- body [1]
- dc [3]
- due south [3]
- movies [1]
journal update [1]
journals
- code [3]
- css [3]
- tutorials [4]
layout
- banners [1]
- s2deardiary [3]
- s2flexiblesquares [1]
- s2tranquilityii [1]
layouts [6]
misc
- brushes [1]
- firefox [1]
- images [8]
- photos [1]
mood theme
- instructions [1]
- ray vecchio [1]
- tutorial [1]
personal update [2]
previews [1]
profile card
- blue shoes [1]
- stackable [1]
question [3]
resources [2]
thematic [3]

InsaneJournal and LiveJournal S2 CSS - Part 2

	9th-Nov-2010 05:55 pm
	9th-Nov-2010 05:55 pm


	scotchsour

Quite Lickable

/* Cleaned CSS: */

.entry {
margin-bottom: 2em;
/*clear: both;*/
}

.entry .entryheader {
font-weight: bold;
text-align: left;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: right;
margin-top: 2em;
clear: right;
display: block;
padding: 3px;

display: none;
}
.page_friends .entryheader .entryuserpic {
display: block;

}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}
.entryheader .entryposter:after {
content: ": ";
}
.entryposter img, .collapsed_entry img {
height: 12px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpre, .entrylinkbarpost {
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
float: right;
}

.entry .entrycontent {
margin: 8px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}
.entrymeta .entrymetacaption {
font-weight: bold;
}
.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: right;
}
.entryfooter .entrycmdlinks:before {
content: "(";
}
.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}
* html .entrycmdlinks li {
margin-left: 1em;
}
.entrycmdlinks li:before {
content: " - ";
}
.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
    list-style: none;
    padding: 0;
    margin-left: 50px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}
.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendarday {
width: 14%;
}
.itemrange {
    list-style: none;
    padding: 0;
    margin: 0.5em;
    text-align: center;
}
.itemrange li {
    display: inline;
    margin: 0 0.25em;
}
.itemrange li a:before, .itemrange li.current:before {
    content: "[";
}
.itemrange li a:after, .itemrange li.current:after {
    content: "]";
}

body {
    background: #0183fd url("http://www.insanejournal.com/palimg/solid.png/pt0183fd");
    background-repeat: repeat-y;
    background-position: center;
    color: #000000;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    width: 100%;
    height: 100%;
}
body, td, table, th, tr {
    font-size: 10px;
}

#shadowhack1 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 816px;
    background-image: url(http://www.insanejournal.com/palimg/lickable/shadow-l.png/pt0183fd);
    background-position: top left;
    background-repeat: repeat-y;
    min-height: 150%;
}

#shadowhack2 {
    margin: 0;
    background-image: url(http://www.insanejournal.com/palimg/lickable/shadow-r.png/pt0183fd);
    background-position: top right;
    background-repeat: repeat-y;
    min-height: 100%;
}

#pagecontainer {
    background-color: #e3f1ff;

color: #000000;
    margin-left: 32px;
    margin-right: 32px;

border-left: 1px solid #000000;
    border-right: 1px solid #000000;

}

a:link {
    color: #0183fd;
}
a:visited {
    color: #0063c0;
}

#title {
    color: #ffffff;
    background-color: #0063c0;

border-bottom: 4px solid #000000;

font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    overflow: hidden;
}
#title h1 {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding-top: 20px;
    padding-left: 8px;
    white-space: no-wrap;
}
#title #journal_subtitle {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-left: 8px;
    white-space: no-wrap;
    margin-bottom: 5px;
}

#title {
    color: #ffffff;
    background-color: #0063c0;
    background-image: url(http://www.insanejournal.com/palimg/deardiary/titleimages/wires.png/pt0063c0faf49a);
    background-repeat: no-repeat;
    background-position: top right;
    height: 75px;
}

#paraphernalia {
    float: right;
    width: 230px;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
}
#paraphernalia h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
    clear: both;
}
#journalinfouserpic {

text-align: center;

}
.pboxcontent {
    margin-left: 8px;
    margin-right: 8px;
}
.pbox dt {
    font-weight: normal;
    margin-top: 4px;
}
.pbox dd {
    padding: 0;
    margin-left: 24px;
}
.pbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pbox ul ul {
    margin-left: 24px;
}
.pbox li {
    margin: 0;
    padding: 0;
}
.pbox li.current {
    font-weight: bold;
}
.pbox p {
    margin: 8px 0;
}

#main {
    margin: 0;
    min-height: 1024px;
    padding: 0 10px 0 0;
    width: 495px;
    float: left;
}
* html #main {
    height: 1024px; /* IE-only hack */
}

.day h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    margin: 10px;
}

.entry {
    margin: 16px 16px 16px 10px;
}
.entryheader {
    font-size: 12px;
}
.entryheader .entrytimestampdate {
    display: none;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: inline;
}

.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}
.comments .entry .entryheader {
    background: #bbddff;
}

.calendarmonth {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-bottom: 2em;
}
.calendarmonth td, .calendarmonth th {
    padding: 0.5em;
    margin: 0;
}
.calendarmonthlink {
    text-align: center;
}
.calendarmonthheader h2 {
    font-size: 12px;
    margin: 0;
}

.page_month #main form, .page_month #main dl {
    margin: 8px;
}

#server_sig {
    font-size: 0.75em;
    text-align: center;
    clear: both;
    width: 495px;
}

div.ljtags { display: inline; }

input, textarea {
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
}

.journallinkbar {
    text-align: center;
}

Refried Paper

/* Cleaned CSS: */

body {
  background: #ffffff none;
  color:      #666666;
  margin:     0;
  padding:    0;
}

a {
  text-decoration: none;
}

a:link {
  color:           #cc6633;
}

a:visited {
  color:           #cc6633;
}

a:active {
  color: #ff9966;
}

a:hover {
  color: #ff9966;
}

#content {
  background-color: #ffffff;
  color: #666666;
}

.entry {
  border:  hidden #000000;
}

td.body {
  padding: 20px;
}

td.title {
  color:          #666666;
  font-size:      16px;
  font-weight:    700;
  letter-spacing: .1em;
  padding:        20px;
font-family: "Verdana", "sans-serif";
}

td.links {
  font-size:   10px;
  line-height: 16px;
  padding:     8px;
font-family: "Verdana", "sans-serif";
}

.descrip {
  color:          #999966;
  font-size:      10px;
  font-weight:    700;
  letter-spacing: .2em;
  padding:        5px;
  text-transform: uppercase;
font-family: "Verdana", "sans-serif";
}

.date, .dateheader, .datecontent {
  color:       #336699;
  font-size:   12px;
  line-height: 16px;
font-family: "Georgia", "serif";
}

.dateheader {
  font-weight: bold;
}

.subhead {
  color:          #333333;
  font-size:      11px;
  font-weight:    700;
  letter-spacing: .1em;
  padding:        8px;
font-family: "Verdana", "sans-serif";
}

br, hr, li, ol, p, table, td, tr, ul {
  color:       #666666;
  font-size:   12px;
  line-height: 18px;
  text-align:  justify;
font-family: "Georgia", "serif";
}

p.links {
  color:       #666666;
  font-size:   10px;
  line-height: 12px;
font-family: "Verdana", "sans-serif";
}

.author, .time {
  color:          #336699;
  font-size:      10px;
  line-height:    16px;
  text-transform: uppercase;
font-family: "Verdana", "sans-serif";
}

#commenttext {
  width: 90%;
}

Tabular Indent

/* Tabular Indent Stylesheet */
body {
    
    background-color:  #ffffff;
}
.captionbar {
    width:             100%;
    border:            1px solid #000000;
}
.captionbar, .captionbar td {
    background-color:  #ffffff;
    color:             #000000;
}
.captionbar-userpicbox {
    border-right:      1px solid #000000;
    background-color:  #c0c0ff;
    color:             #000000;
}
body,td,p {
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
}
a {
    color:             #000050;
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
    text-decoration:   none;
}
a:visited {
    color:             #500050;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-size:         8pt;
    text-decoration:   none; 
}
a:active {
    color:             #ff00c0;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-size:         8pt;
    text-decoration:   none;
}
a:hover {
    color:             #ff00c0;
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
    text-decoration:   underline;
}
h3.page-header {
    font-size:         8pt;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-weight:       normal;
    background-color:  #6666cc;
    color:             #ffffff;
    padding: 6px;
    border:            1px solid #000000;
}

Unearthed

/* Cleaned CSS: */

body {
    font-size: 1em;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;

font-family: "Georgia", serif;

}
#Content {
    background-color: #ffffff;
    width: 90%;
    padding: 0;

margin-right: 5%;
    margin-left: 5%

}
#Title {
    color: #ffffff;
    background-color: #336699;

background-image: url("http://www.insanejournal.com/palimg/textures/marble.png/pt336699");

}

#GlobalTitle { 
    width: 80%;
    margin-left: 20%;
    font-size: 3em; 
    margin-bottom: 0; 
    margin-top: 0; 
}
#GlobalSubtitle { 
    width: 75%; 
    margin-left: 25%; 
    font-size: .80em; 
    margin-top: 2px; 
    margin-bottom: 0; 
    font-style: italic; 
}
.overflow, .BoxContent { 
    overflow: auto;
}
#Header {

font-family: "Trebuchet MS", sans-serif;

width: 100%; 
    background-color: #6699cc; 
    color: #000000; 
    margin-bottom: 10px; 
}
.Box  {

font-family: "Georgia", sans-serif;

background-color: #c1c1c1;
    color: #000000;
    width: 100%; 
}
.BoxContents {
    background-color: #c1c1c1;
    color: #000000;
    width: 100%;
}
.DropShadow { 
    margin-bottom: 10px 
}
.BoxSideBar { 
    width: 175px; 
    height: 100%; 
    background-color: #6699cc; 
    color: #000000; 
}

.BoxSideBar table { 
    width: 175px; 
    height: 100%;
}
.BoxSidebar table a {
    background-color: #6699cc;
    color: #0000ff;
}
.BoxSidebar table a:visited {
    background-color: #6699cc;
    color: #ff00ff;
}
.BoxSideBar table th { 
    background-color: #336699; 
    color: #ffffff; 
}
.BoxSideBarContents { 
    height: 100%; 
    padding: 5px; 
}
.BoxTitle { 
    text-align: left; 
    background-color: #dddddd; 
    color: #000000; 
    padding: 5px; 
}
.BoxContents { 
    padding: 5px; 
}

.HeaderNavMenu { 
    background: #6699cc url("http://www.insanejournal.com/palimg/shadow/t.gif/pt3366996699cc") top center repeat-x; 
    width: 100%; 
    background-color: #6699cc; 
    margin: 0; 
    padding-left: 0; 
    padding-top: 5px;
}
.HeaderNavSubMenu { 
    width: 100%; 
    background-color: #dddddd;
    margin: 0; 
    padding-left: 20px; 
}
.HeaderNavMenu li, .HeaderNavSubMenu li { 
    margin-right: 10px; 
    display: inline; 
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px;
}

.HeaderNavMenu li.inactive { 
    background: #93b7db url("http://www.insanejournal.com/palimg/shadow/t.gif/pt33669993b7db") top repeat-x;
    margin-right: 25px; 
    display: inline; 
}
.HeaderNavMenu li#active { 
    background: #dddddd url("http://www.insanejournal.com/palimg/shadow/t.gif/pt336699dddddd") top repeat-x;
    color: #000000;
    font-weight: bold;
    margin-right: 25px; 
    display: inline; 
}
.HeaderNavMenu li#active a {
    color: #000000;
}
.HeaderNavMenuFirst {
    margin-left: 50px; 
    padding: 0; 
    visibility: hidden; 
}
.HeaderNavMenu li { 
    color: #000000;
}
.HeaderNavMenu li a {
    color: #000000;
    text-decoration: none;
}
.HeaderNavSubMenu li { 
    color: #000000;
}
.HeaderNavSubMenu li a {
    color: #000000;
    text-decoration: none;
}
#FooterNavMenu {
    text-align: center;
    background-color: #c1c1c1;
    color: #000000;
}
#FooterNavMenu a {
    background-color: #c1c1c1;
    color: #000000;
}
#FooterNavMenu a:visited {
    background-color: #c1c1c1;
    color: #000000;
}
.CommentBarOne, .CommentBarTwo, .CommentBarScreened
{
    width: 100%; margin-top: 1em; height: 100%;
}
.CommentBarOne
{
    background-color: #dddddd;
    color: #000000;
}
.CommentBarTwo
{
    background-color: #999999;
    color: #000000;
}
.CommentBarScreened
{
    background-color: #f1f1f1;
    color: #000000;
}

#MiniCal {
    width: 175px; height: 3em;
}
.MiniCalDayPosts, .MiniCalDay
{
    text-align: center;
    font-size: .8em;
    border: 1px inset #000;
    width: 14%;
}
.MiniCalDayPosts {
    background-color: #93b7db;
}
.MiniCalDayPosts a
{
    color: #000000;
    display: block;
    text-decoration: none;
    width: 100%;
}

Variable Flow

/* Cleaned CSS: */

body {
  margin: 0;
  padding: 0;
  border: 0;
  background: #337ccd none;
  color: #000000;
    font-size: 0.75em;
}
table, tr, td, th {
  font-size: 1em;
}
.uglykludgeuserpic {
width: 100%;
margin: 0;
padding: 0;
}
#page {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #000000;
  background: #33abcd none;

}
#title h1 {
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
  margin: 0;
}
#title #viewtitle {
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  margin: 0;
}
.navbar {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.viewspecnavbar {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
.navbar li { display: inline; white-space: nowrap; }
.navbar li.active { display: inline; }
.navbar li:before { content: " :: "; }
.navbar li:first-child:before { content: ""; }
.viewspecnavbar li { display: inline; white-space: nowrap; }
.viewspecnavbar li.active { display: inline; }
.viewspecnavbar li:before { content: " :: "; }
.viewspecnavbar li:first-child:before { content: ""; }

#title {
  margin-top: 3em;
  margin-bottom: 0.5em;
  color: #190f57;
  background: transparent;
}
a:link { color: #261a72; background: transparent; }
a:visited { color: #190f57; background: transparent; }
a:active, a:hover { color: #261a72; background: transparent; }
.entry {
  margin-bottom: 4em;
}
.entryheading {
  font-weight: bold; font-size: 1.0em;
  float: left;
  margin-top: 0;
}
.entrylinkbar {
float: right;
}
.entrytext {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#commentform table, #commentform textarea {
width: 100%;
}

.entry .metadata {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.entryextra {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}
.entryextra li {
  display: inline;
}
.entryextra li:before {
  content: " :: ";
}
.entryextra li:first-child:before {
  content: "";
}
.entryextra li.entryreadlink {
  font-weight: bold;
}
.entryextra:before { content: ".: "; }
.entryextra { text-align: right; font-size: 0.9em; }

.comments, .commentsitem {
list-style: none;
margin: 0;
padding: 0;
}
.comments {
margin-left: 20px;
}

/* IE hack - center the block with text-align! */
.calendarmonthcontainer {
    text-align: center;
}

.calendarmonth {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.calendarmonth h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}
.calendarday {
    width: 3em;
    max-width: 3em;
    height: 3em;
}

@media print {
    body, #page, a, a:link, a:visited, a:active, a:hover, #title, h2 {
        background: #ffffff;
        color: #000000;
    }
    body {
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 12pt;
        margin-left: auto;
        margin-right: auto;
        font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
        max-width: 15cm;
    }
    h1, h2, h3, h4, h5, h6, #title #viewtitle {
        font-family: "Frutiger", "Frutiger Linotype", "Helvetica", sans-serif;
        page-break-after: avoid;
    }
    .entry {
        page-break-inside: avoid;
        text-align: justify;
    }
    .calendarmonth {
        page-break-inside: avoid;
    }
    #page {
        border: 0;
        margin: 0;
    }
    .navbar, .entryextra, .viewspecnavbar {
        display: none;
    }
    #title {
        display: block;
    }
    #title h1, #title #viewtitle {
        display: inline;
    }
    #title #viewtitle {
        margin-left: 2em;
        font-style: italic;
    }

}

@media projection {
    #page {
        margin: 10px;
        padding: 0;
        border: 0;
        font-size: 2em;
    }
    body {
        background: #337ccd none;
        color: #000000;
    }
    .navbar, .viewspecnavbar { display: none; }
    .entry, #title {
        page-break-after: always;
        margin: auto;
        padding: 10px;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        border: 1px solid #000000;
        background: #33abcd none;
    }

}

Tags:journals: css

	Speak Link Remember Tell a Friend
	Speak Link Remember Tell a Friend

	Code by masterslacker. Fiddled by scotchsour. This page was loaded on Apr 19th 2024, 8:28 pm GMT.