Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Help "translating" an IF CSS
Topic Started: Dec 1 2007, 08:05 PM (463 Views)
once in a blue mew
Member
[ * ]
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #559466; margin:10px 0px 10px 0px;background-color:#01150C; scrollbar-face-color: #053720; scrollbar-shadow-color: #083D24; scrollbar-highlight-color: #195A3C; scrollbar-3dlight-color: #0F3D27; scrollbar-darkshadow-color: #001E10; scrollbar-track-color: #041E13; scrollbar-arrow-color: #3DA372}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #559466; }
a:link, a:visited, a:active { text-decoration: underline; color: #67A490}
a:hover { color: #A7CDC1; text-decoration:none}

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #000A04;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #559466; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#559466; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#559466}

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#467853}
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#467853;background-color:#042E1B;padding:4px;margin:0px }

.warngood { color:#0FF15A}
.warnbad { color:#F10F0F}

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid #000A04}
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #000A04;background-color: #053A21}
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #053720; border:1px solid #000A04;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000A04;background-color: #053820;background-image:url(http://i1.ifrm.com/2008/190/upload/p18032.gif);padding:0px;margin:0px; }
#submenu { border:1px solid #132F1C;background-color: #032917;background-image: url(http://i1.ifrm.com/2008/190/upload/p18010.gif);font-size:10px;margin:3px 0px 3px 0px;color:#8A98A3;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #8AA393; }
#submenu a:hover{ font-weight:bold;font-size:10px;text-decoration: none; color: #B0B9B3; }

#userlinks { border:1px solid #132F1C; background-color: #032917; background-image: url(http://i1.ifrm.com/2008/190/upload/p18010.gif) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#032917; background-image: url(http://i1.ifrm.com/2008/190/upload/p18010.gif); padding:6px }

.pformstrip { background-color: #032917;background-image: url(http://i1.ifrm.com/2008/190/upload/p18010.gif); color:#527B69;font-weight:bold;padding:5px;margin-top:1px }
.pformleft { background-color: #053720; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000A04; border-right:1px solid #000A04; }
.pformleftw { background-color: #053720; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000A04; border-right:1px solid #000A04; }
.pformright { background-color: #053A21; padding:6px; margin-top:1px;border-top:1px solid #000A04; }

.post1 { background-color: #053A21;}
.post2 { background-color: #053720;}
.postlinksbar { background-color:#041A2C;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i1.ifrm.com/2008/190/upload/p18010.gif) }

.row1 { background-color: #053A21;}
.row2 { background-color: #053A21;}
.row3 { background-color: #053720;}
.row4 { background-color: #053720;}

.darkrow1 { background-color: #032716; color:#559466; }
.darkrow2 { background-color: #03311B; background-image: url(http://i1.ifrm.com/2008/190/upload/p18010.gif);color:#559466; }
.darkrow3 { background-color: #03311B; color:#559466; }

.hlight { background-color: #053720}
.dlight { background-color: #053A21}

.titlemedium { font-weight:bold; color:#527B69; padding:5px; margin:0px; background-color: #032917;background-image: url(http://i1.ifrm.com/2008/190/upload/p18010.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #8AA393}
.titlemedium a:hover { text-decoration: none; color: #B0B9B3}

.maintitle { text-align: center;background-position: center; vertical-align:middle;font-weight:bold; color:#A9B8B1; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #01150C;background-image: url(http://i1.ifrm.com/2008/190/upload/p17998.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #8CB8A3}
.maintitle a:hover { text-decoration: none; color: #BEDACD}

.plainborder { border:1px solid #000A04;background-color:#000A04}
.tableborder { border:1px solid #01150C;background-color:#000A04; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #000A04;background-color:#04361E;padding:6px; }
.tablepad { background-color:#042F1B;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#326346}
.edit { font-size: 9px }

.signature { font-size: 10px; color: #7F8B95}
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #77838C}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #767C81}

.searchlite { font-weight:bold; color:#8A98A3; background-color:#053720}

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #5BA06B; background-color: #053821; border: 1px solid #001806; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #539562; background-color: #04341E; border: 1px solid #001503; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #001104; color:#549D65; background-color: #032D1A}
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #000A11; color: #8DC79B; background-color: #05351F}

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #00060A;border-bottom:1px solid #00060A; border: 1px solid #000A11 }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

</STYLE><CENTER><font color=#8AA393>Skin created by <B>Kman</B>. Find more great skins at the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin Zone</A></B>.</font></CENTER><STYLE TYPE="text/css">

.outa { border:1px solid #022414; }

div.row4 { border-color: #00060A!important;background-color:#053A21}

</style>

<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.tableborder { background-color:#022E19; border:1px solid #000A04; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('showtopic')!=-1 ){document.write("<style>.row4 { background-image: url()}}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('showuser')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i1.ifrm.com/2008/190/upload/p18226.gif); padding:8px 0px 8px 5px; color:#BEDACD; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i1.ifrm.com/2008/190/upload/p18226.gif); padding:8px 0px 8px 5px; color:#BEDACD; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=UserCP')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i1.ifrm.com/2008/190/upload/p18226.gif); padding:8px 0px 8px 5px; color:#BEDACD; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i1.ifrm.com/2008/190/upload/p18226.gif); padding:8px 0px 8px 5px; color:#BEDACD; }}</style>")}
</script>

I need help "translating" that CSS. Sorry for this big request. I want to see if I could get my old IF skin to work on a ZetaBoards forum
Offline Profile Quote Post Goto Top
 
CrAzYsHoT
Member
[ *  * ]
wait can you?
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
Sorry we cannot provide that sort of support here. I can direct you towards our Theme Documentation Index but that is all.
It would be better for those who have the skills to edit the ZB CSS to make themes for use by multiple people rather than only one person, hmm? :P
Offline Profile Quote Post Goto Top
 
Dyegov
Member Avatar
Chrome!
[ *  *  * ]
You can get it to work (I've converted 2 skins and I'm making one), but you can't ask to someone else just to do the work for you. Get Firefox with CSS Viewer and Firebug and you should be able to "translate" it ;)
Offline Profile Quote Post Goto Top
 
CrAzYsHoT
Member
[ *  * ]
Alright but nicola didn't you make that skin and your forum? Its awesome and is there anyway I can get it? lol
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
CrAzYsHoT
Dec 1 2007, 08:22 PM
Alright but nicola didn't you make that skin and your forum? Its awesome and is there anyway I can get it? lol
No, not yet, I always release my skins/themes/whatever with a full graphics set, this time is no different. However I have a list of things I need to in addition to 'having a life' (driving tipsy parents home from their christmas party etc) which 'slows me down' in regard to the graphics. Plus I haven't styled the PM popup box. That is sure to take weeks :P
Offline Profile Quote Post Goto Top
 
CrAzYsHoT
Member
[ *  * ]
alright then thats sounds cool
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