milagros layout

GLOBAL_HEAD<= <title>ᴡɪᴛʜ ᴍʏ ғᴇᴇʟɪɴɢs ᴏɴ ғɪʀᴇ ɢᴜᴇss ɪ'ᴍ ᴀ ʙᴀᴅ ʟɪᴀʀ</title> <link rel="shortcut icon" href="http://i.imgur.com/Wd7U8Zz.png"> <link rel="stylesheet" href="http://ortiz.neocities.org/fonts/script.css"> <link href="http://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here" rel="stylesheet" type="text/css"> <style> /* layout and style taken from various journals and recoded by ~iris */ @font-face { font-family: "Code"; src: local("☺"), url("http://typefront.com/fonts/825591857.ttf") format("truetype");} @font-face { font-family: "lovenote"; src: local("☺"), url("http://typefront.com/fonts/825592229.ttf") format("truetype");} body {background: url(http://i.imgur.com/lPZbiSn.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} table { margin-bottom: -1px;} td {font-family: helvetica; font-size: 11px; line-height:13px; background-color: transparent;} .index img {border-radius:5px; height:75px; width:75px;} .entrybox {background-color: rgba(255, 255, 255, 0.55); border: 1px solid rgba(231, 225, 203, 0.8); border-radius:3px;} .shadowed img {display:none;} /* links */ a:link, a:active, a:visited {color: #006089; text-decoration: none; -o-transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s;} a:hover {color:#1d1d1d; text-shadow: 1px 1px 2px #294F5F; text-decoration:none; -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -o-transition-duration: 0.9s; -ms-transition-duration: 0.9s;} ::selection {color:#ffffff; background-color:#4A99B8;} /* subject */ p table table td.caption {font-family:helvetica; font-size: 7px; line-height: 2px; text-transform: uppercase; letter-spacing: 1px; color: #1b1b1b; border-radius:4px; background:url(http://i.imgur.com/U6O5I2u.png);} /* time and date */ .entrybox td.index{display:none;} /* mood & music. */ .entrybox td.meta {font-family:helvetica; font-size: 7px; text-shadow: 0px 0px 2px #000000; color: #1b1b1b; line-height: 8px; text-transform: uppercase;} /* comments */ .comments {font-family:helvetica; font-size: 7px; line-height: 8px; text-transform: uppercase; letter-spacing: 1px;} /* hides navigation text */ .index, table table table td.meta {text-transform:uppercase;font-family: verdana;font-size:6pt; color:#b7f2e4; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;} /* usericons & locks. */ .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 8px 10px 0; background: url(http://i.imgur.com/M4QWs.gif);} .ljuser img {display:none;} .ljuser:before {content: "#"; text-shadow: #cccccc 1px 1px 2px;} .ljadshadowed div {visibility: visible;position: relative;} table table table table table .meta {visibility: visible; position:relative;} .shadowed span#navigation img {display: inline; visibility: visible; position: relative;} /* aligns all text */ tr {text-align:justify;} /* top box website lyrics, etc */ .shadowed {background-image:url(); background-repeat:no-repeat;} .title {font-family: just me again down here, Freestyle Script, Monotype Corsiva; font-size: 40px; line-height: 40px; letter-spacing: -1px; font-weight: none; text-transform: lowercase; color: #006089;} #links{position:absolute; visibility: visible; top:13px; right: 49.5%; margin-right: -285px; z-index:0;} #line{position:absolute; visibility: visible; top:13px; right: 49.5%; margin-right: -95px; z-index:0;} a#buttons { opacity: 0.8; border-radius: 0px; color: transparent; display: inline-block; height: 30px; width:55px; font-family: consolas, helvetica; font-size: 9x; line-height:9px; letter-spacing: 1px; overflow: hidden; padding-top: 1px; text-align: center; text-shadow: none; box-shadow:0px 0px 3px #1d1d1d; text-transform: uppercase; vertical-align: text-top; transition: all 0.3s ease-in; -webkit-transition: all 0.4s ease-in;} a#buttons:hover { opacity: 1.0; color: #ffffff; font-family: consolas, helvetica; font-size:9px; height: 30px; width: 55px; letter-spacing:1px; padding-top: 1px; text-transform: uppercase; text-shadow: 0px 0px 2px #000; transition: all 0.3s ease-in; -webkit-transition: all 0.4s ease-in; } .one { background: url('http://68.media.tumblr.com/69f8d0f4707baf80e3d859eab636d191/tumblr_inline_ok6h0fNvjM1t0yoye_500.gif'); background-size:55px; } .two { background: url('http://68.media.tumblr.com/b889b95cd58945594d31322d7af52695/tumblr_inline_ok6hsla6uA1t0yoye_500.gif'); background-size:55px; } .three { background: url('http://68.media.tumblr.com/383820346081635249db9428c14751a1/tumblr_inline_ok6iu6E7Y11t0yoye_500.gif'); background-size:55px; } .oop {text-align: left; vertical-align: top; color: #1b1b1b; text-shadow:0px 0px 1px #000; weight: bold; font-family: consolas; font-size: 8px; line-height: 8px;} .cal {font-family: consolas; font-size: 8px; line-height: 10px; letter-spacing: 1px; opacity: 0.0; padding-left: 1px; display: inline; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} td.oop:hover .cal {font-family: consolas; font-size: 8px; text-shadow:0px 0px 1px #000; line-height: 8px; text-transform: uppercase; opacity: 1.0; width: auto; text-align: left; padding-left: 1px; color: #000000; display: inline; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; left:-20px;} </style> <=GLOBAL_HEAD FRIENDS_OPT_ITEMS=>20 FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute;} table table table table table .meta {visibility:visible; position:relative;} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} tr.caption {display:none} </style> <div id="line"><font class="title"></font></div> <div id="links"><a class="one" id="buttons" title="profile" href="/"><br>journal</a> <a class="two" id="buttons" title="journal" href="/profile"><br>profile</a> <a class="three" id="buttons" title="friends" href="/friends"><br>friends</a></div> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>20 LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute;} table table table table table .meta {visibility:visible; position:relative;} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} tr.caption {display:none} </style> <div id="line"><font class="title"></font></div> <div id="links"><a class="one" id="buttons" title="profile" href="/"><br>journal</a> <a class="two" id="buttons" title="journal" href="/profile"><br>profile</a> <a class="three" id="buttons" title="friends" href="/friends"><br>friends</a></div> <=LASTN_WEBSITE