003: Insolta
Live Preview | Live Preview on calvione
Layout Name: Insolta
Style: S2 Flexible Squares
Author: aprilclydel_ac or Lysianthus
Version: 1.0
Accounts: Basic, Plus, Paid
Ad Placement: Horizontal
Sidebar: Disabled
Sidebar Placement: Two Column (Sidebar on Left or Right)
Compatible Browsers: Google Chrome, Mozilla Firefox, Safari, Internet Explorer 10
Description: “Insolta” is another clean and minimalistic LiveJournal layout. It inspires a professional look with free space.
/* @font-face */
@font-face {
font-family: 'Museo Sans 300';
font-weight: normal;
font-style: normal;
src: url(https://dl.dropboxusercontent.com/u/23893055/Streaming/%40font-face/Museo%20Sans/museosans_300.woff) format('woff');
}
@font-face {
font-family: 'Museo Sans 500';
font-weight: normal;
font-style: normal;
src: url(https://dl.dropboxusercontent.com/u/23893055/Streaming/%40font-face/Museo%20Sans/museosans_500.woff) format('woff');
}
/* default & overrides */
html, body {
margin: 0;
padding: 0;
font-family: 'Museo Sans 300', sans-serif;
font-size: 14px;
}
a {
text-decoration: none;
color: #5BBBE8;
}
h2 {
font-family: 'Museo Sans 500', sans-serif;
font-weight: normal;
font-size: 30px;
}
/* containers */
#content-outer, #content {
margin: 0;
padding: 0;
}
/* header */
#header {
margin: 0;
padding: 50px;
background-color: #000;
color: #FFF;
}
.navheader, .title, .subtitle {
display: block;
}
.navheader {
margin: 0;
padding: 0;
float: right;
list-style: none;
}
.navheader li {
margin: 0 10px;
display: inline;
font-family: 'Museo Sans 300', sans-serif;
font-size: 18px;
}
.navheader a {
text-decoration: none;
color: #CCC;
}
.title {
margin: 0;
padding: 0;
font-family: 'Museo Sans 500', sans-serif;
font-size: 20px;
text-transform: uppercase;
}
.subtitle {
margin: 0;
padding: 5px;
font-family: 'Times New Roman', serif;
font-size: 14px;
font-style: italic;
}
.view {
color: #FFF;
}
/* sidebar */
#sidebar {
display: none;
}
/* maincontent */
#maincontent {
margin: 0 auto;
padding: 100px 0;
width: 980px;
}
.subcontent {
margin: 0 0 100px;
padding: 0;
}
.userpic {
margin: 100px 0 0;
padding: 0;
float: left;
border: #000 10px solid;
}
.userpic img {
width: 60px;
height: 60px;
}
.userpicfriends {
margin: 100px 0 0;
padding: 0;
float: left;
background: none !important;
border: none;
font-size: 0.875em;
text-align: center;
}
.userpicfriends img {
width: 60px;
height: 60px;
border: #000 10px solid;
}
.datesubject {
margin: 0 0 0 80px;
padding: 10px;
}
.date {
margin: 0;
padding: 5px;
font-family: 'Arial', sans-serif;
font-size: 11px;
color: #CCC;
}
.subject {
margin: 0;
padding: 10px;
font-family: 'Museo Sans 500', sans-serif;
font-size: 30px;
font-variant: small-caps;
color: #5BBBE8;
}
.subject a {
color: #5BBBE8;
}
.entry {
margin: 0 0 0 100px;
padding: 20px;
border-left: #CCC 1px solid;
font-family: 'Museo Sans 300', sans-serif;
font-size: 14px;
text-align: left;
line-height: 1.75;
}
.entry a {
border-bottom: #5BBBE8 1px solid;
color: #000;
}
.entry a:hover {
border-bottom: #5BBBE8 1px dotted;
}
.entry i, .entry em {
font-family: 'Times New Roman';
}
.ljtags {
margin: 30px 0 0;
font-size: 0;
color: #FFF;
}
.ljtags a {
margin: 0 5px;
padding: 0 2px;
background-color: #5BBBE8;
border: none !important;
font-family: 'Arial', sans-serif;
font-size: 11px;
color: #FFF !important;
}
.currents {
margin: 30px 0 0;
padding: 0;
font-family: 'Arial', sans-serif;
font-size: 11px;
color: #CCC;
}
.comments {
margin: 20px 0 0;
padding: 0;
font-size: 18px;
text-align: center;
}
.comments a {
color: #5BBBE8;
}
.skiplinks {
margin: 0;
padding: 10px;
font-family: 'Arial', sans-serif;
font-size: 0;
text-align: center;
color: #FFF;
}
.skiplinks a {
margin: 0 2px;
padding: 5px;
background-color: #5BBBE8;
font-size: 11px;
color: #FFF;
}
.box {
margin: 20px 0 0;
padding: 0;
font-family: 'Museo Sans 300', sans-serif;
}
.commentbox {
margin: 0;
padding: 20px;
line-height: 1.5;
}
.datesubjectcomment{
margin: 0;
padding: 10px;
border-bottom: #000 2px solid;
}
.commentreply {
margin: 0;
padding: 10px;
}
.userpiccomment {
margin: 0;
padding: 0;
float: right;
width: 60px;
height: 60px;
border: #000 10px solid;
}
.year {
margin: 0;
padding: 10px;
font-size: 24px;
list-style: none;
text-align: center;
}
.year li {
margin: 0 5px;
padding: 0;
display: inline;
}
.yeartable {
margin: 20px auto 0;
padding: 0;
}
.yearmonth {
font-family: 'Museo Sans 500', sans-serif;
font-size: 18px;
}
.yearday {
padding: 10px;
background-color: #5BBBE8;
text-align: center;
color: #FFF;
}
.ljtaglist {
margin: 0;
padding: 0;
list-style: none;
}
.ljtaglist li {
margin: 0;
padding: 10px;
border-bottom: #5BBBE8 1px solid;
}
.yeardate {
padding: 10px;
}
/* footer */
#footer {
margin: 0;
padding: 50px;
background-color: #000;
}
.navfooter {
margin: 0;
padding: 0;
list-style: none;
}
.navfooter li {
margin: 0 10px;
display: inline;
font-family: 'Museo Sans 300', sans-serif;
font-size: 18px;
}
.navfooter a {
text-decoration: none;
color: #CCC;
}
.viewing {
color: #FFF;
}
/* input & output */
#qrformdiv {
margin: 0;
padding: 20px;
}
#qrform table {
border: none !important;
}
input, textarea {
padding: 10px;
background-color: #F6F6F6;
border: none;
font-family: 'Consolas', monospace;
font-size: 13px;
color: #666;
}
code {
font-family: 'Consolas', monospace;
color: #666;
}
pre {
padding: 10px;
font-family: 'Consolas', monospace;
color: #666;
}
select, input[type="button"], input[type="submit"], input[type="reset"], button {
padding: 10px;
background-color: #5BBBE8;
border: none;
font-family: 'Arial', sans-serif;
font-size: 14px;
color: #FFF;
}
/* misc */
.clear {
clear: left;
height: 0;
}
.clearfoot {
clear: both;
height: 0;
}
/* 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;
}
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.