The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Css theme to work in one browser

Go down

In progress Css theme to work in one browser

Post by DarkCode on August 18th 2011, 1:38 pm

Hello!

I have a css for a SMF forum, but when I apply it in the forum only appears to work 100% in Mozilla Firefox, in which he wanted to work in all browsers.

Here is the css:
Code:
/*Codigo do Tema exclusivo EXTRAVAGANZALIVE -- Copia que nós faremos queixa :b  ALONE */
    #login_popup {
    background-color:transparent;border: 0px;border-style: none;
    }


    #login_popup .h3 {
    visibility:hidden;background-color:transparent;border: 0px;border-style: none;
    }

    #login_popup_content{
    background-color:transparent;border: 0px;border-style: none;
    }



.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}



#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{ background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png); color: blue; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px;}


body {
background: url('http://i54.tinypic.com/sd1t1u.jpg') repeat-x;
margin-top: 138px;
}

#wrap {
background: #f0f0f0 url('http://i26.servimg.com/u/f26/11/66/91/15/footer10.gif') repeat-x bottom;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
.forabg {
background: none;
}
.forabg ul.topiclist li.row dl {
padding: 0px;
}
.forabg ul.topiclist li.row {
background: #ffffff;
}
.forabg ul.topiclist {
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 0% -160px;
height: 31px;
}
.forabg ul.topiclist+ul.topiclist {
background: none;
}
.forabg li.header {
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 100% -160px no-repeat;
height: 31px;
margin-left: 5px;
}
.forabg span.corners-bottom {
background: none;
}
.forabg span.corners-top {
background: none;
}

.forumbg {
background: none;
}
.forumbg ul.topiclist li.row dl {
padding: 0px;
}
.forumbg ul.topiclist li.row {
background: #ffffff;
}
.forumbg ul.topiclist {
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 0% -160px no-repeat;
height: 31px;
}
.forumbg ul.topiclist+ul.topiclist {
background: none;
}
.forumbg li.header {
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 100% -160px no-repeat;
height: 31px;
margin-left: 5px;
}
.forumbg span.corners-bottom {
background: none;
}
.forumbg span.corners-top {
background: none;
}

#memberlist thead {
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 100% -160px no-repeat;
height: 31px;
}
#memberlist thead th{
color: #565656;
}
#memberlist thead th.number{
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 0% -160px no-repeat;
}
#memberlist thead th.name{
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 0% -160px no-repeat;
}
#memberlist thead th.name+th{
background: none;
}
#memberlist thead th+th+th+th+th+th+th.name{
background: none;
}

table.table1 thead th.name{
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 0% -160px no-repeat;
}
table.table1 thead th+th.name{
background: none;
}

#calendar table.table1 thead th {
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 0% -160px no-repeat;
}
#calendar table.table1 thead th+th {
background: none;
}

#cp-main table.table1 thead th {
border-bottom: 0px;
}

.table1 thead {
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 100% -160px no-repeat;
height: 31px;
}
table.table1 thead th{
color: #565656;
}
.table1 thead th.pm{
background: url('http://i26.servimg.com/u/f26/11/66/91/15/main_b10.png') 0% -160px no-repeat;
}

ul.topiclist dd {
border-left: 0px solid #f0f0f0;
}

#page-header .navbar {
position: absolute;
top: 20px;
background: none;
}

#page-header .navbar .navlinks {
font-size: 0px;
border-bottom: 0px;
}

#page-header .navbar .navlinks a {
font-size: 11px;
color: #ffffff;
padding: 15px 10px;
}

#page-header .navbar .navlinks a:hover {
background: url("http://i55.tinypic.com/2yjt3ro.jpg")
;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
}

#page-header .navbar span.corners-bottom {
display: none;
}
#page-header .navbar span.corners-top {
display: none;
}

#i_icon_mini_index, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_members, #i_icon_mini_groups, #i_icon_mini_profile, #i_icon_mini_register, #i_icon_mini_message, #i_icon_mini_logout, #i_icon_mini_calendar, #i_icon_mini_portal, #i_icon_mini_login, #i_icon_mini_gallery, #i_whosonline {
display: none;
}

#page-header .headerbar {
position: absolute;
top: 63px;
background: none;
}

#page-header .headerbar span.corners-bottom {
display: none;
}
#page-header .headerbar span.corners-top {
display: none;
}

#page-header #search-box {
display: none;
}

#page-footer {
padding-top: 10px;
border-top: 1px solid #cfcece;
}
#page-footer a {
color: #707070;
}
#page-footer .navbar {
background: none;
}
#page-footer .navbar span.corners-bottom {
display: none;
}
#page-footer .navbar span.corners-top {
display: none;
}

#page-body {
border-top: 1px solid #cfcece;
padding-top: 10px;
margin-top: 10px;
}

li.header dt, li.header dd {
line-height: 31px;
margin: 0px 0 0px 0;
color: #565656;
padding-top: 0px;
padding-bottom: 0px;
}
.table-title, .table-title h2 {
color: #565656;
}

.user_login_form {
position: fixed;
top: 0px;
left: 0px;
background: #555555;
width: 100%;
filter:alpha(opacity=75);
opacity:0.75;
}
.user_login_form label{
color: #ffffff;
filter:alpha(opacity=100);
opacity:1.0;
}
.user_login_form input{
filter:alpha(opacity=100);
opacity:1.0;
}
#page-header .navbar ul li {
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
float: left;
}
#page-header .navbar ul li a {
display: block;
}
* html #page-header .navbar ul li a {
display: inline-block;
}
* html #page-header .navbar {
height: 1%;
}
#page-header .navbar .navlinks {
font-size: 0px;
border-bottom: 0px;
}
#page-header .navbar .navlinks a {
font-size: 11px;
}
#search_menu {
font-size: 11px;
}
.overview {
border: 0px;
}
#search_menu p {
margin-bottom: 0px;
padding-bottom: 0.5em;
}
#search_menu hr.dashed {
border: 0px;
margin: 0px;
}
#search_menu .center-overview a {
padding: 0px !important;
background: none !important;
color: #808080 !important;
}

* html #page-header .navbar {
position: absolute;
margin-top: -138px;
background: none;
}
* html #page-header .headerbar {
position: absolute;
margin-top: -138px;
background: none;
}

/*PORTAL*/
#lateraldois{
float:left;
margin-left:6px;
}
#lateraldois .tabela{
background:url(http://img534.imageshack.us/img534/2484/tabsot.png) bottom repeat-x;
width:320px;
padding:5px 5px 5px 6px;
border: 1px solid #e1dede;
text-align:center;
}
.sLateral{
width:316px;
padding:5px 5px 5px 5px;
border: 1px solid #e1dede;
margin-top:10px;
}
.sLateral .caixa{
background:#303334;
color:#FFF;
width:303px;
padding:5px 5px 5px 8px;
font-size:12px;
font-weight:bold;
margin:0 0 5px 0;
}
.sLateral .conteudo{
width:316px;
}
#lateraldois .bloco{
margin:5px 5px 5px 5px;
}
#pequisa{
border: none;
float: left;

}
#procurar{
width: 316px;
border: none;
margin:0;
padding:0;
}
#procurar .input{
padding:4px 5px 4px 3px;
background:#e9e9e9;
color: #5d5d5d;
font-size: 10px;
width: 220px;
border: 0;
margin:0;
}
#procurar .botao{
padding:3px 5px 3px 3px;
margin:0;
background:#5d5d5d;
color: #FFF;
font-size: 9px;
width: 70px;
border: 0;
cursor: pointer;
font-weight:bold;
}


#portalbraz {
background:url(http://img534.imageshack.us/img534/2484/tabsot.png) bottom repeat-x;
float:left;
margin: 0 0 0 7px;
padding:10px;
width:300px;
height:130px;
border:1px solid #e1dede;
}
.introduction {
background-color: transparent !important;
background-image: none !important;
border: none;
}
.introduction div.h3 {
display: none;
}
.introduction .module div.h3 {
display: block;
}


ul.topiclist dd {
border-left:1px solid transparent;
display:block;
float:left;
padding:4px 0
}

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
ul.navlinks {
border-bottom:1px solid transparent;
font-weight:700;
text-align:center
}

.table-title, .table-title h2, ul.topiclist li.header dl dd  {
color:#696969;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.0em;
font-weight:700;
text-decoration:none;
}

.spoiler_content { background-color: #292929; color: #7ED40C; color: 10pt; font-family Verdana, Geneva, sans-serif; }


/*FIM*/

DarkCode
New Member

Posts : 3
Reputation : 0
Language : Portugues

http://www.extrasenses.net

Back to top Go down

In progress Re: Css theme to work in one browser

Post by Base on August 18th 2011, 2:34 pm

Hi, the reason for this is probably because you're using a CSS Stylesheet that was designed for an SMF forum. For stability reasons, you should really either use a theme from HitSkin or somehow create your own CSS Stylesheet. Smile
avatar
Base
Forumaster

Male Posts : 10386
Reputation : 1693
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: Css theme to work in one browser

Post by DarkCode on August 18th 2011, 2:54 pm

But you can not place the css to work in all browsers?

DarkCode
New Member

Posts : 3
Reputation : 0
Language : Portugues

http://www.extrasenses.net

Back to top Go down

In progress Re: Css theme to work in one browser

Post by Base on August 18th 2011, 3:12 pm

Like I said, if you were using a HitSkin theme then the CSS for that theme would work for all browsers. Perhaps some elements from the SMF theme works but it's not an official HitSkin theme therefore I can't guarantee it working for all browsers.

Your best bet would be to either use a HitSkin theme or create your own. Wink
avatar
Base
Forumaster

Male Posts : 10386
Reputation : 1693
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: Css theme to work in one browser

Post by DarkCode on August 18th 2011, 3:21 pm

Hello again!

Is it possible to only have the menu of this subject?

If so, could you pass only the menu code? Very Happy

DarkCode
New Member

Posts : 3
Reputation : 0
Language : Portugues

http://www.extrasenses.net

Back to top Go down

In progress Re: Css theme to work in one browser

Post by kirk on August 18th 2011, 7:45 pm

i dont know what you mean?
do you have a screen shot, or the link to your forum if you are still using the css above.

I guess you are saying you want ti use the menu part of the css in that sheet or something?
avatar
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum