NINO GAME LAYOUT

[nicefinalbeam]

Flexible Squares: NINO GAME
Based entirely on a photo of Nino, used in the layout itself. :)



Image Preview // Live Preview!





(Image for Locked Entries)

INFORMATION & INSTRUCTIONS:

☆ Select the Blue-Gray Flexible Squares theme.
☆ Make sure all drop-down menus are set to NO.
☆ Paste the CSS code in the custom CSS area.
☆ Does have custom comment pages. :Db
☆ Has Nintendo themed tiny icons for lj user, community, and friends lock.
☆ Journal title and subtitle disabled.
☆ If you would like to credit, place nicefinalbeam somewhere in your userinfo. Please don't repost as your own. ♥

CSS:

/* FLEXIBLE SQUARES CSS */
/*---------------------------------------------------

NAME: NINO GAME
MAKER: http://nicefinalbeam.livejournal.com
THEME: S2 Flexible Squares
ACCOUNT: Free, Paid (Maybe Plus)

NO REPOSTING. :D
-----------------------------------------------------*/

body {
background: #86C3D5; }
text-align: center;
color: #606060;
font-family: "Calibri", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}

p, td, blockquote {
font-size: 10px;
}

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

#content
{
width: 85%;
margin-left: auto; margin-right: auto;
background: transparent;
padding: 15px;
}

#maincontent {
width: 85%;
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background: transparent;
color: #000000;
margin-left: -50px;
text-align: left;
}

a { color: #E7677C; font-weight: bold; text-decoration: none; }
a:visited {color: #E7677C; }
a:hover { color: #f09f6a; }

#sidebar {

padding-top: 15px;
margin-top: 220px;
margin-right: -80px;
background: #A6D4E2;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
width: 198px;
float: right;
text-align: left;
border-width: 30px 0px 18px 0px; -moz-border-image: url(http://i51.tinypic.com/2ukpy.jpg) 30 0 18 0 repeat; -webkit-border-image: url(http://i51.tinypic.com/2ukpy.jpg) 30 0 18 0 repeat; -o-border-image: url(http://i51.tinypic.com/2ukpy.jpg) 30 0 18 0 repeat; border-image: url(http://i51.tinypic.com/2ukpy.jpg) 30 0 18 0 repeat;
}

#footer {
color:#fff;
text-shadow: -2px 0 black, 0 2px black,
2px 0 black, 0 -2px black;
font-family:calibri;
font-size:14pt;
text-align: center;
text-transform:lowercase;
text-decoration:none;
font-weight:oblique;
padding: 5px;
z-index: 100;
clear: both;
border-top: 10px dotted #fff;
}

/* header -- links to views; title of journal; subtitle of journal */

#header
{margin-right: 150px;
margin-left: 60px;
border-top: 10px dotted #fff;
padding:auto;
text-align: center;
color:#ffffff;}

#header a, #header a:visited
{color:#fff;
text-shadow: -2px 0 black, 0 2px black,
2px 0 black, 0 -2px black;
font-family:calibri;
font-size:18pt;
text-transform:lowercase;
text-decoration:none;
font-weight:oblique;
padding: 20px;
}

#header a:hover
{color:#dececd;}

ul.navheader
{margin-bottom:25px;
font-family: calibri;
font-size:15pt;
text-align: center;}

ul.navheader li
{display:inline;}

li.view
{font-family:calibri;
font-size:12pt;
text-transform:uppercase;
color:#000;}

.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}

.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}

/* sidebar */
.box-vertical2 {
margin: 10px 0 0;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #5674b9;
}

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

.defaultuserpic {
text-align: center;
}

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

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

.sbarbody2 {
padding: 0 15px 0 15px;
}

#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}

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

.sbarcalendar {
border-color: #000000;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #d4dce8;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

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

li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}

li.sbartitle
{
padding-left: 15px;
list-style: none;
margin-bottom: 10px;
margin-top: 10px;
color:#fff;
text-shadow: -2px 0 black, 0 2px black,
2px 0 black, 0 -2px black;
font-family:calibri;
font-size:18pt;
text-transform:lowercase;
text-decoration:none;
font-weight:oblique;
}

/* maincontent */

.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 25px 10px 15px 10px;
background-color: #fff;
color: #41464A;
font-family: "calibri", "verdana", sans-serif;
font-size: 14px;
text-align: left;
}

.entry_text {
padding:20px;
}

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

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

.userpic {
position: relative;
float: left;
background-color: #dddddb;
padding: 10px;
margin: 10px;
z-index: 15;
border-width: 2px;
border-color: #ccc;
border-style: solid;
-moz-border-radius: 20px;
border-radius: 20px;
}

.userpicfriends {
position: relative;
float: left;
padding: 10px;
margin: 10px;
text-align: center;
border: 2px solid #ccc;
background: #dddddb;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
-moz-border-radius: 20px;
border-radius: 20px;

}

.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: "calibri", sans-serif;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-align: right;
}

.subject {
font-weight: bold;
padding: 5px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 17px;
text-align: right;
padding-right: 70px;
text-align: center;
}

.subject a, .subject a:link, .subject a:visited, .subject a:hover {
color: #000000;
/*color: #ffffff;*/
text-decoration: none;
}

/*.subject a:hover {
color: #b0b9c8;
}*/

.datesubject {
background-color: yellow;
padding: 5px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transform:rotate(2.5deg);
-moz-transform:rotate(2.5deg);
-ms-transform:rotate(2.5deg);
-o-transform:rotate(2.5deg);
transform:rotate(2.5deg);
}

.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 0px 5px 0px 5px;
position: relative;
}

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

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

/* maincontent -- entry, reply pages */

.datesubjectcomment {
background-color: yellow;
padding: 5px;
margin-top: 20px;
margin-right: -8px;
}

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

.box {
padding: 10px;
clear: right;
}

input, textarea {
background-color: #fff;
color: #000000;
}

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

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

.replytosubject {
font-weight: bold;
}

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

.commentbox {
padding-right: 8px;
margin: 10px;
background-color: #fff;
}

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

.datesubjectcomment a:hover {
color: #000;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}

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

/* maincontent -- year/achive pages */

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

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
background: #fff;
padding: 10px;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
border-style: solid;
border-color: #999999;
background: #A6D4E2;
}

table.yeartable td.yearday {
background-color: yellow;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/* footer */

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

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

.clearfoot {
clear: both;
}

.ljtaglist {
list-style-type: none;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px solid #efefef;
padding: 3px 0 3px 0;
}

h2 {
background-color: #fff;
text-align: left;
padding: 20px 20px 0px 20px;
text-transform: lowercase;
font-size: 24px;
color: #aaa;
font-weight: bold;
margin-bottom: -19px;
-moz-border-radius: 5px;
}

ul.ljtaglist {

font-family: arial;
background-color: #fff;
color: #bbb;
text-align: left;
padding: 20px;
-moz-border-radius: 5px;
}

/* misc */

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
}

.headerimage {
/* for formatting header image */
}

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

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #999999;
background-color: #c2cde0;
}

#content-outer {width: 90%; margin: 0 auto; background: #86C3D5 no-repeat top right url(http://i52.tinypic.com/286y2bb.png); display: block;}

.headerimage {
height: 280px;
background-image: url("http://i54.tinypic.com/fbxsad.jpg") !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: left !important;
margin-left: 70px;
}

div.ContextualPopup {
margin: 5px 0 0 20px;
font: normal 11px arial !important;
}

div.ContextualPopup img {
border: 0;
}

div.ContextualPopup div.Inner {
background-color: #ffffff !important;
color: #666 !important;
border: 1px solid #e4e4e4;
padding: 10px;
width: 20em;
}

div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
margin-right: 50px;
line-height: 1.4;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
font-weight: normal;
color: #f44f75 !important;
}

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i52.tinypic.com/153wd3b.jpg) no-repeat !important; padding: 20px 0 0 22px !important; }

img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/ej61k.jpg) no-repeat !important; padding: 20px 0 0 22px !important; }

img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/2yukrya.jpg) no-repeat !important; padding: 32px 0 0 40px !important; }

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i52.tinypic.com/153wd3b.jpg) no-repeat !important; padding: 22px 0 0 22px !important; }

img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/ej61k.jpg) no-repeat !important; padding: 22px 0 0 22px !important; }

Please comment if taking. ENJOY! ♥