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

View previous topic View next topic Go down

In progress Css theme to work in one browser

Post by DarkCode on Thu Aug 18 2011, 14:38

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 Thu Aug 18 2011, 15:34

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
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 Thu Aug 18 2011, 15:54

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 Thu Aug 18 2011, 16:12

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
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 Thu Aug 18 2011, 16:21

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 Thu Aug 18 2011, 20:45

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?

kirk
Forumaster

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

Back to top Go down

View previous topic View next topic Back to top


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