varana layout

GLOBAL_HEAD<= <title>carnival flower.</title> <link href="http://fonts.googleapis.com/css?family=Zeyada|Josefin+Sans|Lobster|Jacques+Francois" rel="stylesheet" type="text/css"> <style> /* coding by ~catanzaro (but inspired by ~weiman.) */ /* background, main font throughout the layout, text alignment */ body{background: url('http://i.imgur.com/k4z6eCN.png');background-attachment:fixed;} td{font-family: calibri; font-size: 11px; line-height: 11px; color: ;} tr{text-align:justify;} table{margin-bottom: -3px} b{font-weight: normal;} /* cursor */ body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;} /* link colors */ a{color: #c04144; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;} a:hover{color: #000000; text-decoration:none; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;} /* the top box, removes the default icon */ .shadowed{height: 60px;} .shadowed img{display: none;} /* main entrybox */ .entrybox{width: 600px; border-width: 0px 0px 3px 0px; border-image: url( ) 7 repeat; border-background: #ffffff; padding: 0px; background-image: url( ); box-shadow: 0 0 1px #dddddd; background-color: #ffffff;} /* date line */ .date {color:#333; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;} .date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;} /* subject line */ p table table td.caption{font-family: consolas; font-size: 8px; text-transform: uppercase; letter-spacing:1px; line-height: 0px; padding: 0px; background-image: url(http://i.imgur.com/MIwzbdv.png);} /* comments */ .comments{font-family: consolas; font-size: 8px; line-height: 9px;; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 2px; line-height: 5px;} /* tiny text -- the bottom of the page (navigation) and on the fp the community and username */ .index, .meta {font-family: consolas; font-size: 8px; text-transform: uppercase; line-height: 8px; padding: 0px; letter-spacing: +1.5px;} table table table td.meta {font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top:-4px;} /* friends page icon */ .index img{width: 65px; height: 65px;} .entrybox img{max-width:400px;} /* fonts in the top */ .top{display: block; font-size: 18px; line-height: 20px; text-transform: uppercase; font-family: Josefin Sans; line-height: 0px; padding-bottom: 15px; text-shadow: 0px 0px 1px #cccccc;} .bottom{display: block; font-size: 20px; text-transform: lowercase; font-family: lobster; line-height: 0px; padding-top: 0px; text-indent: 20px; text-shadow: 0px 0px 1px #999999;} /* gif in the top */ #image{position:relative; visibility: visible; top: 0px; left: -5px; z-index: 97; height:0px;} #gif{height: 38px; display:inline; padding: 4px; border-radius: 0px; box-shadow:#bbbbbb 0px 0px 1px; background: url(http://i.imgur.com/MIwzbdv.png);} /* top navigation links */ a.links{font-family: consolas; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #000; display: block; margin-top: 3px; border-left: 2px solid #c9e6df; padding-left: 3px; line-height: 10px; padding-top: 2px; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; background: url(http://i.imgur.com/GdzdcnR.png); box-shadow: 0 0 1px #ddd;} a.links:hover{padding-left: 30px; border-left: 10px solid #db8c8e; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;} /* lj icons */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/dtgUfeu.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-1px !important;opacity:0.8;} img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/M0AGof9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;} /* friends only and private locks */ img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; padding: 9px 0 0 7px !important; vertical-align:-1px !important;opacity:0.8;} img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;opacity:0.8;} /* selection colors */ ::selection {color:#E0E1F1; text-shadow:#CCC 1px 1px 1px;} ::-moz-selection {color:#E0E1F1; text-shadow:#CCC 1px 1px 1px;} #ladies{position: fixed; margin-left: 20px; margin-top: 400px; width: 300px; height: 300px; z-index: 200; display: inline;} </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute;} table table table table table .meta {visibility:visible; position:relative;} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} .top2 {text-shadow: 1px 0px 1px #808080; color:#c32523; font-family: Jacques Francois, arial narrow; letter-spacing:2px; font-size:28px; line-height:26px; text-transform:lowercase;} </style> <table cellspacing="0" cellpadding="0" border="0" summary=""> <tr><td valign="bottom" colspan="0" width="700"> <table height="60" align="right" cellspacing="0" border="0" cellpadding="0" style="margin-bottom:-13px; margin-top:-6px;"> <tr><td valign="middle"> <font class="top2"><font class="top"><span style="color:#ff7777;">t</span><span style="color:#ff7e77;">e</span><span style="color:#ff8577;">m</span><span style="color:#ff8c76;">p</span><span style="color:#ff9376;">t</span><span style="color:#ff9a76;">a</span><span style="color:#ffa076;">t</span><span style="color:#ffa776;">i</span><span style="color:#ffae76;">o</span><span style="color:#ffb575;">n</span><span style="color:#ffbc75;"> </span><span style="color:#ffc375;">i</span><span style="color:#ffca75;">n</span><span style="color:#ffce74;"> </span><span style="color:#ffd274;">m</span><span style="color:#ffd673;">y</span><span style="color:#ffda73;"> </span><span style="color:#ffde72;">h</span><span style="color:#ffe272;">e</span><span style="color:#ffe771;">a</span><span style="color:#ffeb71;">r</span><span style="color:#ffef70;">t</span><span style="color:#fff370;">,</span></font><font class="bottom"><span style="color:#fff76f;"><br></span><span style="color:#fffb6f;">i</span><span style="color:#ffff6e;">'</span><span style="color:#f4ff6f;">m</span><span style="color:#e8ff70;"> </span><span style="color:#ddff70;">b</span><span style="color:#d2ff71;">u</span><span style="color:#c6ff72;">r</span><span style="color:#bbff73;">n</span><span style="color:#b0ff73;">i</span><span style="color:#a4ff74;">n</span><span style="color:#99ff75;">g</span><span style="color:#8eff76;">,</span><span style="color:#82ff76;"> </span><span style="color:#77ff77;">i</span><span style="color:#78f882;"> </span><span style="color:#78f18e;">f</span><span style="color:#79ea99;">a</span><span style="color:#7ae3a4;">l</span><span style="color:#7adcb0;">l</span><span style="color:#7bd4bb;"> </span><span style="color:#7ccdc6;">a</span><span style="color:#7cc6d2;">p</span><span style="color:#7dbfdd;">a</span><span style="color:#7eb8e8;">r</span><span style="color:#7eb1f4;">t</span><span style="color:#7faaff;">!</span></font></font> </td> <td width="90" valign="top" style="padding-left:5px;"> <br><a href="/" class="links">journal</a> <a href="/friends" class="links">friends</a> <a href="/profile" class="links">profile</a> </tr></table><tr> <div id="ladies"><img style="display: inline;" src="http://i.imgur.com/p6espHf.png"></div> <tr> <=FRIENDS_WEBSITE LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute;} table table table table table .meta {visibility:visible; position:relative;} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} .top2 {text-shadow: 1px 0px 1px #808080; color:#c32523; font-family: Jacques Francois, arial narrow; letter-spacing:2px; font-size:28px; line-height:26px; text-transform:lowercase;} </style> <table cellspacing="0" cellpadding="0" border="0" summary=""> <tr><td valign="bottom" colspan="0" width="700"> <table height="60" align="right" cellspacing="0" border="0" cellpadding="0" style="margin-bottom:-13px; margin-top:-6px;"> <tr><td valign="middle"> <font class="top2"><font class="top"><span style="color:#ff7777;">t</span><span style="color:#ff7e77;">e</span><span style="color:#ff8577;">m</span><span style="color:#ff8c76;">p</span><span style="color:#ff9376;">t</span><span style="color:#ff9a76;">a</span><span style="color:#ffa076;">t</span><span style="color:#ffa776;">i</span><span style="color:#ffae76;">o</span><span style="color:#ffb575;">n</span><span style="color:#ffbc75;"> </span><span style="color:#ffc375;">i</span><span style="color:#ffca75;">n</span><span style="color:#ffce74;"> </span><span style="color:#ffd274;">m</span><span style="color:#ffd673;">y</span><span style="color:#ffda73;"> </span><span style="color:#ffde72;">h</span><span style="color:#ffe272;">e</span><span style="color:#ffe771;">a</span><span style="color:#ffeb71;">r</span><span style="color:#ffef70;">t</span><span style="color:#fff370;">,</span></font><font class="bottom"><span style="color:#fff76f;"><br></span><span style="color:#fffb6f;">i</span><span style="color:#ffff6e;">'</span><span style="color:#f4ff6f;">m</span><span style="color:#e8ff70;"> </span><span style="color:#ddff70;">b</span><span style="color:#d2ff71;">u</span><span style="color:#c6ff72;">r</span><span style="color:#bbff73;">n</span><span style="color:#b0ff73;">i</span><span style="color:#a4ff74;">n</span><span style="color:#99ff75;">g</span><span style="color:#8eff76;">,</span><span style="color:#82ff76;"> </span><span style="color:#77ff77;">i</span><span style="color:#78f882;"> </span><span style="color:#78f18e;">f</span><span style="color:#79ea99;">a</span><span style="color:#7ae3a4;">l</span><span style="color:#7adcb0;">l</span><span style="color:#7bd4bb;"> </span><span style="color:#7ccdc6;">a</span><span style="color:#7cc6d2;">p</span><span style="color:#7dbfdd;">a</span><span style="color:#7eb8e8;">r</span><span style="color:#7eb1f4;">t</span><span style="color:#7faaff;">!</span></font></font> </td> <td width="90" valign="top" style="padding-left:5px;"> <br><a href="/" class="links">journal</a> <a href="/friends" class="links">friends</a> <a href="/profile" class="links">profile</a> </tr></table><tr> <div id="ladies"><img style="display: inline;" src="http://i.imgur.com/p6espHf.png"></div> <tr> <=LASTN_WEBSITE