Chapter 1 - codes here
Submitted March 9, 2014 Updated March 9, 2014 Status Incomplete |
Category:
Miscellaneous » Digital Art » Banners |
Chapter 1 - codes here
Chapter 1 - codes here
<style type="text/css">#topbanneri, #topbanner, #menu_holder, #titletxt, .titlebar, i, img[src="images/icons/report.png"], .good_label, .sf-menu, #footer, #bottombanner, div[style="width: 99px; height: 98px; position: relative; float: left;"], .fv, img[src="images/icons/edit.png"], img[src="images/icons/report.png"] {display: none;}
#bodyi {background: transparent;}
body {background: #5D5347;}
#content {background: #eaeaea;}
#cattery_infobox {position: fixed; top: 8px; left: 1100px; background: #e0e0e0; padding: 20px 30px 20px 30px; font-family: Georgia;}
#myimage {position: fixed; top: 350px; left: 920px; background: #3D2A23; border: 20px solid #3D2A23; border-radius: 500px;}
#cattery_descbox {overflow: visible; background: transparent;}
#lifeblood {position: fixed; top: -200px; left: 800px; height: 900px; width: 600px; background: #e0e0e0; z-index: -1;}
#hokage {position: fixed; top: 30px; left: 830px; height: 600px; width: 200px; background: #3D2A23; padding: 20px 30px 20px 30px; font-family: Georgia; font-size: 10px; color: #666564; z-index: -1;}
#navvies {position: fixed; top: 400px; left: 1040px;}
#navvies2 {position: fixed; top: 450px; left: 1070px;}
#navvies3 {position: fixed; top: 500px; left: 1075px;}
#navvies4 {position: fixed; top: 550px; left: 1060px;}
#navvies5 {position: fixed; top: 600px; left: 1020px;}
.navvies {background: #3D2A23; padding: 5px 5px 5px 150px; text-transform: uppercase; border-radius: 200px; font-family: Arial; font-size: 7px; letter-spacing: 8px; box-shadow: -3px 3px 0px #969696; z-index: -2;}
.navvies:hover {background: #A1C0AE;}
table, td, tr, #eventtxt, tbody {font-family: Georgia; font-size: 10px; text-transform: lowercase; background: none !Important; border: none !important;}
#cattery_menu {font-family: Georgia; background: none;}
li.ui-menu-item {text-transform: lowercase; font-family: Georgia !important; background: none; border: none;}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {background: none; border: none; margin: 0px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin: 0px;}
ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {cursor: default !important;}
.ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {cursor: default !important;}
.ui-tabs .ui-tabs-panel {background: none;}
span.page_number {background: none !important; border: none !important;}
#mweor_tabs {border: none; background: transparent;}
.ui-tabs-nav, li.ui-state-default, .ui-state-hover {border: none !Important; background: none !Important; font-family: Georgia; color: #848484 !important; font-size: 10px !important;}
.tab_paging {border: none !Important; font-family: Georgia; color: #848484 !important; font-size: 10px !important;}
#mpopup {background: #A1C0AE; opacity: .95;}
.popup_title {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
textarea, #message {background: #212121; color: #474747; border: none; border-radius: 30px 0px 30px 0px; padding: 20px !Important; text-align: justify;}
#message {font-family: Georgia !important;}
input {background: #212121 !important; color: #474747 !Important; border: none !Important; border-radius: 30px 0px 30px 0px; padding: 10px !important; font-family: Arial !Important; text-transform: uppercase !important; font-size: 8px !important; letter-spacing: 2px !important;}
.ui-tooltip {background: #ffffff !important; color: #474747 !Important; border: none !Important; border-radius: 5px; padding: 10px !important; font-family: Arial !Important; text-transform: uppercase !important; font-size: 8px !important; letter-spacing: 2px !important;}
div[style="width: 100px; height: 75px; position: relative; overflow: hidden; border: 1px solid black;"], div[style="width: 100px; height: 100px; border: 1px solid black; left: 25px; position: relative;"] {border: none !important;}
img, span {-webkit-filter: grayscale(1); transition: .85s ease-in-out;}
img:hover, span:hover {-webkit-filter: grayscale(.0)}
a:link, a:active, a:visited, .compose, #popupclose, #revent, .ui-tabs .ui-tabs-nav li.ui-tabs-active, .page_number {color: #848484 !important; cursor: default !Important; transition: .85s ease-in-out;}
a:hover, .compose:hover, #popupclose:hover, #revent:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover, .page_number:hover {color: #ffffff !important; text-shadow: #afafaf 0px 0px 6px;}
b, strong {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
em {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
u, ins {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
#expando {background: #A1C0AE; padding: 10px 20px 10px 20px; width: 100%; margin-bottom: 20px; box-shadow: -3px 3px 0px #969696; text-align: justify; height: 20px; overflow: hidden; transition: .85s ease-in-out; z-index: 100000; line-height: 20px;}
#expando:hover {height: 200px;}
h1 {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; margin-bottom: 10px;}
</style>
<div id="lifeblood"></div>
<div id="hokage"><div id="expando"><h1>header</h1><strong>Strong</strong>, <em>em</em>, <ins>ins</ins>. Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.<br /><br />Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</div>
<div id="expando"><h1>header</h1>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.<br /><br />Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</div>
<div id="expando"><h1>header</h1>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.<br /><br />Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</div>
<div style="background: #A1C0AE; padding: 10px 20px 10px 20px; width: 100%; margin-bottom: 20px; box-shadow: -3px 3px 0px #969696; text-align: justify;">interact: <a class="compose" cid="4635">message</a>, <a id="reportplayer" href="report.php?loc=1&other=4635">report</a>, <a href="/searchtopics.php?subject=&author=4635&mweor=&board=0&search=Search">my posts</a>, <a href="/cattery.php?id=224">coding and design cred</a>, <a href=/cattery.php?id=43641>layout cred</a></div></div>
<div id="navvies"><a class="navvies" href="/cattery.php">cattery</a></div>
<div id="navvies2"><a class="navvies" href="/explore.php">explore</a></div>
<div id="navvies3"><a class="navvies" href="/chat.php">chat</a></div>
<div id="navvies4"><a class="navvies" href="/news.php">news</a></div>
<div id="navvies5"><a class="navvies" href="/help.php">help</a></div>
<div id="myimage"><img src="http://oi50.tinypic.com/2re4mti.jpg" width="250" height="250"></div>
#bodyi {background: transparent;}
body {background: #5D5347;}
#content {background: #eaeaea;}
#cattery_infobox {position: fixed; top: 8px; left: 1100px; background: #e0e0e0; padding: 20px 30px 20px 30px; font-family: Georgia;}
#myimage {position: fixed; top: 350px; left: 920px; background: #3D2A23; border: 20px solid #3D2A23; border-radius: 500px;}
#cattery_descbox {overflow: visible; background: transparent;}
#lifeblood {position: fixed; top: -200px; left: 800px; height: 900px; width: 600px; background: #e0e0e0; z-index: -1;}
#hokage {position: fixed; top: 30px; left: 830px; height: 600px; width: 200px; background: #3D2A23; padding: 20px 30px 20px 30px; font-family: Georgia; font-size: 10px; color: #666564; z-index: -1;}
#navvies {position: fixed; top: 400px; left: 1040px;}
#navvies2 {position: fixed; top: 450px; left: 1070px;}
#navvies3 {position: fixed; top: 500px; left: 1075px;}
#navvies4 {position: fixed; top: 550px; left: 1060px;}
#navvies5 {position: fixed; top: 600px; left: 1020px;}
.navvies {background: #3D2A23; padding: 5px 5px 5px 150px; text-transform: uppercase; border-radius: 200px; font-family: Arial; font-size: 7px; letter-spacing: 8px; box-shadow: -3px 3px 0px #969696; z-index: -2;}
.navvies:hover {background: #A1C0AE;}
table, td, tr, #eventtxt, tbody {font-family: Georgia; font-size: 10px; text-transform: lowercase; background: none !Important; border: none !important;}
#cattery_menu {font-family: Georgia; background: none;}
li.ui-menu-item {text-transform: lowercase; font-family: Georgia !important; background: none; border: none;}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {background: none; border: none; margin: 0px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin: 0px;}
ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {cursor: default !important;}
.ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {cursor: default !important;}
.ui-tabs .ui-tabs-panel {background: none;}
span.page_number {background: none !important; border: none !important;}
#mweor_tabs {border: none; background: transparent;}
.ui-tabs-nav, li.ui-state-default, .ui-state-hover {border: none !Important; background: none !Important; font-family: Georgia; color: #848484 !important; font-size: 10px !important;}
.tab_paging {border: none !Important; font-family: Georgia; color: #848484 !important; font-size: 10px !important;}
#mpopup {background: #A1C0AE; opacity: .95;}
.popup_title {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
textarea, #message {background: #212121; color: #474747; border: none; border-radius: 30px 0px 30px 0px; padding: 20px !Important; text-align: justify;}
#message {font-family: Georgia !important;}
input {background: #212121 !important; color: #474747 !Important; border: none !Important; border-radius: 30px 0px 30px 0px; padding: 10px !important; font-family: Arial !Important; text-transform: uppercase !important; font-size: 8px !important; letter-spacing: 2px !important;}
.ui-tooltip {background: #ffffff !important; color: #474747 !Important; border: none !Important; border-radius: 5px; padding: 10px !important; font-family: Arial !Important; text-transform: uppercase !important; font-size: 8px !important; letter-spacing: 2px !important;}
div[style="width: 100px; height: 75px; position: relative; overflow: hidden; border: 1px solid black;"], div[style="width: 100px; height: 100px; border: 1px solid black; left: 25px; position: relative;"] {border: none !important;}
img, span {-webkit-filter: grayscale(1); transition: .85s ease-in-out;}
img:hover, span:hover {-webkit-filter: grayscale(.0)}
a:link, a:active, a:visited, .compose, #popupclose, #revent, .ui-tabs .ui-tabs-nav li.ui-tabs-active, .page_number {color: #848484 !important; cursor: default !Important; transition: .85s ease-in-out;}
a:hover, .compose:hover, #popupclose:hover, #revent:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover, .page_number:hover {color: #ffffff !important; text-shadow: #afafaf 0px 0px 6px;}
b, strong {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
em {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
u, ins {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px;}
#expando {background: #A1C0AE; padding: 10px 20px 10px 20px; width: 100%; margin-bottom: 20px; box-shadow: -3px 3px 0px #969696; text-align: justify; height: 20px; overflow: hidden; transition: .85s ease-in-out; z-index: 100000; line-height: 20px;}
#expando:hover {height: 200px;}
h1 {color: #5D5347; font-family: Arial; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; margin-bottom: 10px;}
</style>
<div id="lifeblood"></div>
<div id="hokage"><div id="expando"><h1>header</h1><strong>Strong</strong>, <em>em</em>, <ins>ins</ins>. Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.<br /><br />Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</div>
<div id="expando"><h1>header</h1>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.<br /><br />Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</div>
<div id="expando"><h1>header</h1>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.<br /><br />Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</div>
<div style="background: #A1C0AE; padding: 10px 20px 10px 20px; width: 100%; margin-bottom: 20px; box-shadow: -3px 3px 0px #969696; text-align: justify;">interact: <a class="compose" cid="4635">message</a>, <a id="reportplayer" href="report.php?loc=1&other=4635">report</a>, <a href="/searchtopics.php?subject=&author=4635&mweor=&board=0&search=Search">my posts</a>, <a href="/cattery.php?id=224">coding and design cred</a>, <a href=/cattery.php?id=43641>layout cred</a></div></div>
<div id="navvies"><a class="navvies" href="/cattery.php">cattery</a></div>
<div id="navvies2"><a class="navvies" href="/explore.php">explore</a></div>
<div id="navvies3"><a class="navvies" href="/chat.php">chat</a></div>
<div id="navvies4"><a class="navvies" href="/news.php">news</a></div>
<div id="navvies5"><a class="navvies" href="/help.php">help</a></div>
<div id="myimage"><img src="http://oi50.tinypic.com/2re4mti.jpg" width="250" height="250"></div>
Comments
You are not authorized to comment here. Your must be registered and logged in to comment