Welcome Guest [Log In] [Register]
Support Staff Recommendation
All communities remaining on zIFBoards/InvisionFree should check their conversion opt-in selection in their Admin CP (menu item Tapatalk Conversion)
(Read More)
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Colorful Love Story
Topic Started: Apr 11 2008, 02:35 PM (30,108 Views)
.Danilo
Member Avatar
the original pirate
[ *  *  *  *  *  *  *  * ]
01.A UNIQUE LOVE STORY
Name: Colorful Love Story
Author: sakuragi-kun
Theme Number: 1
Date Created: Not sure
Side Notes: As usual, thanks to .sionthede for the help when I got stucked.

Posted Image READ MY STORY


02.IT IS COLORFUL

Graphics Pack made by me.

Emoticons made by Leda.

Warn Pips made by Kevin.

03.HAPPY EVER AFTER

EDIT THEME LAYOUT
Quote:
 
<!-- TOPMENU -->

<div id="main_content">

<!-- HEADER --><!-- SUBMENU --><div id="wrap"><br><br><div align="center"><!-- NAV --></div><!-- BOARD --></div>

<!-- content ends -->

<div align="center" class="personalcopyright"><b>Colorful Love Story</b> created by sakuragi-kun of the <a href="http://forums.ifskinzone.net">ZBTZ</a></div>
</div>


EDIT THEME APPEARANCE
Quote:
 
html,body {
background: url(http://z3.ifrm.com/11/41/0/p989/background.jpg) #444444;
color:#000;
font-family:"Verdana", "Arial", "Bitstream Vera Sans", "Helvetica", sans-serif;
font-size:90%;
margin:0;
padding:0;
}

a {
color:#fd6481;
text-decoration:none;
}

a:hover {
color:#ff91a6;
text-decoration:none;
}

hr {
background-color:#fd6481;
border:0;
clear:both;
color:#fd6481;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:1px solid #3a3a3a;
}

th {
background:url(http://z3.ifrm.com/11/41/0/p1043/th.jpg) repeat-x top;
color:#cdcdcd;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
color:#cdcdcd;
padding:5px 10px;
}

th a,th a:hover {
color:#cdcdcd;
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:url(http://z3.ifrm.com/11/41/0/p960/h2.jpg) no-repeat top left #4d4d4d;
color:#cdcdcd;
font-size:110%;
font-weight:700;
}

.category { border: 4px solid #545454; }

thead th {
border:1px solid #3a3a3a;
border-bottom-width:1px;
padding:5px;
text-align:center;
}

h2.special {
background:url(http://z3.ifrm.com/11/41/0/p960/h2.jpg) no-repeat top left #4d4d4d;
border-color:#404040;
}

input,select,textarea,button,a.btn_fake {
background: url(http://z3.ifrm.com/11/41/0/p1327/textareabg.jpg) bottom right #525252;
border:1px solid #3e3e3e;
color:#cdcdcd;
padding:3px 5px;
vertical-align:middle;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#eb687b;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}

button,a.btn_fake {
background:url(http://z3.ifrm.com/11/41/0/p1328/quotebar.jpg) no-repeat top left;
color:#e8e8e8;
border: 1px solid #3a3a3a;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

button:hover,a.btn_fake:hover {
border-color:#3a3a3a;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

.notice {
background:#44444;
border:2px solid #e7e7e7;
color:#333;
margin:10px auto 0;
width:70%;
}

.notice dt {
color:#8CB5E7;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background:#f6f6f6;
border-color:#3a5197;
}

.info dt {
background:#f4909e;
color:#fff;
}

dl.error {
background:#fafafa;
border-color:#BC3737;
}

.error dt {
background:#e7e7e7;
color:#BC3737;
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}

#top_bar {
background:url(http://z3.ifrm.com/11/41/0/p991/top_bar.jpg) repeat-x top;
height:12px;
}

#top {
background:url(http://z3.ifrm.com/11/41/0/p990/top.jpg) repeat top;
border-bottom:1px solid #404040;
height:20px;
padding:0 2% 4px;
margin-bottom:30px;
}

#top_info {
color:#e8e8e8;
float:left;
margin-top:4px;
}

#top_menu {
background:#fd6482;
border-left: none;
float:right;
margin-top:0px;
}

.drop_menu li {
background:url(http://z3.ifrm.com/11/41/0/p990/top.jpg) repeat-x top;
float:left;
margin-right:1px;
text-align:center;
}

.drop_menu a {
color:#f4909e;
display:block;
padding:4px .25em;
position:relative;
width:9em;
}

.drop_menu ul {
-moz-opacity:0.85;
border-top:1px solid #b6485e;
color:#fff;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;
}

.drop_menu ul li a {
background:#fd6482;
border:1 solid #b6485e;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu li ul li a:hover {
background:#e65874;
}

#logo {
background: #3f3f3f;
border: 0px solid #3a5197;
border-bottom:0;
clear:both;
margin:0 0%;
text-align: right;
}

#submenu_bar {
background: #616161;
height:10px;
margin:0 0%;
}

#submenu {
background:url(http://z3.ifrm.com/11/41/0/p1054/submenu.jpg) repeat-x top;
color:#e8e8e8;
font-size:95%;
margin:0 0%;
padding:10px 1% 0px;
text-align: center;
height: 25px;
font-weight: bold;
border-left: 1px solid #404040;
border-right: 1px solid #404040;
}

#submenu a {
padding-left: 30px!important;
padding-right: 30px!important;
}

#wrap {
border:0px solid #3A5197;
margin:0 0% 30px;
width: 100%;
}

#nav {
text-align: left;
color: #e8e8e8;
background:#f4909e;
border:3px double #eb687b;
height:20px;
width: 98%;
margin-left: 3px!important;
margin-right: 3px!important;
margin-bottom: 10px!important;
}

#nav a { color: #e8e8e8; font-weight: bold;}
#nav a:hover { text-decoration: underline; font-weight: bold;}

.meta_box {
background: #3f3f3f;
border:1px solid #3f3f3f;
font-size:85%;
line-height:150%;
padding:10px 25px;
color: #cdcdcd;
}

.meta_menu {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
color: #fd6481;
font-weight: bold;
border: 4px solid #3a3a3a;
padding:0;
width:49%;
}

.meta_menu h3 {
background:url(http://z3.ifrm.com/11/41/0/p1328/quotebar.jpg) no-repeat top left;
border:1px solid #3a3a3a;
clear:both;
color:#e8e8e8;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

.meta_menu a,.meta_menu a:hover {
color:#666;
}

ul.cat-pages {
float:left;
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#444444;
border:1px solid #e7e7e7;
color:#fd6481;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#f6f6f6;
color:#ff91a6;
}

.cat-pages span {
background:#f4909e;
border:1px solid #eb687b;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#444444;
color:#5a70b3;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort {
background: url(http://z3.ifrm.com/11/41/0/p1036/c_foot.jpg) top repeat-x #4d4d4d;
color:#cdcdcd;
font-size:80%;
}

td.c_desc {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
border-left: 1px solid #3a3a3a;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
color: #cdcdcd;
font-weight:700;
}

tr.hidden td.c_post {
background:#D8DCEB;
}

.bday {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#fd6481;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
text-align:center;
width:1%;
}

.c_forum {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
color:#cdcdcd;
font-size:80%;
width:60%;
}

.c_forum strong a,.c_last strong a {
color:#fd6481;
}

.c_forum strong a {
font-size:120%;
}

td.c_last {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
font-size:85%;
color: #cdcdcd;
}

.c_forum-desc {
color:#cdcdcd;
font-size:85%;
}

.c_last-title {
background:url(http://z3.ifrm.com/static/1/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
color: #cdcdcd;
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
color:#cdcdcd;
font-size:80%;
font-style:italic;
}

.cat_head td {
border-color:#3a3a3a;
padding:0;
margin: 0;
}

#stats .cat_head td {
border-color:#3a3a3a;
}

.description {
color:#666;
font-size:85%;
}

a.member:hover {
color:#d8d8d8;
}

td#stats_events a,td#stats_events span {
background:url(http://z3.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
padding:2px 0;
text-align:center;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
font-size:80%;
}

td.c_user dl {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
border:1px solid #3a3a3a;
margin:10px 0;
padding:5px 7px;
width:160px;
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}

#profile_menu a {
background:#f4909e;
border:1px solid #eb687b;
}

#profile_menu li li a {
border-top:0;
}

#profile_menu li ul li a:hover {
background:#ee8796;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://z3.ifrm.com/11/41/0/p5197/pollbar2.jpg) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z3.ifrm.com/11/41/0/p5196/pollbar1.jpg) no-repeat;
display:block;
float:left;
height:12px;
width:10px;
}

.editby,.queued {
border:1px dotted #ababab;
color:#999;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background-color:#D8DCEB;
border-color:#5a70b3;
}

blockquote {
background:#4d4d4d;
border: 4px solid #3a3a3a;
margin:10px auto;
padding-bottom:1px;
width:98%;
color: #b7b7b7;
}

blockquote dl {
background:url(http://z3.ifrm.com/11/41/0/p1328/quotebar.jpg) no-repeat top left;
border-bottom:1px solid #3a3a3a;
color:#fff;
}

blockquote dl dt {
color:#e8e8e8;
float:left;
font-weight:700;
margin-left: 40px;
}

code {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
max-height:400px;
overflow:auto;
white-space:pre;

}

div.spoiler {
border:3px solid #3a3a3a;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://z3.ifrm.com/11/41/0/p1328/quotebar.jpg) no-repeat top left;
border:3px solid #3a3a3a;
color:#fff;
cursor:pointer;
font-weight:700;
padding:2px 15px;
}

td.c_postinfo {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
color:#777;
font-size:80%;
vertical-align:middle;
}

td.c_postinfo input {
vertical-align:middle;
}

td.c_sig {
color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #999;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666;
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot td{
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
color:#cdcdcd;
clear:both;
}

td.c_username {
width:195px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
color:#777;
}

div.c_view-list {
color:#999;
font-size:92.5%;
}

dl#fast-reply { border: 4px solid #3a3a3a; }

dl#fast-reply dt {
background:url(http://z3.ifrm.com/11/41/0/p1328/quotebar.jpg) no-repeat top left;
border:1px solid #3a3a3a;
border-bottom: none;
color:#e8e8e8;
font-size:110%;
font-weight:700;
margin:0;
padding: 4px;
padding-left: 40px;
}

dl#fast-reply dd {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
border:1px solid #3a3a3a;
border-top: none;
padding:15px 0;
text-align:center;
}

#c_post-preview {
color: #555;
background:#f4909e;
border:3px double #eb687b;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-preview a { color: #e8e8e8; }
#c_post-preview a:hover { text-decoration: underline; }

#c_post-resize span {
color:#e7e7e7;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background:#474747;
border:1px solid #3a3a3a;
}

#emot_wrap h3 {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
border:1px solid #3a3a3a;
color:#cdcdcd;
font-size:120%;
text-align:center;
}

#emot_end {
background: url(http://z3.ifrm.com/11/41/0/p988/rowgrad2.jpg) top repeat-x #474747;
border-top:1px solid #3a3a3a;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #3a3a3a;
border-right:1px solid #3a3a3a;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background:url(http://z3.ifrm.com/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #e7e7e7;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {
color:#fd6481;
font-weight:700;
}

#ucp_gallery a:hover {
color:#ff91a6;
}

.calendar td.cal_inactive {
background:#404040;
color:#b14259!important;
}

.calendar td div {
background: url(http://z3.ifrm.com/11/41/0/p1328/quotebar.jpg) top left no-repeat;
border-bottom:1px solid #3a3a3a;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
color: #e8e8e8;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
border:2px solid #eb687b;
}

div.portal_content {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
border:1px solid #3a3a3a;
color: #cbcbcb;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:url(http://z3.ifrm.com/11/41/0/p1043/th.jpg) repeat-x top;
border-top: 1px solid #3a3a3a;
border-left:1px solid #3a3a3a;
border-right:1px solid #3a3a3a;
color:#777;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
color:#fd6481;
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#999;
font-style:italic;
}

.search_results {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
border:4px solid #3a3a3a;
margin-bottom:1em;
padding:5px 7px;
color: #cdcdcd;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#777;
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:#5a70b3;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:#444444;
border:2px solid #3a3a3a;
bottom:10px;
color:#e8e8e8;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#f27b91;
}

#pmlink {
background:url(http://z3.ifrm.com/11/41/0/p14983/pm_controls_badge.png) no-repeat 5px;
color:#f27b91;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#f27b91;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#f27b91;
}

#pmclose {
border-top:1px solid #f27b91;
color:#f27b91;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#f27b91;
}

#foot_wrap {
margin:20px 1px 20px 0;
}

#foot td {
background:#3f3f3f;
border-top: 1px solid #3f3f3f;
border-bottom: 1px solid #3f3f3f;
border-left:0;
border-right:0;
color:#777;
font-size:80%;
}

#foot a,#foot a:hover {
color:#777;
}

#foot #foot_datetime {
border-left:1px solid #3f3f3f;
width:1%;
white-space:nowrap;
}

#copyright {
align: center;
color:#3a3a3a;
font-size:80%;
margin:10px 0;
text-align:center;
}

#copyright a {
color:#fd6481;
font-weight:700;
}

#c_tos h3 {
color:#333;
font-size:120%;
}

td.username_ok {
background: url(http://z3.ifrm.com/11/41/0/p5819/usernameok.jpg) repeat-x top #4d4d4d;
}

input.username_ok {
outline: none;
}

td.username_no {
background: url(http://z3.ifrm.com/11/41/0/p5820/nousername.jpg) repeat-x top #4d4d4d;
}

input.username_no {
outline: none;
}

#acplogin {
background:url(http://z3.ifrm.com/static/acp/acpback.png) repeat-x 0 -195px #fff;
border:2px solid #3a5197;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
padding: 5px;
padding-left: 100px;
text-align:left;
color: #cdcdcd;
}

.category h2,.topic h2,#portal h2 a{
color: #cdcdcd;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
color: #e8e8e8;
padding:3px 5px;
}

#main {
height:1%;
padding:0 1%;
}

#nav li img {
vertical-align:top;
}

.meta_box,.meta_menu {
margin:10px 0;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 {
line-height:1.4;
}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

.category td.c_foot {
background: url(http://z3.ifrm.com/11/41/0/p1036/c_foot.jpg) top repeat-x;
height:10px;
}

#stats_members {
line-height:1.2;
background: url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x #444444;
}

td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}

td.c_cat-starter {
width:125px;
}

td.c_cat-lastpost {
width:175px;
}

.c_user {
vertical-align:top;
width:175px;
}

img.c_user {
height: 1px;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

* html td.c_poll-bar span {
margin-top:3px;
}

td.c_post {
line-height:1.7;
vertical-align:top;
}

td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}

td.c_nosig {
border-top-style:hidden!important;
}

blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}

blockquote div,blockquote code {
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}

dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:2px;
width:90%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
height:225px;
vertical-align:top;
width:210px;
}

#emot_list {
background: #474747;
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}

div#emot_list {
padding:0;
}

#emot_list li {
display:inline;
padding:4px 10px;
}

#emot_list img {
cursor:pointer;
vertical-align:baseline;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
color: #e8e8e8;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
border: 4px solid #3a3a3a;
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
padding:0 50px;
}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#e8e8e8;
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#ff91a6;
}

.row2 td,blockquote div {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#e8e8e8;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#3a3a3a;
border:1px solid #3a3a3a;
color:#333;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#fd6481;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#444444;
border:8px solid #3a3a3a;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_head:after {
content: ".";
display: block;
height: 0;
line-height:0;
clear: both;
visibility: hidden;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#f4909e;
margin:15px 0;
padding:5px 7px;
}

div.blog_options a {
color: #e8e8e8;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#444444;
font-weight:700;
}

#blog_sub {
background:#ed7b92;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub a {
color: #e8e8e8;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#eb687b;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

#blog table {
clear:none;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:#f4909e;
border:1px solid #e9516e;
color:#e8e8e8;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#f4909e;
border-top:1px solid #fd6481;
color:#e9516e;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#444444;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
color: #cbcbcb;
}

#blog_comments li.odd {
background:#404040;
color: #cbcbcb;
}

#shoutwrap {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#f6f6f6;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#777;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}


#main_content {
width: 90%;
margin:0px auto;
background: #3f3f3f;
border: 7px solid #2e2e2e;
}

#pinned_head {
border-top: 1px solid #404040;
}

input.row1 {
background: #444444;
color: #cdcdcd;
}

table.calendar a.ranged {
color: #e8e8e8!important;
}

div.meta_menu#ucp_settings, div.meta_menu#ucp_profile {
background:#444444 url(http://z3.ifrm.com/11/41/0/p983/rowgrad1.jpg) top repeat-x;
color: #fd6481;
font-weight: bold;
border: 4px solid #3a3a3a;
}

thead th {
background:url(http://z3.ifrm.com/11/41/0/p5822/mt_2.jpg) repeat-x top #4b4b4b;
color:#cdcdcd;
font-size:110%;
font-weight:700;
}

#portal h2, portal_foot div.portal_box h2 {
padding-left: 60px!important;
height: 19px;
padding: 8px 0px 0px 0px;
}

.personalcopyright {
color: #e8e8e8;
font-size: 10px;
}

.personalcopyright a {
font-weight: bold;
}



Edit: Updated CSS to code spoiler - .Danilo
Edited by Helena, Jun 25 2012, 11:56 PM.
Offline Profile Quote Post Goto Top
 
Skyvale
Member Avatar
Thanks for the avatar, TTO!
[ *  *  *  *  *  *  *  * ]
I've always loved this theme. ^_^
Offline Profile Quote Post Goto Top
 
amhc
Member Avatar
resident jesus
[ *  *  *  *  *  *  *  * ]
Needs theme bug updates: http://support.zetaboards.com/topic/105819/1/
Offline Profile Quote Post Goto Top
 
.Danilo
Member Avatar
the original pirate
[ *  *  *  *  *  *  *  * ]
I fixed that. Thanks for pointing that out, Alex. ^_^
Offline Profile Quote Post Goto Top
 
Journet
Member Avatar
This is a place you'll never know...
[ *  *  *  *  *  *  * ]
There is a few unskinned areas. Look here; http://s1.zetaboards.com/sk_01/topic/160053/1/#new

Apart from that. Great. :wub:
Offline Profile Quote Post Goto Top
 
PoloKid
Member Avatar
Member
[ *  *  * ]
Very nice and colourful. Great job as always s-k. =]
Offline Profile Quote Post Goto Top
 
.Koda
Member Avatar
Yeah, I went there
[ *  *  *  *  * ]
This will make for a great Valentine's day skin. Good job man!
Offline Profile Quote Post Goto Top
 
Bry
Member Avatar
caяp diєм
[ *  *  *  *  *  *  * ]
Wowah, that's awesome!
Offline Profile Quote Post Goto Top
 
Dakota
Member Avatar
over my dead body
[ *  *  *  *  *  * ]
Great job! A nice twist to the common ZB themes
Offline Profile Quote Post Goto Top
 
.Vendetta
Member Avatar
Member
[ *  *  *  * ]
Great job, S-K. ^_^ I'm loving your H2. Only thing I can say is it looks a tad wide, it would look better a bit smaller. Other than that, great theme ^_^ Great to finally see some new skins in the skins gallery. :)
Offline Profile Quote Post Goto Top
 
.Danilo
Member Avatar
the original pirate
[ *  *  *  *  *  *  *  * ]
Are you sure about that? Because it's just fine for me. But just to make sure I went ahead and updated the code.

And I'm glad you guys like the theme.

BTW, I've added a link to the graphics pack. ^_^
Offline Profile Quote Post Goto Top
 
Crossfire.
Member Avatar
Member
[ *  *  *  *  *  * ]
Very interesting look you've go there, sakuragi... Nice, as usual, I must say, but it's not really to my personal taste. :/
Offline Profile Quote Post Goto Top
 
Zythion
Member Avatar
Sānhéhuì - 三合會i
[ *  *  *  *  *  *  * ]
Aww yes, I remember you showing me this theme and complaining about the amount of graphics ZB;s needs.XD Awesome job, I love it. <3
Offline Profile Quote Post Goto Top
 
.Esper
Member Avatar
x
[ *  *  *  *  * ]
Love it, it looked awesome when I first saw it. :P
Offline Profile Quote Post Goto Top
 
fire.power
Member Avatar
Member
[ *  * ]
Stunning
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Themed · Next Topic »
Add Reply