005: Legalized
Live Preview
Layout Name: Legalized
Style: S2 Flexible Squares
Author: aprilclydel_ac or Lysianthus
Ad Placement: Horizontal
Sidebar Placement: Two Column (Sidebar on Left or Right)
Description: “Legalized” is a regal serif-licious LiveJournal layout.
/* @font-face */
/* latin-ext */
@font-face {
font-family: 'Domine';
font-style: normal;
font-weight: 400;
src: local('Domine'), local('Domine-Regular'), url(http://fonts.gstatic.com/s/domine/v4/D223zF34NF7a3Xpj2haShvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Domine';
font-style: normal;
font-weight: 400;
src: local('Domine'), local('Domine-Regular'), url(http://fonts.gstatic.com/s/domine/v4/WXWt7sF98-31EGnm-jhqZvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
font-family: 'Domine';
font-style: normal;
font-weight: 700;
src: local('Domine Bold'), local('Domine-Bold'), url(http://fonts.gstatic.com/s/domine/v4/kxdP69OfpXh5jz-VlR6wIhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Domine';
font-style: normal;
font-weight: 700;
src: local('Domine Bold'), local('Domine-Bold'), url(http://fonts.gstatic.com/s/domine/v4/BmiPqZorq0QiT-p6kf1paRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
font-family: 'Old Standard TT';
font-style: normal;
font-weight: 400;
src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url(http://fonts.gstatic.com/s/oldstandardtt/v7/n6RTCDcIPWSE8UNBa4k-DH-UShwDO_-U1YW3iLp25zQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* default & global overrides */
html, body {
margin: 0;
padding: 0;
font-family: 'Domine', serif;
font-size: 100%;
}
a {
text-decoration: none;
}
/* wrappers */
#content-outer {
margin: 0;
padding: 0;
}
#content {
margin: 0;
padding: 0;
}
/* header & footer */
#header, #footer {
margin: 0;
padding: 100px 50px;
font-family: 'Old Standard TT', serif;
}
#footer {
background-color: #333;
color: #FFF;
}
.navheader, .navfooter {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.25em;
text-align: right;
}
.navheader li, .navfooter li {
margin: 0;
padding: 10px 20px;
display: inline-block;
}
.navheader a, .navfooter a {
text-decoration: none;
color: #000;
}
.navfooter a {
color: #FFF;
}
.title {
margin: 50px 0 0;
padding: 10px;
font-size: 2.5em;
text-align: left;
}
.subtitle {
margin: 0;
padding: 10px 10px 10px 200px;
font-style: italic;
font-size: 1.25em;
}
.view, .viewing {
border-bottom: #FF0 5px solid;
}
/* sidebar */
#sidebar {
margin: 0;
padding: 50px 20%;
background-color: #333;
text-align: center;
color: #FFF;
}
#sidebar_calendar, #sidebar_tags {
display: none;
}
.defaultuserpic {
margin: 0 auto;
padding: 10px;
width: 120px;
}
.defaultuserpic img {
padding: 10px;
border: #DDD 1px solid;
}
.sbartitle {
display: none;
}
.sbarbody2 {
margin: 0;
padding: 20px 0;
font-size: 0.875em;
line-height: 2;
}
.sbarbody2 a {
border-bottom: #FF0 1px solid;
color: #FFF;
}
#sidebar_linklist {
margin: 0;
padding: 0;
}
#sidebar_linklist ul {
list-style: none;
}
.sbaritem {
margin: 0 10px;
padding: 10px;
border-bottom: #FF0 3px solid;
display: inline-block;
}
.sbaritem a {
font-size: 1em;
color: #FFF;
}
/* maincontent */
#maincontent {
margin: 0;
padding: 0;
}
.subcontent {
margin: 0;
padding: 50px 0;
background-color: #FFF;
color: #000;
}
.userpic, .userpicfriends {
margin: 0 auto;
padding: 0;
width: 120px;
background: none!important;
font-size: 0.5em;
text-align: center;
}
.userpic img, .userpicfriends img {
padding: 10px;
width: 100px;
border: #DDD 1px solid;
}
.userpicfriends img {
margin-bottom: 5px;
}
.userpicfriends a {
color: #DDD;
}
.datesubject {
margin: 100px auto 0;
padding: 0;
width: 30%;
float: left;
}
.date {
margin: 0;
padding: 10px 10px 20px;
text-align: center;
}
.subject {
margin: 0;
padding: 0;
width: 80%;
border-bottom: #FF0 5px solid;
font-family: 'Old Standard TT', serif;
font-size: 3.125em;
text-align: right;
text-transform: lowercase;
line-height: 1;
}
.subject a {
text-decoration: none;
color: #000;
}
.subject img {
display: none;
}
.entry {
margin: 100px 0 0 30%;
padding: 0;
width: 70%;
font-size: 0.875em;
text-align: left;
line-height: 2.0;
}
.entry_text {
margin: 20px;
padding: 0;
}
.entry a {
background-color: #FF0;
text-decoration: none;
color: #000;
}
.entry blockquote {
padding: 20px;
border: #DDD 1px solid;
}
.separator {
margin: 0;
padding: 0;
height: 0;
}
.ljtags {
margin: 30px 0 0;
padding: 0;
}
.currents {
margin: 0 0 30px;
padding: 0;
}
.comments {
font-size: 0px;
}
.comments a {
margin: 0 10px;
padding: 5px;
background: none;
border-bottom: #FF0 5px solid;
font-size: 18px;
}
.comments a {
color: #000;
}
h2 {
margin: 100px auto 0;
padding: 0;
width: 50%;
font-family: 'Old Standard TT', serif;
font-weight: normal;
font-size: 3.125em;
text-align: center;
text-transform: lowecase;
}
.ljtaglist {
margin: 0 auto;
padding: 50px 0;
width: 50%;
list-style: none;
font-size: 1em;
line-height: 2.0;
}
.ljtaglist li {
margin: 0;
padding: 5px;
display: block;
}
.ljtaglist a {
background-color: #FF0;
color: #000;
}
.skiplinks {
text-align: center;
}
.skiplinks a {
background-color: #FF0;
color: #000;
}
.year {
margin: 50px 0 0;
list-style: none;
text-align: center;
}
.year li {
display: inline-block;
}
.year li.active {
border-bottom: #FF0 3px solid;
}
.yeartable {
border-spacing: 5px;
}
.yeartable td {
padding: 10px;
}
.yeartable a {
background-color: #FF0;
color: #000;
}
/* comments */
.box {
margin: 0 auto;
padding: 50px 0;
width: 80%;
}
.box a {
background-color: #FF0;
color: #000;
}
.commentbox {
margin: 0 0 50px;
padding: 20px;
width: 80%;
}
.datesubjectcomment {
margin: 0 0 10px;
padding: 0;
float: left;
width: 150px;
font-size: 0.5em;
text-align: center;
color: #333;
line-height: 1.75;
}
.userpiccomment {
margin: 0 auto;
padding: 10px;
width: 70px;
height: 70px;
border: #DDD 1px solid;
display: block;
}
.commentreply {
margin: 0 0 0 180px;
padding: 10px;
font-size: 0.875em;
text-align: left;
line-height: 1.5
}
/* input */
code, kbd, tt, pre {
font-family: 'Consolas', 'Courier New', 'Courier', monospace;
}
input, select, textarea {
padding: 10px;
background-color: #FFF;
border: #DDD 1px solid;
font-family: 'Old Standard TT', serif;
font-size: 0.875em;
}
textarea {
min-height: 150px;
}
input[type="button"], input[type="submit"], input[type="reset"], button {
padding: 10px;
background-color: #FFF;
border: #DDD 1px solid;
border-radius: 50px;
font-family: 'Old Standard TT', serif;
font-size: 0.875em;
}
form table {
margin: 0;
padding: 30px;
border: none!important;
}
/* extra */
.clear {
clear: left;
}
.clearfoot {
.clear: both;
}
/* Generated by Malionette's Tiny Icon Generator
http://malionette.net/generator/tinylite.html */
span.i-ljuser img[src*="img/userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i.imgur.com/0215l9R.png) no-repeat !important;
padding: 16px 0 0 16px !important;
}
span.i-ljuser img[src*="img/community.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i.imgur.com/Bz3f2wG.png) no-repeat !important;
padding: 16px 0 0 16px !important;
}
Custom fonts include Old Standard TT and Domine.
Five Simple Steps for Installation×Go to Select Journal Style and choose any Flexible Squares theme and apply it on the journal.×Set the Ad Placement and Sidebar Placement as specified in the layout information. Save changes.×Go to Customize Journal Style » Custom CSS.×Select NO for all dropdown boxes.×Copy the stylesheet codes, and then paste them on the text area for the custom CSS. Save changes.