|
ノーフィクション
- Posts:
- 16
- Group:
- Admins
- Member
- #1
- Joined:
- Jan 5, 2013
- Gender
- Female
- Cathprase!
- Mr. Sadistic Night!
- Blog
- http://w11.zetaboards.com/RealPG/blog/main/3474852/
|
 VIVA ROCK CLICK FOR PREVIEW (OR CHOOSE THEME NAME @ THEME CHOOSER)
Spesifikasi
- Tinggi Banner 252 px, lebar banner terserah namun otomatis akan terus memanjang ke samping mengikuti lebar forum / perangkat user.
- Link submenu edit sendiri
TERM OF USE
Theme Appearance - Code:
-
html, body {background-image: url('http://z5.ifrm.com/30216/47/0/f5329574/vivarockbg.png'); background-position: top left; font-family: trebuchet ms; font-size: 11px; color: #666; display: inline;}
a { color: #222233; text-decoration: none; } a:hover { background: none; color: #b0d98b; } hr { border: 1px dashed #D0C57C; color: #c3c3c3; height: 1px; } table { border-collapse: collapse; border-spacing: 0; clear: both; empty-cells: show; width: 100%; } th { font-weight: 700; padding: 3px 5px; text-align: left; font-size: 90%; text-transform: uppercase; } td { color: #222233; padding: 5px 10px; } th a, th a:hover { font-weight: 700; } h1 { font-size: 200%; } h2, h3 { font-size: 100%; } .category h2, .topic h2, #portal h2, #portal_foot h2, thead th { font-family: arial; font-size: 32px; font-weight: bold; letter-spacing: -2px; color: #fafafa; text-align: right; text-transform: uppercase; padding-right: 18px; }
.category h2 a, .topic h2 a, #portal h2 a, #portal_foot h2 a, thead th a { font-family: arial; font-size: 32px; font-weight: bold; letter-spacing: -2px; color: #fafafa; text-align: right; text-transform: uppercase; }
thead th { text-align: right; background: #b0d98b; border-left: 30px solid #75b5c4; } input, select, textarea, button, a.btn_fake { background: rgb(224, 224, 224) url('http://z5.ifrm.com/30216/47/0/f5329576/vivarockpostbg.png') repeat; color: rgb(23, 99, 99); 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-bottom: 3px solid #ffffff; background: #ffffff; } .submit_error { background:#ffffff; border:1px solid #888888; } button, a.btn_fake { color: #75b5c4; cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
.c_foot button, .c_foot a.btn_fake, .c_sort button, .c_sort a.btn_fake { border-color: #eeeeee; } button.btn_text { background:none; border:0; cursor:pointer; font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size:100%; } .notice { background: #eeeeee; margin: 10px auto; width: 70%; } .notice dt { text-transform: uppercase; color: #dadada; font-weight: 700; } .notice dd { font-style:italic; } dl.info { background: #eeeeee; } .info dt { background: #D0C57C; color: #ffffff; } dl.error { background:#ffffff; border-color:#8f8f8f; } .error dt { background:#ffffff; color:#8f8f8f; } #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, table.calendar ul, .drop_menu { 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, #acplogin .c_mark img, #acplogin h1 img { display: none; }
#top img { display: none; } #top { height: 20px; padding: 0 2% 4px; margin-bottom: 12px; color: #000; } #top_info { color:#000; float:left; margin-top:4px; } #top_menu { float: right; margin-top: 0px; } .drop_menu li { background: transparent; float: left; margin-right: 1px; text-align: center; } .drop_menu a { color: #000000; display: block; padding: 4px .25em; position: relative; width: 9em; } .drop_menu ul { -moz-opacity:0.85; 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: #aed386; border: 0 solid #aed386; border-width: 0 1px 1px; display: block; padding: 4px 5%; width: 90%; } .drop_menu li ul li a:hover { background: #75b5c4; }
#logo { clear: both; margin: 0 2%; } #submenu { display:none; } #wrap { margin: 0 auto; width:800px; margin-top: -30px; margin-bottom: 100px; padding: 10px 10px 10px 10px; background: #e6e6e6 url('http://z5.ifrm.com/30216/47/0/f5329575/vivarockwrapbg.jpg') repeat; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
#wraap { margin:20px auto;margin-top:12px;margin-bottom:12px;width:800px;border-left:20px solid #461920;} } #nav { font-size: 100%; color: #F1937F; height: 1%; padding: 10px 0; font-family: trebuchet ms; text-transform: uppercase; } .meta_box { background: #eeeeee; font-size: 100%; line-height: 150%; padding: 10px 25px; } .meta_menu { background: #eeeeee; border: 1px solid #eeeeee; padding: 0; width: 49%; } .meta_menu h3 { background: #696969; clear: both; color: #ffffff; font-size: 80%; font-weight: 700; margin: -1px; text-align: center; text-transform: uppercase; } 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 { color: #222233; } .cat-pages a:hover, .cat-topicpages a:hover { background: #D0C57C; } .cat-pages span { color: #D0C57C; cursor: default; font-weight: 700; padding: 2px 5px; } .cat-pages input { background: #ffffff; color: #D0C57C; 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; text-align: center; } td.c_head, td.c_foot, td.c_sort { font-size: 90%; }
.c_sort { background: #75b5c4; }
td.c_desc { font-weight: 700; text-align: right; vertical-align: middle; width: 200px; } td.c_desc small { display:block; font-weight:400; } tr.pm_new td { font-weight: 700; font-size: 90%; } tr.hidden td.c_post { background: #ffffff; } .bday { color:#747474; font-size:90%; font-weight:700; height:16px; padding:2px 2px 2px 18px; width:20px; } .c_mark { text-align:center; width:1%; } .c_forum { width: 60%; color: #737373; font-family: 'Arial', Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; margin-top: 10px; text-align: justify; background: url('http://z5.ifrm.com/30216/47/0/f5329576/vivarockpostbg.png') repeat; } .c_forum strong a { margin-bottom: 4px; border-left: 20px solid #75b5c4; text-transform: uppercase!important; font-size: 13px!important; text-decoration: none!important; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.c_forum strong a:hover { transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; margin-bottom: 4px; border-left: 50px solid #75b5c4; }
td.c_last { font-size: 100%; } .c_forum-desc { color: #737373; font-family: 'Arial', Helvetica, sans-serif; } .c_last-title { display: block; line-height: 16px; padding-left: 10px; } td.c_info-v,td.c_info-t,td.c_info-r { font-size: 90%; padding: 5px; text-align: center; } td.c_subforum { font-size: 80%; font-style: italic; } .cat_head td { border-color: #D0C57C; padding: 0; } #stats .cat_head td { border-color: #888888; } .description { font-size: 85%; } td#stats_events a,td#stats_events span { padding: 4px 0 4px 20px; } td.c_username { padding: 2px 0; text-align: center; font-family: arial; font-size: 13px; letter-spacing: -2px; text-transform: uppercase; } td.c_username a { font-size:140%; font-weight:700; } td.c_user { font-size:100%; } td.c_user dl { margin: 10px 13px; padding: 5px 7px; width: 135px; border: 1px dashed rgb(112, 201, 70); background: url('http://z5.ifrm.com/30216/47/0/f5329576/vivarockpostbg.png') repeat; } 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 a { color: #fafafa; font-size: 14px; width: 130px; letter-spacing: 0; font-weight: bold; text-align: left; text-transform: uppercase; }
#profile_menu li { font-size: 12px; }
#profile_menu ul li a { padding: 4px 0.25em; }
#profile_menu a:hover { background: #D0C57C; }
#profile_menu ul { border-top: 0; } #profile_menu li li a { border: 0; font-size: 90%; } #profile_menu li ul li a:hover { background: #D0C57C; } 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 { float: left; height: 12px; padding-right: 3px; } td.c_poll-bar span { display: block; float: left; height: 12px; width: 3px; } .editby,.queued { border:1px dotted #ffffff; color:#b4b4b4; font-size:85%; font-style:italic; margin-top:1em; padding:3px 5px; } .queued { background-color:#ffffff; border-color:#D0C57C; } blockquote, #blog blockquote blockquote { background: #ffffff; border: 1px solid #eeeeee; margin: 0px auto; padding-bottom: 1px; }
blockquote dl { background: #eeeeee; border-bottom: 3px solid #D0C57C; text-transform: uppercase; }
blockquote dl dt { color: #222233; float: left; font-weight: 560; }
code { background: #ffffff; display: block; font-family: Monaco, Consolas, "Courier New", Courier, monospace; white-space: pre; max-height: 400px; overflow: auto; }
blockquote blockquote blockquote blockquote code { max-width: 560px; }
div.spoiler { background: #ffffff; padding: 5px 7px; } div.spoiler_toggle { text-transform: uppercase; background: #eeeeee; border-bottom: 3px solid #D0C57C; color: #222233; cursor: pointer; font-weight: 700; padding: 2px 4px; } td.c_postinfo { background: #75b5c4; font-size: 80%; vertical-align: middle; } td.c_sig { color: #223; font-size: 80%; font-family: tahoma; border-top: 1px dotted #D0C57C; } td.c_sig blockquote { background:none transparent; border:0; border-left:3px solid #b4b4b4; padding-left:5px; } td.c_sig blockquote dl { background:none transparent; border:0; color:#787878; } td.c_sig blockquote dl dt,td.c_sig blockquote dl dd { color:#787878; padding:0; } td.c_sig blockquote div { background:transparent; margin-left:5px; padding:0; } tr.c_postfoot td, td.c_postfoot { clear: both; text-transform: uppercase; border-top: 1px dashed #b0d98b; font-weight: 700; padding-bottom: 8px; } td.c_username { width:195px; } .c_next a { display:block; font-size:125%; font-weight:700; text-align:center; } div.c_view-list { font-size: 92.5%; } dl#fast-reply dt { font-size: 100%; text-align: right; background: #b0d98b; border-left: 30px solid #75b5c4; font-weight: 700; margin: 0; padding: 5px; text-transform: uppercase; color: #fff; } dl#fast-reply dd { padding: 15px 0; text-align: center; border-bottom: 3px solid #b0d98b; background: #eeeeee url('http://z5.ifrm.com/30216/47/0/f5329574/vivarockbg.png'); } #c_post-preview { background: #ffffff; border:1px solid #f6f6f6; margin:0 auto 10px; padding:5px; text-align:left; width:98%; } #c_post-resize span { color: #c3c3c3; cursor: pointer; font-size: 225%; padding: 20px 5px 0; } #emot_wrap { background: #eeeeee; } #emot_wrap h3 { background: #eeeeee; font-size: 120%; text-align: center; } #emot_end { display: block; font-weight: 700; padding: 4px 0; text-align: center; } #pm_folders { padding-top: 30px; vertical-align: top; width: 150px; } #pm_folderlist { position: relative; margin-left:0; margin-top:0 } #pm_folderlist li { display: list-item; margin-bottom: 4px; padding-left: 28px; } #pm_forwarded { border:1px dotted #ffffff; color:#b4b4b4; font-size:90%; font-style:italic; margin-top:1em; padding:3px 5px; } #ucp_gallery a { font-weight: 700; } .calendar td.cal_inactive { background: #eeeeee; } .calendar td div { background: #eeeeee; font-weight:700; padding:5px 7px; }
.cal_inactive div { color: #eeeeee; }
#cal_current div { background: #ffffff; }
.calendar div a { float:right; font-size:80%; font-weight:400; padding:0 0 6px 24px; } .calendar li a,.calendar li span { border-color:transparent; border-style:solid; border-width:1px; display:block; padding:3px; } .calendar td#cal_current { background: #ffffff; } div.portal_content { background: transparent; font-size: 90%; margin: 0; padding: 5px 7px; }
.portal_content img { max-width: 400px; } #portal h2 { font-size: 95%; } #portal h4 { font-size: 120%; font-weight: 400; text-align: center; margin: 0px; padding: 5px 7px; background: transparent; } #faq dt a { color: #747474; font-size: 120%; font-weight: 700; } #faq dd.faq_more a, #faq dl.faq_more a:hover { font-style: italic; } .search_results { background:#ffffff; border:1px solid #ffffff; margin-bottom:1em; padding:5px 7px; } .search_results h3 { display:inline; font-size:125%; } .search_results cite,.search_results p { color:#8c8c8c; font-size:85%; margin:0; } #findposts .c_mark { color:#c3c3c3; font-size:200%; font-weight:700; vertical-align:top; } #pmtoast { background: #696969; bottom: 10px; color: #3c3c3c; display: none; font-size: 85%; position: fixed; right: 10px; text-align: right; text-decoration: none; width: 200px; z-index: 1; } #pmtoast:hover { border-color: #696969; } #pmlink { display: block; padding: 10px 10px 10px 55px; text-decoration: none; } #pmlink big { text-transform: uppercase; color: #ffffff; display: block; font-weight: 700; padding-bottom: 5px; font-size: 90%; } #pmclose { background: #eeeeee; display: block; font-size: 80%; padding: 1px 10px; }
#pmtoast:hover, #pmlink:hover, #pmclose:hover { background: #D0C57C; border-color: #D0C57C; }
#foot_wrap { margin: 20px 1px 20px 0; } #foot td { background: none; border: 0; font-size: 100%; } #foot #foot_datetime { width: 1%; white-space: nowrap; } #copyright { font-size: 80%; margin: 10px 0; text-align: center; } #copyright a { font-weight: 700; } #c_tos h3 { color: #3c3c3c; font-size: 120%; } input.username_ok { border-bottom: 3px solid #999999; } input.username_no { border-bottom: 3px solid #bbbbbb; } #acplogin {background: #D0C57C; height: 275px; left: 50%; margin: -137.5px 0 0 -250px; padding: 0; position: absolute; top: 50%; width: 500px; } #acplogin h1 { color:#ffffff; 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 { background: #b0d98b; border-left: 30px solid #75b5c4; font-size: 14px; }
h3 { padding: 3px 0; } input[type=checkbox] { background: transparent; border: 0; padding: 0; vertical-align: bottom; } input[type=radio] { border: 0; } select { background: rgb(100, 189, 100); margin: 0 7px; padding: 0; vertical-align: bottom; color: white; } 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 { padding: 3px 5px; } #main { height: 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: 1px 3px; } .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: 20px 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%; } #stats_members { line-height: 1.2; } 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, img.member { display:block; margin:auto; text-align:center; } .av_wrap { overflow:hidden; text-align:center; margin:auto; } td.c_user .usertitle { text-align: center; margin: 3px 0; font-family: trebuchet ms!important; font-size: 10px!important; color: #D0C57C; letter-spacing: 1px; text-transform: lowercase; } .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 { font-size: 11px; line-height: 1.7; vertical-align: top; font-family: tahoma; background: url('http://z5.ifrm.com/30216/47/0/f5329576/vivarockpostbg.png') repeat; padding: 25px; } td.c_post ul { list-style-type:square; margin-left:10px; }
.c_post-attachment { font-size:83.3%; margin-top:1em; padding:1em; } .c_post-attachment dd { margin-left:1em; }
.c_post img { max-width: 500px; } .post_sep { display: none; } 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 dl dd { font-size: 80%; }
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 { height:225px; vertical-align:top; width:210px; } #emot_list { 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%; } .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 170px 0 220px; } #portal_clear { background: transparent; border: none; clear: both; font-size: 1px; height: 1px; margin: 0; padding: 0; } .portal_box { margin-bottom: 15px; } .portal_box table { clear: none; } #portal h2,#portal_foot h2 { clear: none; margin: 0; padding:3px 13px; } #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; } input, select, td, th { font-size: 100%; }
#shoutpost input { font-size: 110%; }
button.btn_default, #nav li span, .c_post-attachment dt, #c_tos dt { font-weight:700; } .meta_box h3, td.c_topicfoot strong, #meta_welcome strong { font-size:120%; } blockquote div { background: #ffffff; } img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img, td.c_postinfo input { 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: #eeeeee; margin: 10px 0; } #blog blockquote { background: none; border: none; font-size: 12px; padding: 0 10px; line-height: 1.7; } #blog blockquote blockquote { padding: 0; font-size: 100%; } #blog h1 { float: right; } #blog h2 { background: #abd083; clear: none; font-size: 150%; padding: 5px; text-transform: uppercase; } #blog h2, #blog h2 a, #blog h2 a:hover { color: #ffffff; } #blog_foot { clear:both; margin-bottom:20px; } #blog_head { border: 8px solid #eeeeee; 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 { background: #ffffff; margin: 15px 0; padding: 5px 7px; border-bottom: 3px solid #D0C57C; }
#blog_sidebar h3,#blog_sidebar dt { color:#c3c3c3; font-weight:700; } #blog_sub { background: #ffffff; clear: both; position: relative; padding: 5px 7px; text-align: right; font-size: 85%; }
#blog_sub button, #topic_viewer .c_foot button { border-color: #ffffff; }
#blog_sub span { padding-top: 4px; } #blog_sidebar { background: #eeeeee; 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: 80%; text-align: right; background: #eeeeee; margin: 15px 0; padding: 5px 7px; text-transform: uppercase; }
div.blog_date { background: #d0c57c; color: #ffffff; float: right; font-weight: 700; margin: 11px 15px; text-align: center; text-transform: uppercase; width: 40px; } div.blog_date span { background: #ffffff; color: #696969; display: block; font-size: 130%; font-weight: 700; padding: 2px 4px; } div.blog_entry { background: #eeeeee; margin: 10px 0; padding: 5px 7px; } #blog_comments li { padding: 5px 7px; }
#shoutwrap { font-size: 88.3%; } #shoutwrap td { padding: 0; } #shoutbox { font-size: 110%; list-style-type: none; margin: 0; padding: 0; } #shoutbox li { padding:5px 7px; } #shoutbox li.odd { background: #D0C57C; } #shoutbox dl,#shoutbox dt,#shoutbox dd { margin:0; padding:0; } #shoutbox dt { font-size: 80%; } #shoutopts,#shoutpost { clear:both; text-align:center; }
.forums .c_foot { padding: 0; height: 3px; }
.t_icon { text-transform: uppercase; text-shadow: 1px 1pt #c3c3c3; font-weight: 700; font-size: 120%; color: #696969; }
.banner { font-size: 300%; text-shadow: 1px 2pt #eeeeee; }
.banner a { color: #c3c3c3; }
.banner a:hover, .c_mark a:hover { background: none; }
.banner img { margin-top:50px; -webkit-border-top-left-radius: 200px; -webkit-border-top-right-radius: 200px; -moz-border-radius-topleft: 200px; -moz-border-radius-topright: 200px; border-top-left-radius: 200px; border-top-right-radius: 200px; z-index: 2; position:relative; }
.c_view { background: transparent; }
#portal { background: transparant; }
.c_cat-mark, .posts .c_foot { font-weight: 700; }
#forum_footer .c_foot { padding: 0; }
#announcement_list .c_cat-title, #announcement_list .c_cat-starter, #announcement_list .c_cat-lastpost { border-bottom: 3px solid #D0C57C; }
.c_topicfoot { background: transparant; }
.blue { background: #D0C57C; padding: 2px 4px; text-transform: uppercase; font-weight: 700; font-size: 100%; }
.blue:hover { background: #ffffff; }
#fast-reply button { font-weight: 700; text-transform: uppercase; font-size: 80%; font-family: "Helvetica","Arial","Bitstream Vera Sans","Verdana",sans-serif; }
.topic-buttons a, .topic-buttons a:hover { padding: 4px; }
#forum_footer .c_sort button { border-color: #ffffff; }
#pm_messages { height: 95px; }
#ucp_profile { height: 129px; }
#conversation { margin: 0 !important; }
#pm_quick_reply { margin-top: 20px; }
select[name="fid"] + small button { border-color: #ffffff; }
button:hover, #topic_viewer .exclusivebutton + table td, #topic_viewer .c_foot { background: #b0d98b; }
.category, #error_box, #pm_compose, textarea, input, #address_book, #pm_quick_reply, #conversation, #add_address, #pm_settings_box, #pm_folder_add, #pm_folder_editing, #pm_archiving, #tracker_list, #notepad, #board_settings, #email_settings, #password_change, #name_change_req, #email_change, #security_settings, #edit_profile, #edit_sig, #avatar_editor, #photo_settings, #blog_settings, #cal_end, .calendar td#cal_current, #member_list_full, #forum_rules, #search_form, .faq_list, #rcp_post_list, #rcp_pm_list, #pm_inbox, #quick_pm_compose, .notice, .portal_box, #portal, div.blog_date, #blog_sub, #blog, .drop_menu ul, #forum_leaders_global, #search_results_topics + .forums, #top_posters, #member_list_full, #sbx_archive, #login_page, #reg_rules_intro, .register, #pw_request, #fwd_topic, #profile_menu a, #name_history, #findposts, #blog_comments li { }
#blog h2, #blog_sub, .drop_menu ul { }
.cornercanvas { display: none !important; }
#stats { border-bottom: 0; padding-top: 30px; }
#stats .c_foot { padding-right: 10px; padding-top: 2px; }
#c_bbcode .row1 { background: #eeeeee; }
.l {text-align:left} .c {text-align:center} .r {text-align:right} .left {float:left} .right {float:right} #stats_members a.member, .bday_strip {white-space:nowrap} .calendar li span {cursor:default} #c_tos li {display:list-item;margin-left:25px} #c_tos ul li {list-style:disc} #c_tos ol li {list-style:lower-alpha} #shoutrefresh {cursor:pointer}
span.byline { font-size: 35%; text-shadow: 1px 1pt; } .imgc { color: #c3c3c3; } .hott { color: #bbbbbb; }
/* ---------------------- TOPBAR ------------------------------ */
#topbar { margin:10px 0px 20px 0px;}
.topbar-box { width:770px; background-image:url(http://i39.tinypic.com/1zh1tac.jpg); border:1px solid #e2d2e4; padding:5px;}
.topbar-header { padding:5px; font-family:'Bitter', serif; font-size:13px; text-align:center; text-transform:uppercase; text-shadow:-1px -1px 1px #552e3c; border-bottom:5px solid #915c70; color:#cdabbe; background-color:#7c4e5f;}
.topbar-content { background-color: #F8F3F9; width: 524px;}
ul.topbar-tabs { margin: 0 auto; padding: 0; float: right; list-style: none; height: 12px; position: relative; left: 70%;}
ul.topbar-tabs li { right: 50%; float: right; margin: 0; padding: 0; height: 12px; line-height: 12px; position: relative;}
ul.topbar-tabs li a { text-decoration: none; text-transform: uppercase; letter-spacing: 1px; color: #351C26; display: block; font-size: 13px; background: #B18495; padding: 7px 15px; margin: 0px 0px 0px 4px; outline: none; font-family: arial;}
ul.topbar-tabs li a:hover, ul.topbar-tabs li a.selected { background: #ccacb8;}
html ul.topbar-tabs li.active, html ul.topbar-tabs li.active a:hover { background: #fff;}
.topbar-tab-container { height:170px; clear: both;}
.tab-content { text-align:justify; clear:both; overflow:auto; height:200px; padding:5px; font-size:11px;}
#content { float:left; margin:0px 0px 20px 20px;}
/* ---------------------- SPECIAL ------------------------------ */
/* NAVIGATION */ #bg { margin: 20px auto; margin-bottom: 0px; margin-top: 0px; width: 850px; background: url(http://24.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo2_250.png) fixed repeat; } #bg1 { margin: 2px 57px auto; margin-bottom:-7px; margin-top:0px; width:850px; background:#f7f7f7; border-left:20px solid #D0C57C; border-right:20px solid #D0C57C; }
#bg2 { margin:20px auto;margin-bottom:0px;margin-top:0px;width:850px;background:#a4deec;border-right:1px dashed #fff;border-left:1px dashed #fff;}
#links { position: absolute; margin-left: 5px; margin-top: 15px; z-index: 999; top: 20px; }
#links a { border-left: 10px solid #D0C57C; display: block; padding-left: 5px; margin-bottom: 3px; font-family: consolas; font-size: 9px; color: #796e5c; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#links a:hover { border-left: 30px solid #D0C57C; }
/* BUTTON */ .button1 { display: inline; color: #75b5c4; font-size: 11px; padding: 0px 11px; letter-spacing: 1px; font-family: trebuchet ms;}
.button2 {display: inline; text-align: right; background: #b0d98b; border-left: 20px solid #75b5c4; font-size: 14px; padding: 5px; font-family: arial; font-weight: bold; text-transform: uppercase; color: #fff; }
/* CREDIT */ #credit {text-align: center; color: #223; font-size: 83%; font-weight: 500; text-transform: uppercase;} #credit a {color:#222233; font-size:100%;font-weight: 700;}
/* JUSTIFY */ /* justify */ td.c_post, .meta_box, #blog { text-align: justify;}
/* MODIFICATION */
#top-navigation-bg { background: url('http://z5.ifrm.com/30216/47/0/f5329574/vivarockbg.png') repeat; height: 60px; position: relative; }
#top-navigation { margin: 0 auto; width: 1000px; }
.top-menu { margin: 0 auto; padding: 0 0 0 0; height: 60px; }
.top-menu a { padding: 20px 15px 18px 15px; color: #a7a7a7; float: left; font-size: 19px; font-family: 'Arial', Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: left; text-decoration: none; text-transform: uppercase; text-shadow: 2px 2px #FFF; background-color: transparent; letter-spacing: -1px; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; }
.top-menu a:hover { color: #b0d98b; background: #ffffff; text-shadow: none; }
#header-img { margin: 0 auto; height: 252px; background: #b0d588 url('http://b3.ifrm.com/30216/47/0/f7000163/VivaRockBanner.jpg') center top repeat-x; border-top: 10px solid #fff; border-bottom: 10px solid #fff; }
.forummaker { color: #3D608E; font: 20px Arial; font-weight: bold; letter-spacing: -2px; }
#credit { text-align: center; color: #3e3e3e; font-size: 10px; font-weight: 500; text-transform: uppercase; font-family: 'Arial', Helvetica, sans-serif; display: block; width: 400px; margin: 0px auto; padding: 5px; background: #b0d98b; border-top: 10px solid #75b5c4; border-bottom: 30px solid #75b5c4; }
Theme Layout - Code:
-
<!-- HEADER --><!-- SUBMENU -->
<div id="top-navigation-bg"> <div id="top-navigation"> <div class="top-menu"> <div id="menu_div"> <a href="http://w11.zetaboards.com/yourlink/index"> Home </a> <a href="http://w11.zetaboards.com/yourlink/search/?c=5"> Active Topics </a> <a href="http://w11.zetaboards.com/yourlink/search/"> Search </a> <a href="http://w11.zetaboards.com/yourlink/members/"> Members </a> <a href="http://w11.zetaboards.com/yourlink/calendar/"> Calendar </a> <a href="http://w11.zetaboards.com/yourlink/site/"> Portal </a> </div> </div>
</div> </div>
<div id="header-img"></div> <div id="wrap"><!-- TOPMENU --><!-- NAV --><!-- BOARD -->
<div id="credit">Zetaboard Theme made by Midnight.sun<br> All images, character, and support code/Javascript belong to their respective owners. Please do not steal anything.<br><a href="http://w11.zetaboards.com/elysianfields/index"><img src="http://z5.ifrm.com/30216/47/0/f5314646/elysianbanner.jpg"></a></div></div>
Theme Images
Edited by Queen, Sep 7 2016, 07:41 AM.
|