Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

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


Join our community!


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

Username:   Password:
Add Reply
@font-face in Zetaboards
Topic Started: Aug 5 2009, 12:43 PM (367 Views)
013.aptor
Member
[ * ]
I want to use a webfont as default font in my forum, is it possible?

http://forum.pokeevo.net/index/
Offline Profile Quote Post Goto Top
 
Delirium
Member Avatar
Who Watches the Watchmen?
[ *  *  *  * ]
I'm a little confused by 'web font' but if it were possible, you could change fonts at the top of the CSS:

Quote:
 
body {
background-image:url(http://img27.imageshack.us/img27/9933/backec5.png);
color:#777777;
font-family:"Verdana","Tahoma",sans-serif;
font-size:75.3%;
margin:0;
padding:0 30px;
}


If you're talking about a font that you must install to use, no one would see it unless they have it installed themselves, I believe.
Offline Profile Quote Post Goto Top
 
013.aptor
Member
[ * ]
I'm referring to that: http://www.css3.info/preview/web-fonts-with-font-face/
Offline Profile Quote Post Goto Top
 
013.aptor
Member
[ * ]
up
Offline Profile Quote Post Goto Top
 
ZapTap
Want to talk? My inbox is always open :D
[ *  *  *  * ]
I don't see why not, give it a shot and if it gives you any difficulty, then let us know
Offline Profile Quote Post Goto Top
 
013.aptor
Member
[ * ]
Code:
 
html {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0;
}

@font-face {
font-family: DroidSans;
src: url(http://www.pokeevo.net/layout_hgss/DroidFonts/DroidSans.ttf) format("truetype");
}

@font-face {
font-family: DroidSans;
src: url(http://www.pokeevo.net/layout_hgss/DroidFonts/DroidSans-Bold.ttf) format("truetype");
font-weight: bold;
}

body {
background-image: url(http://img27.imageshack.us/img27/9933/backec5.png);
color:#777777;
font-family: "DroidSans","Verdana", "Tahoma", sans-serif;
font-size:75.3%;
margin:0;
padding: 0px 30px 0px 30px;
}

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

a:hover {
color:#1d6bc1;
}

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

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

th {
border:1px solid #e7e7e7;
}

td {
border-top:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
border-left:1px solid #e7e7e7;
}

th {
background:url(http://209.85.62.24/static/1/sub.png) repeat-x top #fafafa;
color:#777;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background:#fafafa;
color:#333;
padding:5px 10px;
}

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

h1 {
font-size:200%;
}

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

.category h2,.topic h2,.topic h2 a {
text-align: left;
font-family:"DroidSans", "Verdana";
font-size:101%;
height: 19px;
font-weight: bold;
color:#ffffff;
}

#portal h2,#portal_foot h2,thead th {
background:url(http://g.imagehost.org/0421/barra.png) repeat-x;
text-align: left;
font-family:"DroidSans", "Verdana";
font-size:101%;
height: 19px;
font-weight: bold;
color:#ffffff;
}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead th a {
color:#ffffff;
letter-spacing:1px;
padding:3px 0px 9px 0px;
position: absolute;
}

thead th {
border:1px solid #e7e7e7;
border-bottom-width:1px;
vertical-align:middle;
padding-left:36px;
height: 29px;
text-align:left;
padding-top: 4px;
}

h2.special {
border-color:#e7e7e7;
text-align:left,middle;
vertical-align: middle;
margin-top:3px;
margin-bottom:-3px;
}

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

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

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

button,a.btn_fake {
background:url(http://209.85.62.24/static/1/css/btn.png) repeat-x top #f8f8f8;
color:#666;
cursor:default;
font-family:DroidSans, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

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

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

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

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

.notice dd {
font-style:italic;
background:#fff;
}

dl.info {
background:#fff;
border-color:#e7e7e7;
}

.info dt {
background:#3b3b3b;
color:#fff;
}

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

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

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

#profile_menuwrap ul {
visibility: hidden;
}

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

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

#top_bar {
background: #fff;
height:19px;
color: #000000;
border-top:22px solid #fff;
}

#top {
background:#fff;
border-bottom:0px solid #566374;
height:20px;
color: #000000;
font-size:88.3%;
padding-top:25px;
}

#top a {
color: #000000;
}

#top a:active {
color: #000000;
}

#top a:visited {
color: #000000;
}

#top a:hover {
color: #1d6bc1;
}

#top_info {
position:relative;
color:#000000;
float:left;
margin-top:-12px;
margin-left:20px;
}

#top_info a,a:hover {
color: #000000;
}

#top_menu {
background:#fff;
border-left:0px solid #566374;
float: right;
margin-top: -11px;
}

.drop_menu li {
background:#fff;
float:left;
margin-right:0px;
text-align:center;
}

.drop_menu li a {
color:#777777;
}

.drop_menu li a:hover {
color:#1E2D3C;
}

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

.drop_menu a:hover {
color:#1E2D3C;
}

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

.drop_menu ul li {
background:url(http://g.imagehost.org/0421/barra.png) repeat-x;
font-size:98%;
margin:0;
padding:0;
width:100%;
}



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

.drop_menu li ul li a:hover {
background:url(http://209.85.62.24/6/197/0/p451/loli_copy.jpg) repeat-x;

}















#logo {
background:url(http://www.pokeevo.net/layout/logo_bg_2.png);
border:0px solid #566374;
border-bottom:0;
clear:both;
margin:0 0;
height: 85px;
}

#submenu_bar {
background:url(http://img115.imageshack.us/img115/8915/23371540cn7.jpg);
border:1px solid #D9D9D9
height:26px;
margin:0 2%;
}

#submenu {
color:#566374;
font-size:85%;
margin:0 2%;
padding:3px 1% 4px;
height:0px;
visibility:hidden;
}

#wrap {
background:#fff;
border:0px solid #566374;
margin-top: -40px;
margin_old:0 2% 30px;
width: 100%;
}

#nav {
color:#566374;
height:1%;
font-weight:bold;
padding-top: 28px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 1%;
font-size:90.3%;
font-family:"verdana", "tahoma", sans-serif;
}

.meta_box {
background:url(http://209.85.62.24/static/1/css/boxbg.png) repeat-x top #D8DCEB;
border:1px solid #BFC8E3;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#F6F6F6;
border:1px solid #e7e7e7;
padding:0;
width:49%;
}

.meta_menu h3 {
background:url(http://g.imagehost.org/0421/barra.png) repeat-x top #FB9D3A;
border:1px solid #e7e7e7;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

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



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

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#566374;
border:1px solid #efebef;
color:#fff;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#efebef;
color:#566374;
border:1px solid #566374;
}

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

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

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

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

td.c_head,td.c_foot,td.c_sort {
background:url(http://209.85.62.24/static/1/sub.png) repeat-x top #f6f6f6;
color:#666;
font-size:80%;
}

td.c_desc {
background:#f6f6f6;
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:#D8DCEB;
font-weight:700;
}

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

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

.c_mark {
background:#f6f6f6;
text-align:center;
width:1%;
}

td.c_forum {

}

.c_forum {
background:#fff;
color:#474747; /* antigo era: 425384 */
width:60%;
}

.c_forum a:hover {
color:#566374;
}

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

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

td.c_last {
background:#ffffff;
}

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

.c_last-title {
background:url(http://img262.imageshack.us/img262/9109/lastpostwa9.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:15px;
padding-right:5px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
padding:5px;
text-align:center;
}

td.c_subforum {
background:#f6f6f6;
color:#474747; /* antigo era: 425384 */
font-style:italic;
}

td.c_subforum a:hover {
color:#566374;
}

#subforum_edit {
font-size:95.3%;
padding-top:3px;
}

.cat_head td {
background:url(http://g.imagehost.org/0421/barra.png) repeat-x top #e7e7e7;
border-color:#efebef;
padding:0;
padding-left:32px;
color:#FFF;
}

.cat_head a:link {




color:#fff;
}


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

.description {
color:#666;
}

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

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:#f6f6f6;
padding:2px 0;























text-align:center;
font-family:"Tahoma", sans-serif;
}






td.c_username a {

font-weight: bold;
font-size:152.0%;
}

td.c_user {
background:#fff;
}


td.c_user dl {
background:#fff;
border:1px solid #e7e7e7;





margin:10px 0;
padding:5px 7px;










width:160px;



}



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

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

dl.user_info dd {


font-weight:700;














margin-bottom:1px;
}

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

#profile_menu a {

background:url(http://209.85.62.24/static/1/sub.png) repeat-x top #63758b;


border:1px solid #63758b;
margin-top:-16px;
}



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




#profile_menu li ul li a:hover {
background:url(http://209.85.62.24/6/197/0/p445/logobg_copy.jpg) repeat-x;
}

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/6/197/0/p473/hh.jpg) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://209.85.62.24/6/197/0/p474/hh_copy.jpg) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

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

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

blockquote {
background:#fff;
border:1px solid #e7e7e7;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote div {
background:#fff;
}

blockquote dl {
background: #3b3b3b;
border-bottom:1px solid #e7e7e7;
color:#fff;
}

blockquote dl dt {
color:#fff;
float:left;
font-weight:700;
}

code {
background:#fff;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
background:#fff;
border:1px solid #e7e7e7;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:#3b3b3b;
border:1px solid #e7e7e7;
color:#fff;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background:#f6f6f6;
color:#999;
vertical-align:middle;
}

td.c_sig {
color:#666;
background:#fff;
vertical-align:top;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
}

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

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

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

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

tr.c_postfoot {
background:#f6f6f6;
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}

td.c_username {
font-weight: bold;
width:175px;
}

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

td.c_view {
background:#f6f6f6;
color:#777;
}

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

dl#fast-reply dt {
background:url(http://g.imagehost.org/0421/barra.png) repeat-x top #efebef;
border:1px solid #efebef;
color:#FFF;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background:#fafafa;
border:1px solid #e7e7e7;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:#fff;
border:1px solid #3b3b3b;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

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

#emot_wrap {
background:#f6f6f6;
border:1px solid #e7e7e7;
}

#emot_wrap h3 {
background:url(http://209.85.62.24/static/1/sub.png) repeat-x top #f6f6f6;
border-bottom:1px solid #e7e7e7;
color:#999;
font-size:120%;
text-align:center;

}



#emot_end {
border-top:1px solid #e7e7e7;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
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 #e7e7e7;
color:#999;
font-size:90%;
font-style:italic;

margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {

color:#425384;
font-weight:700;
}

#ucp_gallery a:hover {


color:#5A70B3;








}







.calendar td.cal_inactive {





background:#f6f6f6;
color:#e7e7e7!important;
}

.calendar td div {
background:#f6f6f6;
border-bottom:1px solid #e7e7e7;
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-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:#fff;
border:2px solid #566374;
}

div.portal_content {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

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

#portal h4 {
background:url(http://209.85.62.24/static/1/sub.png) repeat-x top #fafafa;
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
color:#777;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

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

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

.search_results {
background:#fafafa;
border:1px solid #e7e7e7;
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;
}

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

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

#pmtoast:hover {
border-color:#3a5197;
}

#pmlink {
background:url(http://209.85.62.24/static/1/toast.png) no-repeat 5px;
color:#5a70b3;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

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

#pmlink strong {
color:#E77700;
}

#pmclose {
border-top:1px solid #3a5197;
color:#5a70b3;
display:block;
padding:1px 10px;
}

#pmclose:hover {
color:#3a5197;
}

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

#foot td {
background:#fafafa;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-left:0;
border-right:0;
color:#777;
}

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

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

#copyright {
color:#FFF;
margin-top: -32px;
text-align:center;
font-size:80%;
}

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

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

td.username_ok {
background:#e0fae0;
}

input.username_ok {
outline:2px solid #566374;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
outline:2px solid #566374;
}

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

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

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

a img {
border:0;
}

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

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

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 {

padding:3px 5px;

}




#main {
height:1%;






















padding:0 1%;


}

#nav li img {
vertical-align:top;



}

.meta_box,.meta_menu {















margin:10px 0;

}

.meta_box li {
display:list-item;
list-style-position:inside;

list-style-type:square;


margin-left:10px;
}


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





.meta_menu img,.meta_menu span {

float:right;
margin:10px 20px;


}












































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

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

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

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

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

.row2 td {
background:#f6f6f6;
}

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

td.c_desc img,td.c_desc input {

float:left;
vertical-align:middle;







}


.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
padding-top: 4px;
padding-right: 15px;
}

.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 {
background:#fff;
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}

.c_post {
background:#fff;
width:100%;
font-size:97.0%;
padding-bottom:11px;
}

.c_sig,.c_nosig {
width:100%;
}

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

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

td.c_user .usertitle {
background:#fff;
padding-bottom:3px;
padding-top:3px;
overflow-x:hidden;
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,td.c_post li {
list-style-type:square;
margin-left:10px;
}

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

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

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

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

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

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

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

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

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

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

dl#fast-reply dd textarea {
background: #ffffff;
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;
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:3px 5px;

}

#faq {


margin:20px 0;
}



#faq dl {
padding:1em;
}

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

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

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

#acplogin #loginform {
display:block;

padding:0 50px;
}


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

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

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

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

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

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

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#333;
font-weight: bold;
}

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:#4a5563;
border:1px solid #566374;
color:#333;
margin:10px 0;
}

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

#blog h1 {
float:right;
}

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

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#5a70b3;
}

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

#blog_head {
background:#efebef;
border:8px solid #efebef;
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:#f6f6f6;
margin:15px 0;
padding:5px 7px;
}

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

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

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

#blog_sidebar {
background:#566374;
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:#f6f6f6;
border:1px solid #566374;
color:#566374;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}


div.blog_date span {
background:#fafafa;
border-top:1px solid #e7e7e7;
color:#566374;
display:block;
font-size:130%;

font-weight:700;

padding:2px 4px;
}

div.blog_entry {
background:#fff;
margin:10px 0;



padding:5px 7px;

}



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





#blog_comments li.odd {
background:#f6f6f6;


}







#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;





}

#shoutopts,#shoutpost {

clear:both;
text-align:center;
}



select,textarea,button,a.btn_fake {
background:#fafafa;
border:1px solid #efebef;
color:#333;
padding:3px 5px;
vertical-align:middle;
}




#logo_img {
text-align: center;
position:absolute;
margin-left: -37px; /* Occupy reserved space */
width: 100%;
height: 85px;
off-background: url(http://a.imagehost.org/0208/platinum.png) no-repeat;
}

#logo_full {
width: 100%;
height: 85px;
}

#logo_bg {
width: 100%;
height: 85px;
}

#portal_link {
font-size:89.7%;
color:#fff;
text-align:right;
float:right;
padding-right: 120px;
margin-top: -40px; /* juntar com search*/
position:relative;
}

#portal_link a {
color:#fff;
font-weight:bold;
}

#portal_link a:hover {
color:#1d6bc1;
font-weight:bold;
}

#search_google {
float: right;
position:relative;
padding-right: 34px; /* (34 (requerido-site) + 60 (valor de ajuste em position absolute) */
padding-top:22px; /* alinha no topo, proximo ao menu*/
}

#footer {
background: url(http://img3.imageshack.us/img3/6793/rodapebgld2.png);
text-align: center;
height: 36px;
margin-bottom: -6px; /* corrigir falha do footer */
margin-left: 0px /* deixar alinhado ąs bordas */

}

#footer_l {
background: url(http://img3.imageshack.us/img3/631/rodapeesquerdaqi0.png) no-repeat;
width: 100%;
height: 36px;
font-size:80%;
}

#footer_r {
background: url(http://img3.imageshack.us/img3/7827/rodapedireitamv5.png) right no-repeat;
text-align: right;
height: 36px;
margin-top: -36px; /* alinhar com o resto do footer */
margin-right: 0px /* deixar alinhado ąs bordas */
}

#txtfooter {
color: #FFFFFF;
text-align: center;
height: 30px; /* 36-6 (veja abaixo) */
padding-top: 6px; /* alinhar com o resto do footer*/
}

#txtfooter a {
color: #FFFFFF;
}

#txtfooter a:hover {
color: #FFFFFF;
text-decoration: underline;
}


#spam {
margin-top:-28px;
margin-left:10px;
padding-bottom:6px;
}

#parceiros_aliados {
background: #ffffff;
width: 500px;
margin-left:auto; margin-right:auto;
}

#outros_links {
font-size:95.3%;
height: 29px;
background: url(http://g.imagehost.org/0421/barra.png) repeat-x;
font-weight: bold;
color:#ffffff;
padding-top:7px;
padding-left:27px;
}

#parceiros {
background: url(http://img3.imageshack.us/img3/4380/barra409sl8.png) repeat-x;
font-weight: bold;
color:#474747;
margin-top:-7px;
text-align: center;
padding:3px;
}

#buttons {
text-align: center;
padding:1px;
}

#aliados {
background: url(http://img3.imageshack.us/img3/4380/barra409sl8.png) repeat-x;
font-weight: bold;
color:#474747;
text-align: center;
padding:3px;
}

#logo_menu {
position:relative;
background: url(http://www.pokeevo.net/layout/nav_bar.png);
height: 26px; /* 25(total) + 11(padding) = 36 < +- proximo de 37 (nav_bar)*/
border-bottom:0px solid #D3D3D3;
padding-top:11px;
}

#logo_menu_txt {
display:inline;
font-size:87.3%;
border-right:1px solid #E7E7E7;
padding-left:30px;
padding-right:30px;
font-weight: bold;
padding-top:6px;
padding-bottom:6px;
}

#logo_menu_txt a:hover {
color:#1d6bc1;
}

#logo_menu_txt_menu {
background: url(http://www.pokeevo.net/layout/menu.png);
display:inline;
padding-top:12.5px;
padding-bottom:11.5px;
padding-left:183px;
height: 37px;
width: 183px;
}


it doesn't work.
Offline Profile Quote Post Goto Top
 
Pete B


What browser are you using? Only certain one's support CSS3.
Online Profile Quote Post Goto Top
 
013.aptor
Member
[ * ]
Firefox 3.5
Offline Profile Quote Post Goto Top
 
013.aptor
Member
[ * ]
up
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Add Reply