producer layout

GLOBAL_HEAD<= <title>ᴘʀᴏᴅᴜᴄᴇʀ: ᴀ ғᴀᴜx ᴄᴇʟᴇʙ ᴄᴏᴍᴍᴜɴɪᴛʏ!</title> <link href="http://fonts.googleapis.com/css?family=Cabin+Condensed" rel="stylesheet" type="text/css"> <style> /* coding credit to suzanne@ij.com! */ /* background */ body { background: linear-gradient(#E2E2E2, #E2E2E2); } /* aligns all the words */ tr { text-align:justify; } /* font throughout the layout */ td { color: #000; font-family: arial; font-size: 11px; line-height: 13px; } /* links */ a { color: #777; text-decoration: none; transition: all 1.0s ease-out; } a:hover { color: #000; text-decoration: none; transition: all 1.0s ease-out; } /* entrybox */ .entrybox { width: 600px; background-color: #FFF; border-radius: 5px; margin-left: 0px; padding: 0px; border: 1px solid #CCC; } /* mood & music. */ .entrybox td.meta { color: #666; font-family: verdana; font-size: 8px; line-height: 9px; text-transform: uppercase; } /* subject */ p table table td.caption{ color: #666; font-family: Cabin Condensed; font-size: 16px; line-height: 12px; letter-spacing: 0px; } /* date & time */ .entrybox td.index { display: none; } /* comments */ .comments { color:#666; font-family: Cabin Condensed; font-size: 9px; line-height: 11px; letter-spacing: 1px; text-align: right; text-transform: uppercase; padding-right: 8px; padding-bottom: 4px; } /* friends page icons & users. */ .entrybox a.index { color:#666; font-family: Cabin Condensed; font-size: 9px; line-height: 11px; letter-spacing: 1px; text-transform: uppercase; } /* entry navigation */ .index, table table table td.meta { color: transparent; font-size: 14px; font-family: Cabin Condensed; line-height: 0px; } /* lj user icon */ .ljuser img { display: none; } /* smaller locks*/ .caption img, .ljuser img { width: 10px; height: 10px; padding-right: 3px; } /* sidebar & navigation */ #sidebar { visibility: visible; background:; border-right:; width: 300px; height: 100%; position: fixed; top: 200px; left: 80px; } #title { color: #000; font-family: cabin condensed; font-size: 40px; line-height: 40px; text-shadow: 1px 1px 1px #CCC; letter-spacing: 0px; font-weight: bold; text-transform: uppercase; text-indent: 8px; display: block; transition: all 1.0s ease-out; } #nav { position: absolute; display: inline-block; visibility: visible; text-align: justify; top: 30px; margin-left: -50px; } .one { background: #FFF; padding: 5 15 6; text-align: center; line-height: 8px; letter-spacing: 1px; font-family: Cabin Condensed, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #000; border: 2px solid #CCC; width: 70px; position: absolute; left: 50; top: 10; border-radius: 5px 0px 0px 0px; } .two { background: #FFF; padding: 5 15 6; text-align: center; line-height: 8px; letter-spacing: 1px; font-family: Cabin Condensed, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #000; border: 2px solid #CCC; width: 70px;position: absolute; left: 152; top: 10; border-radius: 0px 5px 0px 0px; } .three { background: #FFF; padding: 5 15 6; text-align: center; line-height: 8px; letter-spacing: 1px; font-family: Cabin Condensed, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #000; border: 2px solid #CCC; width: 70px; position: absolute; left: 50; top: 31; } .four { background: #FFF; padding: 5 15 6; text-align: center; line-height: 8px; letter-spacing: 1px; font-family: Cabin Condensed, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #000; border: 2px solid #CCC; width: 70px; position: absolute; left: 152; top: 31; } .five { background: #FFF; padding: 5 15 6; text-align: center; line-height: 8px; letter-spacing: 1px; font-family: Cabin Condensed, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #000; border: 2px solid #CCC; width: 70px; position: absolute; left: 50; top: 52; border-radius: 0px 0px 0px 5px; } .six { background: #FFF; padding: 5 15 6; text-align: center; line-height: 8px; letter-spacing: 1px; font-family: Cabin Condensed, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #000; border: 2px solid #CCC; width: 70px; position: absolute; left: 152; top: 52; border-radius: 0px 0px 5px 0px; } .one:hover, .two:hover, .three:hover, .four:hover, .five:hover, .six:hover, .seven:hover, .eight:hover { background: #CCC; color: #FFF; transition: all 1.0s ease-out; } </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px} table table table table table .meta {visibility:visible; position:relative; top:1px} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <div id="sidebar"> <a href="http://producer.insanejournal.com/profile"><span id="title">producer</span></a> <span id="nav"> <a class="one" href="http://producer.insanejournal.com/data/customview?styleid=15406" target="_blank">taken</a> <a class="two" href="http://producer.insanejournal.com/data/customview?styleid=15112" target="_blank">rules</a> <br> <a class="three" href="http://producer.insanejournal.com/2014/01/01/">members</a> <a class="four" href="http://producer.insanejournal.com/17003.html?mode=reply">dropbox</a> <br> <a class="five" href="http://asylums.insanejournal.com/crewmember">storylines</a> <a class="six" href="http://wikipage.insanejournal.com">credits</a> </span></div> <=FRIENDS_WEBSITE LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px} table table table table table .meta {visibility:visible; position:relative; top:1px} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <div id="sidebar"> <a href="http://producer.insanejournal.com/profile"><span id="title">producer</span></a> <span id="nav"> <a class="one" href="http://producer.insanejournal.com/data/customview?styleid=15406" target="_blank">taken</a> <a class="two" href="http://producer.insanejournal.com/data/customview?styleid=15112" target="_blank">rules</a> <br> <a class="three" href="http://producer.insanejournal.com/2014/01/01/">members</a> <a class="four" href="http://producer.insanejournal.com/17003.html?mode=reply">dropbox</a> <br> <a class="five" href="http://asylums.insanejournal.com/crewmember">storylines</a> <a class="six" href="http://wikipage.insanejournal.com">credits</a> </span></div> <=LASTN_WEBSITE