003: Insolta

Live Preview | Live Preview on

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.

Follow us:

Applications

COMPANY

PRODUCTS

COMMUNITY

CHOOSE LANGUAGE