- Posts:
- 22
- Group:
- Members
- Member
- #608,861
- Joined:
- May 22, 2013
- My Board URL
- http://w11.zetaboards.com/74family/index/
|
Board Address: http://w11.zetaboards.com/Cepha_Art/index/ Board Software: ZetaBoards Description:
Images are better than words ! Here are my situation. The red marker are showing what I would like to have.
Spoiler: click to toggle
Spoiler: click to toggle
Spoiler: click to toggle 
I tried to separate borders, apply border-radius etc ... I worked sometimes but not proprely (obliged to fix the border to 0px). I watched the code Cory gave to me for precedent requests, and tried to do same replacing head by foot or else ... but I'm a bit lost
My code :
- Code:
-
#mystuff { text-align:center; color: #606060; font-size:80%; }
#mystuff a { color: #404040; font-weight:bold; }
html, body { background: url("http://img4.hostingpics.net/pics/482666FondGrisFinalpassign.png") 50% 50% no-repeat #869197; background-position: top; color:#606060; font-family: "Arial", "Helvetica", "Bitstream Vera Sans", "Verdana", sans-serif; font-size:100%; margin:-20px; padding:0; }
a { color:#404040; text-decoration:none; }
a:hover { color:#6a6a6a; text-decoration:none; }
hr { background-color:#5A70B3; border:0px; clear:both; color:#5A70B3; height:1px; }
table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%; }
th,td { border:1px solid #b8b8b8;
}
th { background:url(http://209.85.62.24/173/117/0/p65458/th.jpg) repeat-x top #d1d1d1; color:#606060; font-weight:400; padding:3px 5px; text-align:left; }
td { background: url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x #dedede; color:#606060; padding:5px 10px; }
th a,th a:hover { color:#404040; font-weight:700; }
h1 { font-size:200%; }
h2,h3 { font-size:100%; }
div[id*="cat-"] table.cat_head, #sbx table.cat_head, #stats table.cat_head, table.posts, table.topic { border-collapse: separate; }
div[id*="cat-"] table.cat_head td, #sbx table.cat_head td, #stats table.cat_head td, div[id*="cat-"] table.cat_head h2, #sbx table.cat_head h2, #fast-reply dt, #stats table.cat_head h2, table.posts thead th, table.topic thead th { border-radius: 7px 7px 0 0; }
table.topic td + td, table.topic td[class*="sig"], table.posts td + td, table.posts th + th { border-left: 0; }
table.topic td, table.posts td, table.posts th { border-top: 0; }
span.collapse, span.uncollapse { display: none; }
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th { background:url(http://209.85.62.24/173/117/0/p66435/h22.jpg) repeat-x top; background:linear-gradient(#606060, #464646); color:#e5e5e5; font-size:110%; font-weight:700; }
#portal h2 { padding:5px; border:1px solid #404040; }
thead th { border:1px solid #404040; border-bottom-width:1px; padding:5px; text-align:center; }
h2.special { background:url(http://209.85.62.24/173/117/0/p66435/h22.jpg) repeat-x top #464646; border-color:#404040; }
input,select,textarea,button,a.btn_fake { background:#e8e8e8; border:1px solid #c3c3c3; color:#606060; padding:3px 5px; vertical-align:middle; font-size:96%; font-family: Tahoma, Verdana; }
textarea { font-family:"Verdana", sans-serif; font-size:100%; margin:auto; width:98%; }
input:focus,input.focus,textarea:focus,textarea.focus { border-color:#c3c3c3; }
input.row1 { background: #dedede; }
.submit_error { background:#fff8eb; border:1px solid #e77700; }
button,a.btn_fake { background:url(http://209.85.62.24/173/117/0/p65982/btn.jpg) repeat-x top #d8d8d8; color:#707070; cursor:default; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:90%; overflow:visible; width:auto; margin-bottom:1px; margin-top:1px; }
button:hover,a.btn_fake:hover { border-color:#a0a0a0; }
button.btn_text { background:none; border:0; cursor:pointer; font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size:100%; }
.notice { background:#dedede; border:2px solid #c3c3c3; color:#333; margin:10px auto 0; width:70%; }
.notice dt { color:#da3232; font-weight:700; }
.notice dd { font-style:italic; }
dl.info { background:#d7d7d7; border-color:#c3c3c3; }
.info dt { background:#404040; color:#ededed; }
dl.error { background:#d7d7d7; border-color:#da3232; margin-bottom:5px; }
.error dt { background:#d0d0d0; color:#da3232; }
#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 { display:none; }
#top { background: url(http://209.85.62.24/173/117/0/p65336/topmenu.jpg) top repeat-x #404040; height:53px; padding:0 2% 4px; margin-bottom:12px; font-size:75%; border-radius: 0px 0px 15px 15px; box-shadow: 0px 1px 2px #000000;
}
#top a { color: #d7d7d7!important; }
#top_info { color:#ababab; float:left; margin-top:4px; font-weight:bold; }
#top_menu { background:#6F6F6F; float:right; margin-top:15px; border-radius: 10px; box-shadow: 0px 0px 2px #2A2A2A; }
.drop_menu img { display:none; }
.drop_menu li { background: url(http://209.85.62.24/173/117/0/p65336/topmenu.jpg) top repeat-x; float:left; text-align:center; }
.drop_menu a { color:#ebebeb; display:block; padding:4px .25em; position:relative; width:9em; font-weight:bold; }
.drop_menu a:hover { color:#ef7400; }
.drop_menu ul { -moz-opacity:1; border-top:1px solid #2a2a2a; color:#979797; left:-1000em; margin:0; margin-top:-1px; opacity:1; position:absolute; width:9.4em; }
.drop_menu ul li { font-size:85%; width:100%; margin-right:-1px; }
.drop_menu ul li a { background:#363636 url(http://209.85.62.24/173/117/0/p65345/dropmenuul.jpg) top repeat-x; border:0 solid #2a2a2a; border-width:0 1px 1px; display:block; padding:4px 5%; width:90%; }
.drop_menu li ul li a:hover { background:#3e3e3e url(http://209.85.62.24/173/117/0/p65346/dropmenuulhover.jpg) top repeat-x; }
#logo { background:url(http://209.85.62.24/173/117/0/p65334/logo.jpg) repeat-x top; clear:both; margin:0px; }
#submenu_bar { display:none; }
#submenu { background: #d7d7d7; border-top:1px solid #e8e8e8; border-radius: 15px 15px 0px 0px; box-shadow: 0px 0px 5px #000000, inset 0px 0px 5px #FFFFFF; color:#363636; font-size:75%; margin:0; padding:3px 1% 4px; text-align:center; text-transform:lowercase; font-weight:bold; }
#wrap { background:#d7d7d7; margin:0px; border-radius: 15px; padding: 10px 0px; padding-bottom: 40px; box-shadow: 0px 0px 5px #000000, inset 0 0 5px #C3C3C3; }
#nav { color:#848484; height:1%; padding:4px 1%; font-size:85%; font-weight:bold; }
#nav a { color: #363636; }
#nav a:hover { color: #5f5f5f; }
#nav img { display:none; }
.meta_box { background:url(http://209.85.62.24/173/117/0/p65982/btn.jpg) repeat-x top #d8d8d8; color:#707070; border:1px solid #c3c3c3; font-size:85%; line-height:150%; padding:10px 25px; }
.meta_menu { background:#dfdfdf; border:1px solid #c3c3c3; padding:0; width:49%; }
.meta_menu h3 { background:url(http://209.85.62.24/173/117/0/p66063/foot.jpg) repeat-x top #5e5e5e; border:1px solid #404040; border-top:0; clear:both; color:#FFF; font-size:100%; font-weight:700; margin:-1px; text-align:center; }
.meta_menu a { color:#404040; padding-left:3px; border-left:4px solid #dfdfdf; }
.meta_menu a:hover { color: #6a6a6a; padding-left:3px; border-left:4px solid #c3c3c3; }
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:#dedede; border:1px solid #c3c3c3; color:#404040; }
.cat-pages a:hover,.cat-topicpages a:hover { background:#d7d7d7; color:#4d4d4d; }
.cat-pages span { background:#d7d7d7; border:1px solid #c3c3c3; color:#404040; cursor:default; font-weight:700; padding:2px 5px; }
.cat-pages input { background:#d7d7d7; color:#404040; 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_sort,td.c_foot { background:url(http://209.85.62.24/173/117/0/p66063/foot.jpg) repeat-x top #5e5e5e; color:#ababab; font-size:70%; border:1px solid #404040; padding:3px; font-weight:bold; }
td.c_foot a { color: #dfdfdf;font-weight:bold; }
td.c_desc { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; font-weight:700; text-align:right; vertical-align:middle; width:200px; }
td.c_desc small { display:block; font-weight:400; }
tr.pm_new td { background:#dedede; font-weight:700; }
tr.hidden td.c_post { background:#d7d7d7; }
.bday { background:url(http://209.85.62.24/static/1/s_minibday.png) no-repeat; color:#404040; font-size:90%; font-weight:700; height:16px; padding:2px 2px 2px 18px; width:20px; }
.c_mark { text-align:center; width:1%; }
.c_forum { font-size:80%; width:60%; }
.c_forum strong a { font-size:130%; }
td.c_last { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; font-size:85%; }
.c_forum-desc { color:#505050; font-size:85%; }
.c_last-title { background:url(http://209.85.62.24/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 { font-size:80%; padding:5px; text-align:center; }
td.c_subforum { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; color:#818181; font-size:80%; font-style:italic; }
.cat_head td { border-color:#404040; padding:0; }
#stats .cat_head td { border-color:#404040; }
.description { color:#505050; font-size:85%; }
a.member:hover { color:#6a6a6a; }
td#stats_events a,td#stats_events span { background:url(http://209.85.62.24/static/1/s_minical.png) no-repeat 2px; padding:4px 0 4px 20px; }
td.c_username { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; 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:#e8e8e8; border:1px solid #cfcfcf; 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:1px solid #404040;border-top:0; opacity:1; width:9em; }
#profile_menu li li a { border-top:1px solid #404040; }
#profile_menu a { background:#363636 url(http://209.85.62.24/173/117/0/p65345/dropmenuul.jpg) top repeat-x; border:1px solid #404040; font-size:70%; padding:3px 6px; border:1px solid #404040; color: #ededed }
#profile_menu li ul li a:hover { background:#3e3e3e url(http://209.85.62.24/173/117/0/p65346/dropmenuulhover.jpg) top repeat-x; color: #f2f2f2; }
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.62.24/173/117/0/p66105/poll_b.jpg) no-repeat right; float:left;
height:12px; padding-right:3px; }
td.c_poll-bar span {
background:url(http://209.85.62.24/173/117/0/p66106/poll_b.jpg) no-repeat;
display:block; float:left; height:12px; width:3px; }
.editby,.queued { background:url(http://209.85.62.24/173/117/0/p66063/foot.jpg) repeat-x top #5e5e5e; color:#d7d7d7; font-size:85%; border:1px solid #404040; border-top:0; font-style:italic; margin-top:1em; padding:1px 4px; }
.editby a { color: #f0f0f0!important; } .editby a:hover { color: #f0f0f0!important; }
.queued { background-color:#404040; border-color:#404040; }
blockquote { background:#3a3a3a url(http://209.85.62.24/173/117/0/p66129/blockquote.jpg) top repeat-x; border:1px solid #404040; margin:10px auto; padding-bottom:1px; width:98%; }
blockquote dl { background:#3a3a3a url(http://209.85.62.24/173/117/0/p66129/blockquote.jpg) top repeat-x; border-bottom:0; color:#ededed; padding:0; }
blockquote dl dt { color:#ededed; float:left; font-weight:700; }
code { background:url(http://209.85.62.24/173/117/0/p65458/th.jpg) repeat-x top #d1d1d1; display:block; font-family:Monaco, Consolas, "Courier New", Courier, monospace; max-height:400px; overflow:auto; white-space:pre; }
div.spoiler { border:1px solid #404040; border-top:0; padding:5px 7px; background: #e2e2e2; }
div.spoiler_toggle { background:url(http://209.85.62.24/173/117/0/p66063/foot.jpg) repeat-x top #5e5e5e; color:#eaeaea; font-size:85%; border:1px solid #404040; border-top:0; cursor:pointer; font-weight:700; padding:2px 4px; }
td.c_postinfo { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; color:#8a8a8a; font-size:80%; vertical-align:middle; }
td.c_postinfo input { vertical-align:middle; }
td.c_sig { color:#6f6f6f; font-size:80%; }
td.c_sig blockquote { background:none transparent; border:0; border-left:3px solid #a0a0a0; 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:#6a6a6a; padding:0; border:0; }
td.c_sig blockquote div { background:transparent; margin-left:5px; padding:0; border:0; }
tr.c_postfoot td { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; clear:both; padding:2px 5px 2px 5px; }
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://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; color:#606060; }
div.c_view-list { background: url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x #dedede; color:#8f8f8f; font-size:90%; border:1px solid #c3c3c3; padding:5px 6px; margin-left:-5px; margin-right:-5px; }
dl#fast-reply dt { background:url(http://209.85.62.24/173/117/0/p66063/foot.jpg) repeat-x top #5e5e5e; color:#efefef; font-size:80%; border:1px solid #404040 font-size:95%; font-weight:700; margin:0; padding:5px; text-align:center; }
dl#fast-reply textarea { font-size:85%; }
dl#fast-reply dd { background: url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x #dedede;
border:1px solid #c3c3c3; padding:15px 0; text-align:center; }
#c_post-preview { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7; border:1px solid #c3c3c3; margin:0 auto 10px; padding:5px; text-align:left; width:98%; }
#c_post-resize span { color:#5f5f5f; cursor:pointer; font-size:225%; padding:20px 5px 0; }
#emot_wrap { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7!important; border:1px solid #c3c3c3; }
#emot_wrap h3 { background:url(http://209.85.62.24/173/117/0/p65458/th.jpg) repeat-x top #d1d1d1; border-bottom:1px solid #c3c3c3; color:#707070; font-size:100%; text-align:center; }
#emot_end { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7!important; border-top:1px solid #c3c3c3; display:block; font-weight:700; padding:4px 0; text-align:center; }
#pm_folders { border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; 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.62.24/static/1/pmfolder.png) no-repeat 5px; display:list-item; margin-bottom:4px; padding-left:28px; }
#pm_forwarded {
border:1px dotted #c3c3c3; color:#505050;
font-size:90%; font-style:italic; margin-top:1em; padding:3px 5px; }
#ucp_gallery a { color:#404040; font-weight:700; }
#ucp_gallery a:hover { color:#505050; }
.calendar td div { background: url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x #dedede; font-weight:700; padding:5px 7px; }
.calendar div a { background:url(http://209.85.62.24/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: #d7d7d7; }
.calendar td#cal_current div { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7!important; }
.calendar td.cal_inactive, .calendar td.cal_inactive div { background:#e2e2e2; color:#a0a0a0!important; }
div.portal_content { background:#dedede; border:1px solid #c3c3c3; font-size:88.3%; margin:0; padding:5px 7px; }
#portal h2 { font-size:88.3%; }
#portal h4 { background:url(http://209.85.62.24/173/117/0/p65458/th.jpg) repeat-x top #d1d1d1; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; color:#505050; font-size:88.3%; font-weight:400; margin:0; padding:5px 7px; }
#faq dt a { color:#404040; font-size:120%; font-weight:700; }
#faq dd.faq_more a,#faq dl.faq_more a:hover { color:#404040; font-style:italic; }
.search_results { background:#dedede url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x; border:1px solid #c3c3c3; margin-bottom:1em; padding:5px 7px; }
.search_results h3 { display:inline; font-size:125%; }
.search_results cite,.search_results p { color:#606060; font-size:85%; margin:0; }
#findposts .c_mark { color:#404040; font-size:200%; font-weight:700; vertical-align:top; }
#pmtoast { background:#dedede url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x; border:2px solid #303030; bottom:10px; color:#565656; display:none; font-size:90%; position:fixed; right:10px; text-align:right; text-decoration:none; width:200px; z-index:1; }
#pmtoast:hover { border-color:#404040; }
#pmlink { background:url(http://209.85.62.24/173/117/0/p66381/markernew.png) no-repeat 5px; color:#6f6f6f; display:block; padding:10px 10px 10px 55px; text-decoration:none; }
#pmlink big { color:#404040; display:block; font-weight:700; padding-bottom:5px; }
#pmlink strong { color:#404040; }
#pmclose { background: url(http://209.85.62.24/173/117/0/p66063/foot.jpg) top repeat-x; color:#eaeaea; display:block; font-size:80%; padding:1px 10px; }
#pmclose:hover { color:#f0f0f0; }
#foot_wrap { margin:20px -5px 20px -5px; }
#foot td { background:#B6B6B6; border: 2px; border-radius: 10px; color:#3E3E3E; font-size:80%; }
#foot a { color:#3E3E3E; }
#foot a:hover { color: #001051; }
#foot #foot_datetime { width:1%; white-space:nowrap; }
#copyright { color:#f0f0f0; font-size:80%; margin:10px 0; text-align:center; }
#copyright a { color:#a0a0a0; font-weight:700; }
#c_tos h3 { color:#bababa; font-size:120%; }
input.username_ok { outline:2px solid #15bd1d; }
input.username_no { outline:2px solid #ff3535; }
#acplogin { background: #505050; border:2px solid #303030; height:275px; left:50%; margin:-137.5px 0 0 -250px; padding:0; position:absolute; top:50%; width:500px; color: #fff; }
#acplogin h1 { color:#f0f0f0; 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; text-align:center; }
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: #363636; padding:3px 5px; }
#submenu a:hover { color: #505050; background: #c7c7c7; }
#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: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%; }
.category td.c_foot { height:10px; }
#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 { 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 { background:url(http://209.85.62.24/173/117/0/p66063/foot.jpg) repeat-x top #5e5e5e; font-size:1px; height:1px; }
td.c_sig,td.c_nosig { height:1%; vertical-align:top; }
td.c_nosig { border-top-style:hidden!important; background: #dedede; }
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 { 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 160px 0 210px; }
#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:5px; }
#portal_foot h2 { border:1px solid #404040; }
#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 { color:#ededed; }
h2 a { font-size:90%; }
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:none; }
.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:#6a6a6a; }
.meta_box h3 { color: #404040; }
blockquote div { background:url(http://209.85.62.24/173/117/0/p65458/th.jpg) repeat-x top #d1d1d1; margin:2px; border:1px solid #c3c3c3; }
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover { color:#333; }
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:#404040; border:1px solid #303030; color:#ededed; margin:10px 0; margin-top:60px; }
#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:#404040; }
#blog_foot { clear:both; margin-bottom:20px; }
#blog_head { background:#d7d7d7; border:8px solid #404040; 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:60px 200px 10px 10px; }
#blog_categories,#blog_readers,#blog_about,div.blog_options { background:#d7d7d7; margin:15px 0; padding:5px 7px; }
div.blog_options { color: #606060; }
#blog_sidebar h3,#blog_sidebar dt { color:#404040; font-weight:700; }
#blog_sub { background:#404040; clear:both; position:relative; padding:1px 7px; text-align:right; }
#blog_sub a { color: #f0f0f0; font-size:90%; font-weight:bold; }
#blog_sub a:hover { color: #fff; }
#blog_sub span { padding-top:4px; }
#blog_sidebar { background:#3a3a3a; 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:#4d4d4d; border:1px solid #3a3a3a; color:#f0f0f0; float:right; font-weight:700; margin:0 15px; text-align:center; text-transform:uppercase; width:40px; }
div.blog_date span { background:#4f4f4f; border-top:1px solid #3a33a; color:#ededed; display:block; font-size:130%; font-weight:700; padding:2px 4px; }
div.blog_entry { background:#5f5f5f; margin:10px 0; padding:5px 7px; }
#blog_comments li { padding:5px 7px; }
#blog_comments li.odd { background:#5e5e5e; }
#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:964px;margin:0px auto;}
/* repeating background image of the header */ #header {background:url(http://209.85.62.24/173/117/0/p65319/top.jpg);height: 57px; width:100%;}
/* top left corner */ #header_l {background:url(http://209.85.62.24/173/117/0/p65320/topleft.jpg);height: 57px; width: 57px; float:left;} /* top right corner */ #header_r {background:url(http://209.85.62.24/173/117/0/p65321/topright.jpg);height: 57px;width: 57px;float:right;}
/* left side border */ #side_l {background:url(http://209.85.62.24/173/117/0/p65317/left.jpg) repeat-y left;} /* right side border */
#side_r {background:url(http://209.85.62.24/173/117/0/p65318/right.jpg) repeat-y right #d7d7d7;margin-left:57px;padding-right:57px;}
/* repeated footer background */ #footer {background:url(http://209.85.62.24/173/117/0/p65316/bottom.jpg);height:57px; width:100%;} /* bottom left corner */
#footer_l {background:url(http://209.85.62.24/173/117/0/p65315/bottomleft.jpg); height: 57px; width: 57px; float:left;} /* bottom right corner */ #footer_r {background:url(http://209.85.62.24/173/117/0/p65314/bottomright.jpg); height: 57px; width: 57px; float:right;}
/* this will remove the spacing and borders from the default layout. Is essential for image border to appear correctly */ #foot_wrap {margin:20px 1% 0px;} #main,#nav,#wrap {background: #HEX;margin:0;border:0px;} .drop_menu { margin-bottom: 0;}
row2.pm_new td { background: url(http://209.85.62.24/173/117/0/p65433/subfclast.jpg) top repeat-x #d7d7d7!important; }
td strong a { color: #404040!important; }
td strong a:hover { color: #535353!important; }
HTML :
- Code:
-
<div id="main_content"> <div id="header_l"><!-- top left corner --></div> <div id="header_r"><!-- top right corner --></div> <div id="side_l"><div id="side_r">
</div><!-- HEADER --><!-- SUBMENU --><!-- TOPMENU --><div id="wrap"><!-- NAV -->
<div id="info" class="category" style="margin: 10px auto"> <table class="cat_head"><tr><td> <h2 style="font-family:Arial; font-size:14px">Hi stranger !</h2> </td></tr> </table>
<table cellpadding="0" cellspacing="0">
<tr>
<th style="font-family:Arial"><center><B>74's Rules</B></center></th> <th style="font-family:Arial"><center><B>About us</B></center></th> <th style="font-family:Arial"><center><B>Useful links</B></center></th>
</tr>
<tr>
<td style="width: 20%; font-family:Calibri;" valign="top"><p> <left> Do not <b>flame</b>.<br> Do not <b>bug</b>.<br> Do not <b>team kill</b>.<br> Do not <b>argue about the clan</b>.<br> Do not allow <b>team killers</b>.<br> 74 - <em>This is our Art.</em></left> </td>
<td style="width: 60%; font-family:Arial; font-size:14px;" valign="top"><p> <center>Welcome to the <b>noob clan</b> of SWBF2.</center> <left>We are a <b>community of international players</b> in <em>Star Wars : Battlefront II</em> on PC. Our purpose is to get fun together and enjoy the game, without caring about anything else. Our members are trained in <b>noob arts of battle, and selected based on their personality</b>. Flame, team kill, bug, normal recruiting ... all of that belongs to pro clans.</left> <center>But we are <b>74</b>, <em>and this is our Art.</em><p></center> </td>
<td style="width: 20%; font-family:Arial;" valign="top"> <center><BR> <em><a href="http://74family.tk/topic/8761442/1/">Become a 74</a></em><BR> <em><a href="http://74family.tk/topic/8761261/1/">Active members</a></em><BR> <em><a href="http://74family.tk/topic/8761486/1/">Observation list</a></em><BR> <em><a href="http://74family.tk/topic/8760502/1/">Challenge 74</a></em><BR> </center> </td> </tr>
<tr> <td class="c_foot" colspan="3" valign="top"></td> </tr> </table> </div>
<!-- BOARD --></div> <br><center><font color="#FFFFFF" size="2" family="Arial">Theme <b>Edge</b> created by tiptopolive of <a href=http://zetaboardthemes.com><b>IDS</b></a> and edited by <a href=http://cepha-art.folio-graphiques.fr><b>Cepha</b></a>.<br> Thanks a lot <a href=http://if.invisionfree.com/profile/32664><b>Cory</b></a> for your help !</font></div></center> <center><img src="http://img15.hostingpics.net/pics/468745Footer74v2.png"/></center> </div></div>
<div id="footer"> <div id="footer_l"><!-- bottom left corner --></div> <div id="footer_r"><!-- bottom right corner --></div> </div></div>
<script type="text/javascript">
Thanks for the help !
|