sixteen.

[apologize]

XVI | Ambiguity





click the image for a somewhat larger image preview








XVI; AMBIGUITY
LIVE PREVIEWS

Topbar | Sidebar | No Sidebar

style

S2; Flexible Squares

accounts

Basic & Paid

browsers

All

Resolutions

works in all

disabled features

control strip, sidebar tags and summary in version one

INSTALLATION
HOW TO INSTALL

if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.

install the code

DOWNLOAD: SIDEBAR VERSION | NO SIDEBAR VERSION

TOPBAR VERSION

/*-------------------------------------------
NAME: Ambiguity
STYLE: S2 | Flexible Squares
ACCOUNTS: basic & paid
TINY ICONS: pinvoke
CREDIT: apologize @ jealouss
---------------------------------------------*/
/*---------page--------*/

body {
background: #fff url(http://i45.tinypic.com/oprts.png);
text-align: center;
color: #000000;
font-family: "arial", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
#lj_controlstrip{display:none;}
/*---------body--------*/

#content
{
width: 80%;
margin-left: auto; margin-right: auto;
background-color: transparent !important;
border: none;
padding: 0px;
margin-top: 357px;
}

#maincontent {
margin-top: 0px;
font-family: "arial", sans-serif;
font-size: 11px;
background-color: transparent !important;
color: #000000;
border: none;
margin-right: 0px;
text-align: left;
}

.entry_text img{border: 4px solid #40A5A5;}
/*---------header--------*/

#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: right;
font-family: "arial", sans-serif;
font-size: 20px;
font-weight: normal;
letter-spacing: 0px;
border-bottom: 5px solid #5DBDBD;
background-color: #1d1b1b;
color: #fff;
position: absolute;
top: 0px;
left: 0px;
}

.headerimage {
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #40A5A5;
}

div#header a:hover, div#footer a:hover {
color: #eee;
text-decoration: none;
}

.title {
font-family: "cambria", sans-serif;
font-size: 31px;
font-weight: normal;
line-height: 200%;
top: 57px;
background-color: #40A5A5;
position: absolute;
width: 100%;
text-align: left;
padding: 0 0 0 10px;
font-style: italic;
text-indent: 5%;
height: 300px;

}

.subtitle{
font-family: "cambria", sans-serif;
font-size: 21px;
font-weight: normal;
top: 105px;
position: absolute;
background-color: transparent !important;
text-align: center;
width: 100%;
height: 250px;
text-indent: 15%;
font-style: italic;
}

ul.navheader
{
padding: 0px;
margin: 0px;
text-transform: uppercase;
}

ul.navheader li {
display: inline;
padding: 5px 5px 5px 5px;
}
li.view{
font: #eee;
background-color:#000;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
opacity: .80;}
/*---------entries--------*/

.subcontent {
}

.entry {
margin: 0px 0px 10px 0px;
padding: 10px;
background-color: #fcfcfc;
color: #000000;
font-family: "arial", sans-serif;
font-size: 12px;
text-align: justify;
border: none;

}

.userpic {
position: relative;
float: right;
background-color: #40A5A5;
padding: 10px;
margin: 10px;
z-index: 15;
border: none;
}

.date {
line-height: 80%;
top: 5px;
color: #1d1b1b;
font-family: "arial", sans-serif;
font-size: 9px;
font-style: normal;
text-transform: uppercase;
}

.subject {
font-weight: normal;
padding: 10px;
color: #000000;
font-family: "lucida sans", sans-serif;
font-size: 22px;
font-style: italic;
}

.subject a, .subject a:link, .subject a:visited {
color: #40A5A5;
}

.subject a:hover {
color: #eee;
text-decoration: none;
}

.datesubject {
background-color: #fcfcfc;
padding: 5px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

/*---------tags--------*/
.ljtags{
background: url(http://i46.tinypic.com/bey1kw.png) no-repeat;
padding: 0px 5px 3px 15px;
font-family: lucida sans;
font-size: 10px;
font-weight: lighter;
margin-top: 3px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
}

/*---------currents--------*/

.currents, .currentmood, .currentmusic {
font-family: "lucida sans", sans-serif;
font-size: 10px;
font-style: italic;
}

.currents strong{display: none;}
.currentmusic {
padding: 0px 5px 3px 15px;
margin-top: 3px;
line-height: 10px;
background: url(http://i49.tinypic.com/2edwk6g.png) no-repeat;
}

.currentlocation {
padding: 0px 5px 3px 15px;
margin-top: 3px;
line-height: 10px;
background: url(http://i39.tinypic.com/3346m2s.png) no-repeat;
}
.meta-mood-img{border:2px solid #40A5A5;}
/*---------comments--------*/

.comments {
font-family: "lucida sans", sans-serif;
font-size: 14px;
text-align: right;
background-color: #40A5A5;
padding: 0px 5px 0px 0px;
position: relative;
top: 28px;
text-transform: uppercase;
width: 100%;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #ffffff;
}

div.comments a:hover {
color: #eee;
text-decoration: none;
}

/*---------separator--------*/

.separator{
/* for formatting separators between entries */
height: 35px;

}

/*---------friends page--------*/

.userpicfriends {
position: relative;
float: right;
padding: 0px;
margin: 10px;
text-align: center;
border: none;
font-family: "lucida sans", sans-serif;
font-size: 0px;
z-index: 15;
}

.userpicfriends img{background-color: #40A5A5; padding: 10px;}
/*---------sidebar--------*/

#sidebar {
padding: 0px;
margin: 0px;
background-color: transparent !important;
border: none;
font-size: 11px;
font-family: "arial", sans-serif;
color: #ccc;
width: 70%;
height: 140px;
float: top;
text-align: justify;
position: absolute;
top: 200px;
left: 0px;
margin-left: 200px;

}

.defaultuserpic {
display: none;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
float: left;
}

.sbarbody2 {
margin: 0px 10px 0 50px;
padding: 30px 15px 24px 15px;
float: left;
width: 25%;
background-color: #1d1b1b;
color: #fff;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
opacity: .80;
overflow: hidden;
}
.sbarbody2 li.sbartitle{}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #40A5A5;
}

div#sidebar a:hover {
color: #FCFCFC;
text-decoration: none;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
text-align: center;
font-family: "arial", sans-serif;
font-size: 11px;
border-bottom: 1px solid #eee;
}

.sbarcalendarposts {
border-bottom: 1px solid #eee;
background-color: transparent !important;
text-align: center;
font-family: "arial", sans-serif;
font-size: 10px;
}

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 0px;
list-style: none;
border-bottom: 1px dotted #ccc;
}

li.sbartitle
{
padding-left: 0px;
list-style: none;
border: none;
background-color: transparent !important
margin-bottom: 0px;
margin-top: 0px;
position: absolute;
top: 15px;
text-align: left;
display: none;

}

#sidebar_summary, #sidebar_tags{display:none;}
#sidebar_linklist{
margin: 0px 70px 0 30px;
padding: 10px 15px 16px 15px;
background-color: #1d1b1b;
width: 20%;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
opacity: .80;
overflow: auto;}

#sidebar_calendar{
margin: 0 30px 0 -25px;
padding: 0 15px 0 15px;
background-color: #1d1b1b;
width: 20%;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
opacity: .80;}
}
/*---------footer--------*/

#footer {
width: 100%;
text-align: center;
font-family: "lucida sans", sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
background-color: transparent !important;
color: #1d1b1b;
border: none;
z-index: 100;
clear: both;
}

#footer .viewing {

}

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/*---------archive page--------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #ccc;
}

table.yeartable td.yearday {
background-color: #40A5A5;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*---------comment page--------*/

.datesubjectcomment {
background-color: #40A5A5;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border: none;
background-color: #40A5A5;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #ccc;
border-style: solid;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #ccc;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #CCCCCC;
color: #2D2D2D;
font-family: lucida sans;
font-size: 12px;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "lucida sans", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #40A5A5;
color: #000000;
}

.replytosubject {
font-weight: normal;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "lucida sans", sans-serif;
color: #000000;
}

.commentbox {

border-color: #40A5A5;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #fcfcfc;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #1d1b1b;
}

.datesubjectcomment a:hover {
color: #eee;
border-bottom: 1px dotted #eee;
}

.commentboxpartial {
border-color: #eee;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #40A5A5;
}

.commentinfo {
background-color: #40A5A5;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*---------misc--------*/

.clear {
height: 15px;
}

div.ContextualPopup div.Inner{
width: 235px;
color: #666666!important;
padding: 10px;
font: normal 7pt arial;
}

div.ContextualPopup .Content{
border: none;
}

div.ContextualPopup .Userpic{
padding: 10px;
background-color: #FFFFFF;
margin: 0px;
border: 1px solid #efefef;
}

textarea.textbox {
width: auto !important;
}

/*LINKS*/
a, a:link, a:visited {
color: #40A5A5;
text-decoration: none;
}

a:hover {
color: #eee;
text-decoration: none;
border-bottom: 1px dotted #40A5A5;
}

blockquote {
font-family: lucida sans;
font-size: 12px;
font-style: italic;
border-top: 1px solid #40A5A5;
border-bottom: 1px solid #40A5A5;
padding: 10px;
}

code, kbd, pre, tt {
font-family: monospace;
}

b, s, i, u, big, small { font-family: lucida sans;
}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i47.tinypic.com/qreouu.png) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i50.tinypic.com/xd9etk.png) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i47.tinypic.com/v782sh.png) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i46.tinypic.com/ibf0qe.png) no-repeat !important; padding: 10px 0 0 10px !important; }

Features
topbar, sidebar

Additional Customization
if the top bar/title & subtitle overlap your entries, you can adjust the height of them by finding the #maincontent section, then finding where it says #margin-top and increase the value.

Credits

tiny icons by damnicons

Questions

If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me.
FAQ | HOW TO CREDIT

like what you see?

watch | more layouts