|
ノーフィクション
- 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/
|
茶色CLICK FOR PREVIEW (OR CHOOSE THEME NAME @ THEME CHOOSER)
spesification
- Banner lebar 850 px maksimal
- Link Submenu otomatis
- Sidebar hover dengan lebar 180 px
- Lebar keseluruhan 870 px.
TERM OF USE
the code
Theme Appearance - Code:
-
/* ---------------------- MAIN PAGE ------------------------------ */
/* TABLE & SIDEBARS */
#wrap {background: #CEC5AF; margin: 20px auto; margin-bottom: 70px; width: 850px; padding: 12px; margin-top: 50px; -moz-box-shadow: 1px 3px 7px 4px #120F09; -webkit-box-shadow: 1px 3px 7px 4px #120F09; box-shadow: 1px 3px 7px 4px #120F09;}
#headmer {background:none;}
/*THE BASICS*/
html,body { font-family: verdana;font-size:12px; margin: 0px; padding: 0px; background-image: url(http://images.alphacoders.com/741/74183.jpg);background-attachment: fixed; }
a { color:#3F3627; text-decoration:none;} a:hover { color:#946871; text-decoration:bold;} hr {background-color:#43686f; border:0px; clear:both; color:#111; height:1px;}
table { border-collapse:collapse;border-spacing:0; clear:both; empty-cells:show; width:100%; border:0px solid #bed2d9;} th { color:#999;font-weight:400; padding:3px 5px; text-align:left; }
td { color:#999; padding:5px 10px; }
th a,th a:hover { color:#898473; font-weight:700; }
h1 { font-size:200%; }
h2,h3 { color:#4a4a4a; font-size:100%; }
h3 {padding:3px 0;}
h4 {font-weight: bold; color: #946871; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; margin: 0px; padding: 1px; text-align: center;}
/*FORUM BORDERS*/
th,td {border:0px solid #E8E8E8; color:#3F3F3F;} .frank th,td { border:0px solid #E8E8E8; color:#3F3F3F;}
/*FORUMS ROW 1-4 */
td.c_forum {color: #525252; font-family: arial; font-size: 11px; text-align: justify; text-transform: none; }
.c_forum {color:#666;font-size:80%;width:60%;}
td.c_mark {background: none;}
td.c_last { font-size: 85%; text-align: center; border: none;}
td.c_info-v,td.c_info-t,td.c_info-r { font-size: 80%; padding: 5px; text-align: center; color: #000; border: none;}
td.c_subforum {background:#F0F0F0;color:#bbb;font-size:70%;font-style:italic; padding:1px;}
.c_forum strong a,.c_last strong a {color:#3F3625; text-align:center;}
.c_forum strong a {font-size: 24px; color: #2B2926; font-family: Times New Roman; letter-spacing: 1px; font-style: italic; text-transform: uppercase; text-shadow: 0px 0px 3px #3F3627;}
/*FORUM LINK*/
.c_forum-desc {color:#090707;font-size:85%;}
/*BUTTONS*/
.bday {background:url(http://209.85.117.197/static/1/s_minibday.png) no-repeat;color:#433444;font-size:90%;font-weight:700;height:16px; padding:2px 2px 2px 18px;width:20px;}
/*FORUM COLORS DARK ROW 2 */
td.c_head,td.c_foot,td.c_sort {color: black; font-size: 80%; border: none;}
/*FORUM MAIN TITLE */
.category h2, .topic h2, #portal h2, #portal_foot h2, thead th { letter-spacing: 1px; font-family: Times New Roman; text-transform: uppercase; background-color: #3F3627; text-shadow: 2px 1px 1px #383738; font-weight: bolder; font-size: 9px; }
h2 a {text-decoration: none; color: #fff;}
.cat_head td {border:none; background:none; color:#946871;}
thead th { padding: 0px; text-align: center; color: white;}
.category h2, .topic h2 {letter-spacing: 3px; font-family: times new roman; text-transform: uppercase; background: url(http://i.imgur.com/IM4ix.png); color: #898473; font-weight: bold; padding-left: 15px; margin-top: 12px; padding-bottom: 11px; padding-top: 6px; text-align: center;}
#portal h2 {letter-spacing: 3px; font-family: times new roman; text-transform: uppercase;color: #898473; font-weight: bold;text-align: center;}
/* ---------------------- INSIDE FORUM PAGE ------------------------------ */
.row1,.row2 {line-height:1.4;}
.row2 td, .row1 td, blockquote div {background: #E8E8E8; font-family: century gothic; font-size: 11px;}
td.c_view {background: #3F3627; color: white;}
div.c_view-list {color:#4a4a4a;font-size:92.5%;}
td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {text-align:center;}
.c_last-title {background:url(http://209.85.117.197/static/1/last.gif) no-repeat left;display:block;line-height:16px;padding-left:10px;}
a.c_last-title {color:#3F3625;}
.cat_head td {border-color:none;padding:0;}
#stats .cat_head td {border:none;background-color:transparant!important;}
#stats td {color:#3F3F3F;}
#stats th {letter-spacing: 1px; font-family: times new roman; text-transform: uppercase; background-color: #3F3627; color: white; font-weight: lighter;}
.description {color:#666;font-size:85%;}
a.member:hover {color:#666;}
#findposts .c_mark {color:#0D0D0D;font-size:200%;font-weight:700;vertical-align:top;}
.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%;}
.c_mark img {display:block;margin:auto;}
.c_last {line-height:1.4;min-width:300px;width:30%; color:#000;}
.category td.c_foot { display:none;}
#stats_members, #stats_legend {line-height:1.2; color:#3F3F3F;font-family:verdana; font-size:12px;border:0px solid #090707;}
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_cat-starter,.c_cat-replies,.c_cat-views,.c_cat-title,.c_cat-lastpost,.c_cat-mark, {text-align:center; text-transform:uppercase; background:#111;}
/* ---------------------- RANDOM SHIT ------------------------------ */
button,a.btn_fake {background:#dddcbe ;color:#946871;cursor:default;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;overflow:visible;width:auto;}
button:hover,a.btn_fake:hover {border-color:#946871;}
button.btn_text {background:none;border:0;cursor:pointer;font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;font-size:100%;}
.notice {background: #E3E2C4; border: 10px solid #946871; color: #3F3627; margin: 10px auto 0; width: 70%;}
.notice dt {color:#43686f;font-weight:700;} .notice dd {font-style:italic;}
dl.info {background: #CEC5AF; border-color: #3F3625;}
.info dt {background: #CEC5AF; color: #3F3627;}
dl.error {background:#E8E8E8;border-color:#946871;} .error dt {background:#946871;color:#946871;}
/* ---------------------- MENUS ------------------------------ */
#top_bar {height:1px;}
.drop_menu img {display:none;}
#top { background: #3F3625; border: none; height: 19px; padding: 0 2% 4px;}
#top_info {color: #898473; float: left; margin-top: 4px; font-size: 12px;}
#top_info a {color: #898473;}
#top_menu {border:none;float:right;margin-top:0px; }
.drop_menu li {background: #3F3627;float:left;margin-right:1px;text-align:center;font-size:9px;}
.drop_menu a { color: #898473;display:block; padding:4px .25em; position:relative; width:9em;}
.drop_menu a:hover { color: #898473;}
.drop_menu ul {-moz-opacity:0.85;color:#494949; left:-999em; margin:0; opacity:0.85; position:absolute; width:9.4em;}
.drop_menu ul li { background:#3F3625; font-size:85%; margin:0; padding:0; width:100%;}
.drop_menu ul li a { border:0px solid #946871; display:block; padding:4px 5%; width:90%;}
.drop_menu li ul li a:hover { background:#fff; }
.drop_menu a img {vertical-align:bottom;}
.drop_menu li:hover ul,.drop_menu li.hover ul {left:auto;}
#profile_menu ul {-moz-opacity:1;border-top:0;opacity:1;}
#profile_menu a {background:#E8E8E8;border:1px solid #946871;}
#profile_menu li li a {border-top:0;} #profile_menu li ul li a:hover {background:#946871;}
#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;}
#main {height:1%;padding:0 1%;}
#nav li img {vertical-align:top;display:none;}
.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 { letter-spacing: 5px; font-family: time news roman; text-transform: uppercase; color: #898473; }
/* ---------------------- LOGO ------------------------------ */
#logo { background:none;border:0;clear:both;margin:0;}
/* ---------------------- SUBMENU ------------------------------ */
#submenu {font-size: 12px; color: #2B2926; font-family: Times New Roman; letter-spacing: 1px; font-style: italic; text-transform: uppercase; text-shadow: 0px 0px 3px #3F3627; margin: 3px; text-align:center;}
#submenu a{display: inline-block; padding-right: 11px;}
#submenu a:hover{color: #999;}
#nav {color:#3F3625;height:1%;padding:10px 1%;background:none;text-align:left;padding-left: 26px;}
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:#E8E8E8;border:1px solid #946871;color:#0D0D0D;}
.cat-pages a:hover,.cat-topicpages a:hover { background:#0e0e0e;color:#3F3F3F;}
.cat-pages span {background:#0D0D0D;border:1px solid #946871;color:#FFF;cursor:default;font-weight:700;padding:2px 5px;}
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;}
tr.pm_new td {font-weight:700;}
/* ---------------------- THREAD VIEWING PAGE ------------------------------ */ /* POLLS */
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://209.85.117.197/static/1/poll_b.png) no-repeat right;float:left;height:12px;padding-right:3px;}
td.c_poll-bar span {background:url(http://209.85.117.197/static/1/poll_l.png) no-repeat;display:block;float:left;height:12px;width:3px;}
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;}
/* QUOTES */
blockquote {background: #E8E8E8; padding-bottom: 1px; width: 510px; color: #3F3627;}
blockquote dl {color: #43686F; padding: 0px; text-align: center; text-transform: uppercase; font-family: courier new; font-size: 17px; letter-spacing: 11px; margin-bottom: -7px;}
blockquote dl dt {color:#666666; float:left;font-weight:700;} blockquote dl dd,#foot #foot_links {text-align:right;}
blockquote dl dt, blockquote dl dd {padding: 2px 4px; color: #3F3627;}
blockquote div,blockquote code {margin:0;padding:18px;}
/* CODES & SPOILERS */
code {font-family: Monaco, Consolas, "Courier New", Courier, monospace; white-space: pre; max-height: 399px; max-width: 463px; overflow: auto; color: green; display:block; }
blockquote blockquote blockquote blockquote code { max-width: 510px; }
div.spoiler {background: #E8E8E8; border: 1px solid #3F3627; padding: 5px 7px; color: #3F3627;}
div.spoiler_toggle {background: #3F3627; cursor: pointer; font-weight: 700; padding: 2px 4px; color: #CEC5AF;}
/* IMAGES, SIGNATURE, PIP, & AVATAR*/
td.c_sig {color: #666; font-size: 80%; border-right: 0px solid #946871; background: transparent; padding-top: 15px;}
td.c_sig blockquote {background:#E8E8E8;border:0px;border-left:3px solid #946871;padding-left:5px;}
td.c_sig blockquote dl {background:#E8E8E8;border:0px;color:#666;}
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {color:#666;padding:0; border:0px;}
td.c_sig blockquote div {background:#946871;margin-left:5px;padding:0; border:0px;}
.c_sig,.c_nosig {width:100%;}
.avatar {display:block;margin:auto;text-align:center; border:0px solid #946871;}
.av_wrap {overflow:hidden;text-align:center;margin:auto;}
.pip {margin:3px 0;white-space:nowrap;}
/*POST INFO BAR */
td.c_postinfo {color:#818181;font-size:80%;vertical-align:middle;}
/*POST */
td.c_post {line-height: 1.7; vertical-align: top; padding-right: 21px; text-align: justify; padding-left: 27px;}
/*RIGHT SIDE*/
td.c_post table {font-size: 11px; background: #DDDCBE; border: 1px solid #3F3627; width: 91%; margin-left: 35px; margin-top: 12px;}
td.c_post td {font-size: 11px!important; border: 1px solid #3F3627;}
td.c_post th {font-size:28px;}
td.c_post table img {border:none;}
td.c_user {font-size: 80%; border-right: 5px solid #3F3627; }
/*LEFT SIDE*/
.c_user {vertical-align:top;width:1%;margin: 0px auto;}
.c_post {width: 100%; color: #3F3F3F; text-transform: none; font-size: 12px;}
#c_post-text {height:223px;}
.editby,.queued {border:0px solid #946871;color:#999;font-size:85%;font-style:italic;margin-top:1em;padding:3px 5px;}
.queued {background-color:#D8DCEB;border-color:#946871;}
/*POST DETAILS*/
td.c_user dl { border: 0px solid #946871; margin: 5px 0; padding: 5px; width: 160px;}
td.c_post ul {list-style-type:square;margin-left:10px;} dl.user_info dt,dl.user_info dd {padding:.1em;}
dl.user_info dt {float:left;margin:2;min-width:4em;}
dl.user_info dd.spacer,dl.user_profile dd.spacer {clear:both;float:none;height:0px;padding:0;}
dl.user_profile dt,dl.user_profile dd {padding:.1em;}
dl.user_profile dt {float:none;margin:2;min-width:3em;}
/* PROFILE & USERINFO */
#profile_menu {letter-spacing: 0px; font-size: 120%;}
dl.user_info dd {padding-left: 3px; padding-right: 3px; background-color: #3F3627; color: #CEC5AF; font-size: 9px; font-family: trebuchet ms; text-align: left; text-transform: uppercase; margin-bottom: 3px; }
dl.user_info dt {padding-left: 6px; padding-right: 3px; background-color: #3F3627; color: #CEC5AF; font-size: 9px; font-family: trebuchet ms; text-align: left; text-transform: uppercase; margin-bottom: 3px;}
dl.user_profile dd {margin-bottom:1px; color:#3F3F3F;margin-left: 1em;font-style: italic;word-wrap: break-word;}
dl.user_profile dt {color:#946871;}
/* USERNAME */
td#stats_events a,td#stats_events span {padding: 4px 0 4px 20px;border:none;}
td.c_username {padding: 2px 0; text-align: center; width: 175px; border-right: 5px solid #3F3627;}
td.c_username a {font-size:140%;font-weight:700;}
td.c_user .usertitle {margin:3px 0;overflow-x:hidden;text-align:center;}
.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 {display:none;}
td.c_sig,td.c_nosig {height: 0.5%; vertical-align: bottom;}
td.c_nosig {border-top-style:hidden!important;}
#c_post-resize {float:right;margin-top:-1px;padding:4px 0 0;text-align:right;}
#btn_preview {float:left;margin:10px 0 0 1px;}
tr.c_postfoot {clear: both; border-bottom: 5px solid #3F3627;}
td.c_postfoot {background:#E8E8E8;clear:both;}
td.c_footicons,td.c_postinfo {width: 100%; border-left: 5px solid #3F3627;}
.c_next a {display:block;font-size:125%;font-weight:700;text-align:center;}
/* QUICK REPLY */
dl#fast-reply dt {background:none;color:#4a4a4a;font-size:110%;font-weight:700;margin:0;padding:5px;}
dl#fast-reply dd {background: #E8E8E8 url(http://kamidraws.paul-shepherd.com/images/TARPimgs/NewspaperLayout/bg.png) fixed; padding: 15px 0; text-align: center;}
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%; background: #CEC5AF; color: black;}
/* ---------------------- POSTING A THREAD PAGE ------------------------------ */
td.c_desc {font-weight:700;text-align:right;vertical-align:middle;width:200px;}
td.c_desc small {display:block;font-weight:400;}
td#c_bbcode {1px dotted #3F3627;}
/* POST PREVIEW */
#c_post-preview {background:#E8E8E8;border:0px;margin:0 auto 10px;padding:5px;text-align:left;width:98%;text-transform: none;}
#c_post-resize span {color:#999;cursor:pointer;font-size:225%;padding:20px 5px 0;}
/* EMOTES */
#emot_wrap {}
#c_emot h3 {background:#3F3627;border:none;color:#999;font-size:120%;text-align:center;}
#emot_end {border:none;display:block;font-weight:700;padding:4px 0;text-align:center;}
#c_emot {height:225px;vertical-align:top;width:210px;}
td#c_emot {border:none;}
#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;}
/* FORMS & INPUT */
form {display:inline;margin:0;padding: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;} input,select,td,th {font-size:100%;text-transform: none;}
input,select,textarea,button,a.btn_fake { background: #CEC5AF; border: 1px solid #3F3627; color: #3F3627; padding: 3px 5px; vertical-align: middle;}
textarea { font-family:"Verdana", sans-serif; font-size:100%; margin:auto; width:98%; background:#E8E8E8; }
input:focus,input.focus,textarea:focus,textarea.focus { border-color:#fff;}
.submit_error {background:#E8E8E8;border:1px solid #946871;}
.cat-pages input {background:#946871;color:#43686f;padding:3px 5px;vertical-align:baseline;}
td.c_desc img,td.c_desc input {float:left;vertical-align:middle;}
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:4px;}
input.row1 {}
/* ---------------------- USER CONTROL PANEL ------------------------------ */
.ucp td {background:#CEC5AF; } #ucp_gallery a {color:#4a4a4a;font-weight:700;}
#ucp_gallery a:hover {color:#43686f;}
#ucp_profile,#pm_messages {float:right;background:#CEC5AF;}
#ucp_settings img,#ucp_profile img {margin: 18px 20px; border: none;}
#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%;}
#c_post,#ucp_gallery {text-align:center;vertical-align:top;}
#ucp_settings,#pm_settings {float:left;}
/* RULES */
.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_box {background:#212121; border:1px solid #946871;font-size:85%;line-height:150%;padding:10px 25px;}
.meta_menu ul {font-size:90%;margin:5px 5%;}
.meta_menu img,.meta_menu span {float:right;margin:10px 20px;}
.meta_menu {border: 1px solid #3F3627; padding: 0; width: 49%;}
.meta_menu h3 {background: #3F3627; font-size: 100%; font-weight: 700; color: #fff; clear: both; margin: -1px; text-align: center;}
.meta_menu a,.meta_menu a:hover {color:#3F3627;}
.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:#999;}
/* ---------------------- CALENDAR ------------------------------ */
.calendar td.cal_inactive {color: #fff!important;}
.calendar td div {border-bottom: 1px solid #3F3627; font-weight: 700; padding: 5px 7px;}
.calendar div a {background:url(http://209.85.117.197/static/1/s_minibday.png) no-repeat 5px;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:#E8E8E8;}
.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 ------------------------------ */
div.portal_content {background:#E8E8E8;border:1px solid #946871;font-size:88.3%;margin:0;padding:5px 7px;}
div.portal_content img {max-width:450px;}
#portal h2 {font-size:88.3%;}
#portal h4 {background:#E8E8E8;border-left:1px solid #946871;border-right:1px solid #946871;color:#999;font-size:88.3%;font-weight:400;margin:0;padding:5px 7px;}
#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 151px 0px 201px;;}
#portal_clear {background:transparent;border:none;clear:both;font-size:1px;height:1px;margin:0;padding:0;}
.portal_box {margin-bottom:5px;padding:1px;}
.portal_box table {clear:none;} #portal h2,#portal_foot h2 {clear:none;margin:0;padding:3px 5px;}
/* ---------------------- FAQ ------------------------------ */
#faq dt a {color:#4a4a4a;font-size:120%;font-weight:700; }
#faq dd.faq_more a,#faq dl.faq_more a:hover {color:#43686f;font-style:italic;}
#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; }
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {color:#999;}
/* ---------------------- SEARCH ------------------------------ */
.search_results {background:#000;border:1px solid #946871;margin-bottom:1em;padding:5px 7px;}
.search_results h3 {display:inline;font-size:125%;}
.search_results cite,.search_results p {color:#777;font-size:85%;margin:0;}
.search_results div {display:block;margin:5px 0;}
/* ---------------------- PERSONAL MESSAGES ------------------------------ */
#pmtoast {background:#946871;border:2px solid #946871;bottom:10px;color:#3F3F3F;display:none;font-size:90%;position:fixed;right:10px; text-align:right;text-decoration:none;width:200px;z-index:1;}
#pmtoast:hover {border-color:#946871;}
#pmlink {background:url(http://209.85.117.197/static/1/toast.png) no-repeat 5px;color:#0D0D0D;display:block;padding:10px 10px 10px 55px;text-decoration:none;}
#pmlink big {color:#0D0D0D;display:block;font-weight:700;padding-bottom:5px;}
#pmlink strong {color:#5e4660;}
#pmclose {border-top:1px solid #946871;color:#0D0D0D;display:block;font-size:80%;padding:1px 10px;}
#pmclose:hover {color:#111;}
#pm_folders {border-left:1px solid #946871;border-right:1px solid #946871;padding-top:30px;vertical-align:top;width:150px;}
#pm_folderlist {position: relative;margin-left:0;margin-top:0;}
#pm_folderlist li {background:url(http://209.85.117.197/static/1/pmfolder.png) no-repeat 5px;display:list-item;margin-bottom:4px;padding-left:28px;}
#pm_forwarded {border:1px solid #946871;color:#999;font-size:90%;font-style:italic;margin-top:1em;padding:3px 5px;}
.pm {margin-bottom:1em;}
#pm_datesent {width:200px;}
#pm_select {text-align:center;width:1px;}
/* ---------------------- FOOTER & COPYRIGHT ------------------------------ */
#foot_wrap {margin:20px 1px 20px 0;}
#foot {margin-top:20px;}
#foot td {border:none;font-size:80%;}
#foot a,#foot a:hover {color:#3F3F3F;}
#foot #foot_datetime {border-left:none;width:1%;white-space:nowrap;}
#copyright {display:none;}
#copyright a {color:#3F3F3F;font-weight:700;}
/* ---------------------- ADMIN CONTROL PANEL ------------------------------ */
#acplogin {background: #CEC5AF; height: 275px; left: 50%; margin: -137.5px 0 0 -250px; padding: 0; position: absolute; top: 50%; width: 500px; border-radius: 10px;}
#acplogin h1 {color:#3F3F3F;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;}
#acplogin #loginform {display:block;padding:0 50px;}
/* ---------------------- RANDOM SHIT ------------------------------ */
#vlx {z-index:1;} #c_tos h3 {color:#3F3F3F;font-size:120%;}
td.username_ok {background:#e0fae0;}
input.username_ok {outline:2px solid #0c0;}
td.username_no {background:#fae0e0;}
input.username_no {outline:2px solid #5e4660;}
a img {border:0;} button.btn_img {border:0;cursor:pointer;padding:0;}
.notice dt,.notice dd {padding:5px 7px;} tr.postbtn td {padding:5px;text-align:center;}
.category {margin:10px 0 0;} span.collapse,span.uncollapse {cursor:pointer;float:right;position:relative;}
#conversation .c_post {padding:2em;} button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {font-weight:700;}
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;text-transform: uppercase; font-size: 90%;}
#meta_welcome,.search_results {clear:both;}
#stats_events {line-height:2;}
#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {display:block;}
#c_tos dd,#username_response {margin-left:10px;}
#menuDiv { font-family:yanone kaffeesatz; font-size:12px; }
#menuDiv a { width: 100px; text-align:center; background-image: url(http://i55.tinypic.com/2gwrfc7.jpg); background-color: #7BF3F7; color: #946871; padding:5px; font-family:yanone kaffeesatz; font-weight:bold; text-transform:lowercase; font-size:18px; }
#menuDiv a:hover { width: 100px; text-align:center; background-image:none!important; background-color: #ffffff; opacity:0.3; color: #9E74AE; padding:5px; font-family:yanone kaffeesatz; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:18px; border-bottom: 3px solid #946871;}
/* ---------------------- 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;}
/* ---------------------- BLOG PAGE ------------------------------ */
#blog {background: #CEC5AF; border: 1px solid #3F3625; color: #3F3F3F; margin: 36px 0;}
canvas.cornercanvas {display:none;}
#blog blockquote {background: none; border: none; font-size: 100%; padding-top: 18px; width: 503px; text-transform: none; color: #3F3625;}
#blog h1 {float: right; font-size: 24px; color: #2B2926; font-family: Times New Roman; letter-spacing: 1px; font-style: italic; text-transform: uppercase; text-shadow: 0px 0px 3px #3F3627;} #blog h2 {background:none;clear:none;font-size:130%;padding:0;}
#blog h2,#blog h2 a,#blog h2 a:hover {color:#3F3F3F;} #blog_foot {clear:both;margin-bottom:20px;}
#blog_head {background: #CEC5AF; padding: 10px 14px;}
#blog_head img.avatar {display:inline;} #blog_main {margin:20px 200px 10px 10px;}
#blog_categories,#blog_readers,#blog_about,div.blog_options {background: #CEC5AF; margin: 15px 0; padding: 5px 7px; color: #000;}
#blog_sidebar h3,#blog_sidebar dt {color:#0D0D0D;font-weight:700;}
#blog_sub {background: #3F3625; clear: both; position: relative; padding: 5px 7px; text-align: right; color: #fff;}
#blog_sub a {color:#fff;}
#blog_sub span {padding-top:4px;} #blog_sidebar {background: #3F3625; 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%;}
div.blog_options {font-size:90%;text-align:right;}
div.blog_date {background:#E8E8E8;border:1px solid #946871;color:#0D0D0D;float:right;font-weight:700;margin:0 15px;text-align:center;text-transform:uppercase;width:40px;}
div.blog_date span {background:#E8E8E8;border-top:1px solid #946871;color:#5e4660;display:block;font-size:130%;font-weight:700;padding:2px 4px;}
div.blog_entry {background:#E8E8E8;margin:10px 0;padding:5px 7px;}
#blog_comments li {padding:5px 7px;}
#blog_comments li.odd {background:#E8E8E8;}
/* ---------------------- SHOUT BOX ------------------------------ */
#shoutwrap {border-bottom: 1px solid #3F3625; font-size: 88.3%;}
#shoutwrap td {padding:0;} #shoutbox {list-style-type:none;margin:0;padding:0;}
#shoutbox li {padding:5px 7px;}
#shoutbox dl,#shoutbox dt,#shoutbox dd {margin:0;padding:0;}
#shoutbox dt {color:#3F3F3F;font-size:80%;} #shoutopts,#shoutpost {clear:both;text-align:center;}
/* ---------------------- CREDIT ------------------------------ */
/*ANNOUNCEMENTS BOX & LINKS */
#footsies {margin: 0px auto; font-size: 8px; color: #fff; text-align: center; padding-bottom: 12px; background: #3F3625; width: 400px; display: block; -webkit-border-radius: 30px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 30px; -moz-border-radius-bottomleft: 0; border-radius: 30px; border-bottom-left-radius: 0; padding: 14px; font-family: arial; text-transform: uppercase; letter-spacing: 1px;}
#suzie {background:#dddcbe ; } #left {float:left; width:800px;}
#right {float:right; width:200px;}
#clear {clear:both;}
/* ---------------------- BUTTONS & MARKERS ------------------------------ */
.buttons {background-color:#946871; color:#946871; display:inline; border:1px solid #946871; margin: 0px 10px; padding: 2px 5px; text-transform:uppercase;}
.button1 {display: inline; color: #3F3627; font-size: 11px; padding: 0px 11px; font-family: times new roman;} .minplus {display:inline; color:#946871; font-size:40px; }
.button2 {display: inline; color: #CEC5AF; font-size: 16px; background: #3F3627; padding: 2px 35px; text-transform: uppercase; font-weight: bold; font-family: Times New Roman; box-shadow: 2px 2px 0px black; }
.revo4 {display:inline; color:#946871; font-size:26px;font-weight:bolder; text-shadow: 1px 1px #000;} .revo3 {display:inline; color:#999; font-size:26px; color:#795217;font-weight:bolder; text-shadow: 1px 1px #000;}
.lilbutts {color:#43686f; display:inline; margin: 0px 10px; padding: 2px 5px;text-transform:uppercase; font-size:9px;}
.tablebg { border-collapse: collapse; border-spacing: 0; clear: both; empty-cells: show; width: 821px; margin: 20px auto; margin-bottom: 0px; margin-top: 0px; background: #F0F0F0;}
.border1 {background:#f0f0f0; border-left:10px solid #946871; margin:20px auto; margin-bottom:0px;margin-top:0px;padding:0px; width:800px; padding:0px;}
.border2 { background:#f0f0f0;border-left:30px solid #946871; margin:20px auto; margin-bottom:0px;margin-top:0px;padding:0px; width:800px; padding:0px;}
/* justify */ td.c_post, .meta_box, #blog { text-align: justify; font-family:"tahoma", "Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;}
/* TAB LINK */
#slidingtab { position: fixed; top: 30%; left: -180px; width: 200px; height: auto; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 0px; z-index: 3; transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -webkit-transition: .5s all ease-in-out; }
#slidingtab:hover { left: 0px; transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -webkit-transition: .5s all ease-in-out; }
#tabs_content_block { font-size: 9px; font-family: georgia; display: block; width: 180px; height: auto; background: #3F3627; color: #CEC5AF; float: left; padding: 0px !important; text-align: justify; -o-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -webkit-transition: .5s all ease-in-out; border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 10px; z-index: 100; }
Theme Layout - Code:
-
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200|Dorsa|Open+Sans+Condensed:300|Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
<div id="slidingtab"> <div id="tabs_content_block"><p style="padding-left: 5px!important; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;">Testing</p></div> <div id="slidingtab_tab" style="display: inline;"><img src="http://i.imgur.com/c2UhC.png" /> </div> </div>
<!-- HEADER -->
<div id="wrap"><!-- SUBMENU --><BR><CENTER> <IMG SRC="http://i.imgur.com/bnr44eX.jpg"> <BR></CENTER> <!-- TOPMENU --><br>
<!-- NAV -->
<!-- BOARD --><div id="footsies"><center>茶色 (Chairo) theme made by midnight.sun36<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/"><img src="http://z5.ifrm.com/30216/47/0/f5296394/victoriamanorbanner.jpg"></a></center></div></div>
Jika ada pertanyaan silahkan layangkan disini 'v'
Edited by Queen, Jun 21 2016, 08:09 PM.
|