|
Tidy Blue (imageless); for InvisionFree
|
|
Topic Started: Mar 15 2011, 03:10 PM (4,705 Views)
|
|
Helena-ZNR
|
Mar 15 2011, 03:10 PM
Post #1
|
No PMs on this account please
- Posts:
- 5,374
- Group:
- Extra Staffers
- Member
- #160,490
- Joined:
- March 29, 2006
- Latest Design
- Ledger
- Latest Blog Entry
- http://tinyurl.com/26px98w
|

Author: Helena and Cory Date Created: 03/11 Skin Preview: 
[ZB version: http://resources.zetaboards.com/topic/5114206/ ]
Markers Download: Zip file contains forum markers only. The remaining "images" are specified in the image macros section below.)
Side Notes: Tidy Blue is an imageless theme made for a battle. In this theme we explored the use of CSS3 effects such as gradients, box shadows and text shadows. There was a small amount of javascript used to create layered category borders and also to render the poll bars as a hex color rather than an image. It was a fun project, and we hope you enjoy what we were able to accomplish without using any image files. If you are wondering about the name, it was inspired by the name of the color palette we began with: "bathroom blues". You can take it from there.
Browser caveat: Tidy Blue has been tested in the latest FireFox and Chrome. IE8 and earlier versions do not support all CSS3 properties, so although we have made the skin usable in IE, it will look quite a bit different.
Edits Allowed? Yes, as long as you add "edited by..." in the copyright for any major edits beyond normal personalizations.
Admin CP Skinning & Styles Manage Style Sheets
Style Sheets - Code:
-
#wrap { background: #F1F1F1; border: 5px solid #496987; margin: 5% 4% 2%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#outer { border: 5px solid #6087AC; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#inner { border: 5px solid #D4DFF5; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 50px; }
hr { color: #496987; background: #496987; }
form { display: inline; }
img { vertical-align: middle; border: 0; }
BODY { font-family: Arial, sans-serif; font-size: 13px; color: #18446D; margin: 0 10px; background: #D4DFF5; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(212,223,245)), color-stop(0.56, rgb(96,135,172)), color-stop(0.95, rgb(212,223,245))); background-image: -moz-linear-gradient(center bottom, rgb(212,223,245) 12%, rgb(96,135,172) 56%, rgb(212,223,245) 95%); background: -o-linear-gradient(bottom, rgb(212,223,245) 12%, rgb(96,135,172) 56%, rgb(212,223,245) 95%); }
TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 13px; color: #18446D; }
a { text-decoration: none; color: #18446D; }
a:hover { color: #6087AC; text-decoration: none; }
fieldset.search { padding: 6px; line-height: 150%; }
label { cursor: pointer; }
img.attach { border: 2px outset #F1F1F1; padding: 2px; }
li.helprow { padding: 0; margin: 0 0 10px 0; list-style: none; }
ul#help { padding: 0 0 0 15px; }
option.cat { font-weight: 700; }
option.sub { font-weight: 700; color: #555; }
.caldate { text-align: right; font-weight: 700; font-size: 11px; color: #18446D; padding: 4px; margin: 0; }
.warngood { color: green; }
.warnbad { color: red; }
#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0; }
#profilename { font-size: 28px; font-weight: 700; }
#calendarname { font-weight: 700; }
#calendarname .t_icon { margin: 0 10px; }
#photowrap { padding: 6px; }
#phototitle { font-size: 24px; border-bottom: 1px solid #000; }
#photoimg { text-align: center; margin-top: 15px; }
#logostrip { margin-top: -30px; }
#ucpmenu { line-height: 150%;width: 22%; } #ucpmenu p { padding:2px 5px 6px 9px;margin:0; } #ucpcontent { line-height: 150%; width: 75%; } #ucpcontent p { padding:10px;margin:0; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#submenu { padding-top: 10px; border: 5px solid #D4DFF5; background: #D4DFF5; margin: 10px 0; color: #3A4F6C; font-weight: 700; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(212,223,245)), color-stop(0.73, rgb(96,135,172))); background-image: -moz-linear-gradient(center bottom, rgb(212,223,245) 1%, rgb(96,135,172) 73%); background: -o-linear-gradient(bottom, rgb(212,223,245) 1%, rgb(96,135,172) 73%); }
#submenu td { color: #95AFCD; }
#submenu a { font-weight: 700; text-decoration: none; color: #3A4F6C; text-shadow: 0 1px 2px #FCFCFC; font-size: 11px; } #userlinks { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.9, #D4DFF5), color-stop(0.69, #F1F1F1)); background-image: -moz-linear-gradient(center bottom, #D4DFF5 9%, #F1F1F1 69%); background: -o-linear-gradient(bottom, #D4DFF5 9%, #F1F1F1 69%); left: 0; position: absolute; top: 0; }
#navstrip { font-weight:700;padding:6px 0; }
.activeuserstrip { background: #D4DFF5; padding: 6px }
.pformstrip { background: #D4DFF5; color: #3A4F6C; font-weight: 700; padding: 7px; margin-top: 1px;} .pformleft { background: #D4DFF5; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #D4DFF5; border-right: 1px solid #D4DFF5; } .pformleftw { background: #D4DFF5; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #D4DFF5; border-right: 1px solid #D4DFF5; } .pformright { background: #D4DFF5; padding: 6px; margin-top: 1px; border-top: 1px solid #D4DFF5; }
.post1, .post2 { background: #F1F1F1; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); }
.postlinksbar { padding:7px;margin-top:1px;font-size:10px }
.row1, .row2, .row3, .row4 { background: #F1F1F1; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.10, #E0E0E0), color-stop(0.50, #F1F1F1)); background-image: -moz-linear-gradient(center top , #E0E0E0 10%, #F1F1F1 50%); background: -o-linear-gradient(top , #E0E0E0 10%, #F1F1F1 50%); border-top: 1px solid #FCFCFC; }
br[clear="all"] + br + div div + table tr .row1 { background: #F1F1F1; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); }
#submenu + div .row4 { border: 0; }
.darkrow1 { background: #D4DFF5; }
.darkrow2 { background: #D4DFF5; color: #3A4F6C; border-top: 1px solid #FCFCFC; }
.darkrow3 { background: #D4DFF5; color: #3A4F6C; }
.hlight { background: #DFE6EF } .dlight { background: #F1F1F1 }
.titlemedium { font-weight:700; color:#3A4F6C; padding:7px; margin:0; background: #D4DFF5; } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { vertical-align: middle; font-weight: 700; color: #FCFCFC; padding: 15px 0 15px 5px; background: #496987; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #496987), color-stop(0.50, #6087AC), color-stop(1.00, #D4DFF5)); background-image: -moz-linear-gradient(center top , #496987 1%, #6087AC 50%, #D4DFF5 100%); background: -o-linear-gradient(top , #496987 1%, #6087AC 50%, #D4DFF5 100%); -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; text-shadow: 0 2px 2px #18446D; }
.maintitle a { text-decoration: none; color: #FCFCFC; } .maintitle a:hover { font-style: italic; }
.plainborder { border:1px solid #345487;background:#F5F9FD }
.tableborder { -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; border: 5px solid #D4DFF5; background: #D4DFF5; width: 100%; }
.cat_wrap { border: 5px solid #6087AC; border-width: 1px 5px 5px 5px; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
.cat_wrapper { border: 5px solid #496987; border-width: 3px 3px 3px 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
.tablefill { border: 5px solid #D4DFF5; background:#D4DFF5; padding:6px; width: 98.5%; border-width: 0 5px 0 5px; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; } .tablepad { background: #D4DFF5 !important; padding: 6px } .tablepad table { background: #D4DFF5; } .tablebasic { width:100%; padding:0; margin:0; border:0 }
.wrapmini { float:left;line-height:1.5em;width:25% } .pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#434951 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #339 } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: 700; color: #003 } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: 700; color: #900 }
.searchlite { font-weight:700; color:#F00; background:#FF0 }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background: #F1F1F1; border: 5px solid #D4DFF5; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background: #F1F1F1; border: 5px solid #D4DFF5; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; max-height: 400px; }
.post1 table, .post2 table { -moz-box-shadow: 3px 3px 3px #C0C6CF; -webkit-box-shadow: 3px 3px 3px #C0C6CF; box-shadow: 3px 3px 3px #C0C6CF; background: #D4DFF5; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
.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 }
.forminput, .textinput, .radiobutton, .checkbox, textarea, input { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background: #F1F1F1; border: 1px solid #F1F1F1; color: #496987; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); }
.forminput { background: #496987; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.9, #6087AC), color-stop(0.40, #496987)); background-image: -moz-linear-gradient(center bottom, #6087AC 9%, #496987 40%); background: -o-linear-gradient(bottom, #6087AC 9%, #496987 40%); color: #FCFCFC; border-color: #496987; }
.forminput[type="text"], .forminput[type="password"], textarea.forminput, select.forminput, .forminput[type="file"] { background: #F1F1F1; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); border-color: #F1F1F1; color: #496987; }
.forminput:focus, .textinput:focus, input:focus { border-bottom-color: #6087AC; }
.thin { padding:6px 0;line-height:140%;margin:2px 0;border-top:1px solid #FCFCFC;border-bottom:1px solid #FCFCFC }
.purple { color:purple; font-weight: 700; }
.red { color:red; font-weight: 700; }
.green { color:green; font-weight: 700; }
.blue { color: blue; font-weight: 700; }
.orange { color:#F90; font-weight: 700; }
.maintitle img, #submenu img, fieldset { display: none; }
#calendarname + br + .tableborder + br + .tableborder, #userlinks + br + .tableborder, #ipbwrapper .tableborder, .tableborder + .tablefill + .tableborder { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#ucpmenu, #ucpcontent { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; background: #D4DFF5; border: 5px solid #D4DFF5; }
.t_icon { color: #6087AC; font-size: 110%; font-weight: 700; text-shadow: 1px 1pt #D4DFF5; text-transform: uppercase; }
.blue1 { text-transform: uppercase; font-weight: 700; font-size: 90%; }
#wrap + br + div.row4 { border: 0 !important; background: none; }
.forum_rules { width: 98.5%; background: #D4DFF5; padding: 10px; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
script + br + div .titlemedium { background: #6087AC; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.75, #D4DFF5), color-stop(0.99, #6087AC), color-stop(0.1, #6087AC)); background-image: -moz-linear-gradient(center top , #D4DFF5 75%, #6087AC 99%, #6087AC 1%); background: -o-linear-gradient(top , #D4DFF5 75%, #6087AC 99%, #6087AC 1%); }
#calendarname + br + div .darkrow1 { background: #D4DFF5; }
#calendarname + br + div .row1 { border: 2px solid #6087AC !important; background: #D4DFF5; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.50, #F1F1F1), color-stop(0.80, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 50%, #D4DFF5 80%); background: -o-linear-gradient(bottom, #F1F1F1 50%, #D4DFF5 80%); }
#ipbwrapper .tableborder { background: #F1F1F1; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
#ipbwrapper > .tableborder { width: auto; padding: 40px; border: 10px solid #496987; margin: -3px 40px 50px; border-top: 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; box-shadow: 0 0; -moz-border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
#ipbwrapper .tableborder .row4 { background: none; border: 0; }
#ipbwrapper #logostrip { margin: 50px 40px 0; background: #F1F1F1; border: 10px solid #496987; border-bottom: 0; padding: 25px 55px 75px; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
#ipbwrapper #submenu { margin: -6.2% auto; width: 80%; }
.webkit #ipbwrapper #submenu, .ie #ipbwrapper #submenu, .opera #ipbwrapper #submenu { margin: -7% auto 1.5%; }
#ipbwrapper #submenu + div[align="center"] { border-left: 10px solid #496987; border-right: 10px solid #496987; margin: 0 40px; }
#ipbwrapper .row2[align="right"] { background: #D4DFF5; }
form[name="mutliact"] .tableborder, form[name="trackread"] div + p + .tableborder, form[name="trackunread"] div + p + .tableborder, input[value="dofolderdelete"] + div + p + .tableborder, #ucpcontent div + div + br + .tableborder { -moz-border-radius: 0 0; width: 99.2%; box-shadow: 0 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; }
td[valign="middle"] .tableborder { -moz-border-radius: 0 0; box-shadow: 0 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; }
td.row4 div.row4 { border: 0; }
.poll_ends, .poll_middle { height: 10px; background: #496987; display: inline-block; }
select[name="CODE"] { color: #E86477 !important; }
.tablebasic + br + table .plainborder { border: 5px solid #D4DFF5; background: #D4DFF5; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
Admin CP Skinning & Styles Images
Spoiler: click to toggle Logo: <img src='http://z3.ifrm.com/28122/87/0/p396346/TidyBlue.png' alt='' /> Locked Post Button: <span class="t_icon">Locked</span> Poll Only Post Button: <span class="t_icon">Poll Only</span> New Topic Button: <span class="t_icon">New Topic</span> Add Reply Button: <span class="t_icon">Add Reply</span> New Poll Button: <span class="t_icon">New Poll</span> Hot Topic Folder: <span style="color: #E86477">♥ !</span> Hot Topic Folder (No new posts): <span style="color: #E86477">♥</span> Plain Folder: ! Plain Folder (No new posts): <span style="font-size: 100%">o</span> Poll Folder: lil ! Poll Folder (No new posts): lil Locked Folder: X Moved Folder: ← Pinned Marker: <span style="color: #6087AC; font-size: 100%; font-weight: 700">§</span> New reply Marker: <img src='http://i1.ifrm.com/style_images/<#IMG_DIR#>/newpost.gif' border='0' alt='Goto last unread' title='Goto last unread' hspace=2> Forum Marker: <img src='http://z3.ifrm.com/28122/87/0/p396348/FMnew.png' border='0' alt=''> Forum Marker (No New Posts): <img src='http://z3.ifrm.com/28122/87/0/p396347/FMnonew.png' border='0' alt=''> Sub-Forum Marker: <img src='http://z3.ifrm.com/28122/87/0/p396348/FMnew.png' border='0' alt=''> Sub-Forum Marker (No New Posts): <img src='http://z3.ifrm.com/28122/87/0/p396347/FMnonew.png' border='0' alt=''> Password Protected Forum: <span style="color: #64BEE8; font-size: 250%">¶</span> Password Protected Forum (No New Posts): <span style="color: #64BEE8; font-size: 250%">¶</span> Read-only Forum: <span style="color: #64BEE8; font-size: 300%">®</span> Stats Marker: <img src='http://z3.ifrm.com/28122/87/0/p396365/FMstats.png' border='0' alt='stats'> Birthdays Marker: <img src='http://z3.ifrm.com/28122/87/0/p396369/FMbirthday.png' border='0' alt='birthday'> Users Online Marker: <img src='http://z3.ifrm.com/28122/87/0/p396357/FMusers.png' border='0' alt='users'> Calendar Marker: <span style="color: #64BEE8; font-size: 300%">!</span> Seperator for navigation trail: <span style="font-weight: 700">|</span> Triangle bullet: <img src='http://i1.ifrm.com/style_images/<#IMG_DIR#>/nav_m.gif' border='0' alt='' width='8' height='8'> Read PM Marker: <span style="color: #64BEE8; font-size: 100%">–</span> Unread PM Marker: <span style="color: #64BEE8; font-size: 100%">+</span> Delete Post: <span class="blue1">Delete</span> Edit Post: <span class="blue1">Edit</span> Quote Post: <span class="blue1">Quote</span> Goto Top: <span class="blue1">^^^</span> AOL: <span class="blue1">AOL</span> Email: <span class="blue1">Email</span> ICQ: <span class="blue1">ICQ</span> PM: <span class="blue1">PM</span> Website: <span class="blue1">WWW</span> Yahoo: <span class="blue1">Yahoo</span> MSN: <span class="blue1">MSN</span> Calendar: <span style="color: #64BEE8; font-size: 300%">!</span> Redirect Forum: <img src='http://z3.ifrm.com/28122/87/0/p396351/FMredirect.png' border='0' alt='Redirect'> Profile Card: <span class="blue1">Profile</span> Quick Reply: <span class="t_icon">Quick Reply</span> Topic Options: <span class="t_icon">Options</span> Calendar (New Event): <span class="t_icon">New Event</span> Last Post Choice: <small>>></small> Report Post: <span class="blue1">Report</span> No Photo: <img src='http://i1.ifrm.com/style_images/<#IMG_DIR#>/nophoto.gif' border='0' alt='No Photo' /> Photo Icon: <img src='http://i1.ifrm.com/style_images/<#IMG_DIR#>/camera.gif' border='0' alt='Photo' /> Warn (Level 0): ----- Warn (Level 1): X---- Warn (Level 2): XX--- Warn (Level 3): XXX-- Warn (Level 4): XXXX- Warn (Level 5): XXXXX Increase Warning: + Decrease Warning: -
Admin CP Skinning & Styles Board Wrappers
Spoiler: click to toggle Admin CP Skinning & Styles Board Wrapper Document Type- Code:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Admin CP Skinning & Styles Board Wrappers Javascript- Code:
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> Admin CP Skinning & Styles Board Wrappers Header & Body- Code:
-
<div id="wrap"><div id="outer"><div id="inner"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> </div></div></div> Admin CP Skinning & Styles Board Wrappers Footer- Code:
-
<div style="text-align: center; font-size: 7.5pt"><a href="http://resources.zetaboards.com/topic/5112649/"><em>Tidy Blue</em></a> designed by <a href="http://resources.zetaboards.com/profile/273996/">Helena</a> and coded by <a href="http://resources.zetaboards.com/profile/372081/">Cory</a> of <a href="http://resources.zetaboards.com/">ZNR</a></div>
<script type="text/javascript"> $(".tableborder:has(.maintitle)").wrapInner("<div class='cat_wrap'><div class='cat_wrapper'></div></div>");
if (location.href.match(/showuser/) ) { $('table[cellspacing=2]').attr('cellspacing','20'); }
if(location.href.match('showforum')||location.href.match('showtopic')) { $('#navstrip + br + div[align="left"], #navstrip + br + script + a + div[align="left"]').addClass('forum_rules'); }
if (!Array.prototype.indexOf) { Array.prototype.indexOf = function (k) { var n = this.length; while (n--) if (this[n] === k) return n; return -1; } }
(function () { var j = [].slice.call(document.getElementsByTagName('img')), i = j.length, k = 0, t, n, z; for (; k < i; k++) { t = j[k].src.split('/').pop(); if ((z = t === 'bar.gif' || ['bar_left.gif', 'bar_right.gif'].indexOf(t)) !== -1) { n = document.createElement('span'); n.innerHTML = "&nb" + "sp;"; n.className = z === true ? 'poll_middle' : 'poll_ends'; n.style.width = z !== true ? '4px' : j[k].width + 'px'; j[k].parentNode.insertBefore(n, j[k]); j[k].parentNode.removeChild(j[k]); } } }()); </script>
<script type='text/javascript'> var show_spoil = function(ele, e) { if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } var j = ele.nextSibling; if (j.style.display === 'none') { j.style.display = 'block'; } else { j.style.display = 'none'; } };
(function() { var b = document.getElementsByTagName('div'), c = b.length; while (c--) { if (b[c].className.indexOf('postcolor') !== -1 && b[c].innerHTML.indexOf('[spoiler') !== -1) { b[c].innerHTML = b[c].innerHTML.replace(/\[spoiler(?:=(.+?))?\]([\s\S]+?)\[\/spoiler\]/gi, function(total, title, inside) { return "<input type='button' value='" + (title || "Spoiler") + "' class='forminput spoil_button' onclick='show_spoil(this, event)' /><span style='display:none'><hr />" + inside + "</span>"; }); } } })(); </script>
Admin CP System Settings IPDynamic Lite Set-up Show Affiliates box?: Yes
Spoiler: click to toggle - Code:
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript"> if (!Array.prototype.indexOf) { Array.prototype.indexOf = function (k) { var n = this.length; while (n--) if (this[n] === k) return n; return -1; } } (function () { var j = [].slice.call(document.getElementsByTagName('img')), i = j.length, k = 0, t, n, z; for (; k < i; k++) { t = j[k].src.split('/').pop(); if ((z = t === 'bar.gif' || ['bar_left.gif', 'bar_right.gif'].indexOf(t)) !== -1) { n = document.createElement('span'); n.innerHTML = "&nb" + "sp;"; n.className = z === true ? 'poll_middle' : 'poll_ends'; n.style.width = z !== true ? '4px' : j[k].width + 'px'; j[k].parentNode.insertBefore(n, j[k]); j[k].parentNode.removeChild(j[k]); } } }()); </script>
<script type='text/javascript'> if ($.browser.webkit) { $('body').addClass('webkit'); } if ($.browser.msie) { $('body').addClass('ie'); } if ($.browser.opera) { $('body').addClass('opera'); } </script>
|
|
|
| |
|
Nivexonix
|
Mar 16 2011, 09:35 PM
Post #2
|
- Posts:
- 7,634
- Group:
- Members
- Member
- #143,495
- Joined:
- January 31, 2006
- I'm Browsing With
- Chrome
|
Whoa, CSS3 has gradients? It looks cool, that's really neat stuff. Almost makes me want to learn CSS again haha
|
|
|
| |
|
Pando
|
Mar 16 2011, 11:59 PM
Post #3
|
- Posts:
- 3,202
- Group:
- Members
- Member
- #384,273
- Joined:
- April 16, 2010
|
That's an awesome imageless skin you two! (even though you had to cheat a little with JS)
Also, IE 7 and 8 supports gradients.
|
|
|
| |
|
Cory
|
Mar 17 2011, 12:27 AM
Post #4
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
Thanks for sharing Panda. I've seen that before but didn't think to use it. I have updated the CSS so that gradients will now show in IE7 and 8.
Here's the CSS with the IE gradients. We didn't update the post above because the text aliases when the IE gradients are added. The version below will have aliased text issues in IE, while the version above has no gradients with no text issues.
Spoiler: click to toggle - Code:
-
#wrap { background: #F1F1F1; border: 5px solid #496987; margin: 5% 4% 2%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#outer { border: 5px solid #6087AC; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#inner { border: 5px solid #D4DFF5; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 50px; }
hr { color: #496987; background: #496987; }
form { display: inline; }
img { vertical-align: middle; border: 0; }
BODY { font-family: Arial, sans-serif; font-size: 13px; color: #18446D; margin: 0 10px; background: #D4DFF5; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(212,223,245)), color-stop(0.56, rgb(96,135,172)), color-stop(0.95, rgb(212,223,245))); background-image: -moz-linear-gradient(center bottom, rgb(212,223,245) 12%, rgb(96,135,172) 56%, rgb(212,223,245) 95%); background: -o-linear-gradient(bottom, rgb(212,223,245) 12%, rgb(96,135,172) 56%, rgb(212,223,245) 95%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4DFF5', endColorstr='#6087AC'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4DFF5', endColorstr='#6087AC'); }
TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 13px; color: #18446D; }
a { text-decoration: none; color: #18446D; }
a:hover { color: #6087AC; text-decoration: none; }
fieldset.search { padding: 6px; line-height: 150%; }
label { cursor: pointer; }
img.attach { border: 2px outset #F1F1F1; padding: 2px; }
li.helprow { padding: 0; margin: 0 0 10px 0; list-style: none; }
ul#help { padding: 0 0 0 15px; }
option.cat { font-weight: 700; }
option.sub { font-weight: 700; color: #555; }
.caldate { text-align: right; font-weight: 700; font-size: 11px; color: #18446D; padding: 4px; margin: 0; }
.warngood { color: green; }
.warnbad { color: red; }
#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0; }
#profilename { font-size: 28px; font-weight: 700; }
#calendarname { font-weight: 700; }
#calendarname .t_icon { margin: 0 10px; }
#photowrap { padding: 6px; }
#phototitle { font-size: 24px; border-bottom: 1px solid #000; }
#photoimg { text-align: center; margin-top: 15px; }
#logostrip { margin-top: -30px; }
#ucpmenu { line-height: 150%;width: 22%; } #ucpmenu p { padding:2px 5px 6px 9px;margin:0; } #ucpcontent { line-height: 150%; width: 75%; } #ucpcontent p { padding:10px;margin:0; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#submenu { padding-top: 10px; border: 5px solid #D4DFF5; background: #D4DFF5; margin: 10px 0; color: #3A4F6C; font-weight: 700; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(212,223,245)), color-stop(0.73, rgb(96,135,172))); background-image: -moz-linear-gradient(center bottom, rgb(212,223,245) 1%, rgb(96,135,172) 73%); background: -o-linear-gradient(bottom, rgb(212,223,245) 1%, rgb(96,135,172) 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4DFF5', endColorstr='#6087AC'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4DFF5', endColorstr='#6087AC'); }
#submenu td { color: #95AFCD; }
#submenu a { font-weight: 700; text-decoration: none; color: #3A4F6C; text-shadow: 0 1px 2px #FCFCFC; font-size: 11px; } #userlinks { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.9, #D4DFF5), color-stop(0.69, #F1F1F1)); background-image: -moz-linear-gradient(center bottom, #D4DFF5 9%, #F1F1F1 69%); background: -o-linear-gradient(bottom, #D4DFF5 9%, #F1F1F1 69%); left: 0; position: absolute; top: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4DFF5', endColorstr='#F1F1F1'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4DFF5', endColorstr='#F1F1F1'); }
#navstrip { font-weight:700;padding:6px 0; }
.activeuserstrip { background: #D4DFF5; padding: 6px }
.pformstrip { background: #D4DFF5; color: #3A4F6C; font-weight: 700; padding: 7px; margin-top: 1px;} .pformleft { background: #D4DFF5; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #D4DFF5; border-right: 1px solid #D4DFF5; } .pformleftw { background: #D4DFF5; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #D4DFF5; border-right: 1px solid #D4DFF5; } .pformright { background: #D4DFF5; padding: 6px; margin-top: 1px; border-top: 1px solid #D4DFF5; }
.post1, .post2 { background: #F1F1F1; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); }
.postlinksbar { background:#D1DCEB;padding:7px;margin-top:1px;font-size:10px }
.row1, .row2, .row3, .row4 { background: #F1F1F1; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.10, #E0E0E0), color-stop(0.50, #F1F1F1)); background-image: -moz-linear-gradient(center top , #E0E0E0 10%, #F1F1F1 50%); background: -o-linear-gradient(top , #E0E0E0 10%, #F1F1F1 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#F1F1F1'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#F1F1F1'); border-top: 1px solid #FCFCFC; }
br[clear="all"] + br + div div + table tr .row1 { background: #F1F1F1; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); }
#submenu + div .row4 { border: 0; }
.darkrow1 { background: #D4DFF5; }
.darkrow2 { background: #D4DFF5; color: #3A4F6C; border-top: 1px solid #FCFCFC; }
.darkrow3 { background: #D4DFF5; color: #3A4F6C; }
.hlight { background: #DFE6EF } .dlight { background: #F1F1F1 }
.titlemedium { font-weight:700; color:#3A4F6C; padding:7px; margin:0; background: #D4DFF5; } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { vertical-align: middle; font-weight: 700; color: #FCFCFC; padding: 15px 0 15px 5px; background: #496987; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #496987), color-stop(0.50, #6087AC), color-stop(1.00, #D4DFF5)); background-image: -moz-linear-gradient(center top , #496987 1%, #6087AC 50%, #D4DFF5 100%); background: -o-linear-gradient(top , #496987 1%, #6087AC 50%, #D4DFF5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#496987', endColorstr='#D4DFF5'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#496987', endColorstr='#D4DFF5'); -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; text-shadow: 0 2px 2px #18446D; }
.maintitle a { text-decoration: none; color: #FCFCFC; } .maintitle a:hover { font-style: italic; }
.plainborder { border:1px solid #345487;background:#F5F9FD }
.tableborder { -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; border: 5px solid #D4DFF5; background: #D4DFF5; width: 100%; }
.cat_wrap { border: 5px solid #6087AC; border-width: 1px 5px 5px 5px; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
.cat_wrapper { border: 5px solid #496987; border-width: 3px 3px 3px 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
.tablefill { border: 5px solid #D4DFF5; background:#D4DFF5; padding:6px; width: 98.5%; border-width: 0 5px 0 5px; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; } .tablepad { background: #D4DFF5 !important; padding: 6px } .tablepad table { background: #D4DFF5; } .tablebasic { width:100%; padding:0; margin:0; border:0 }
.wrapmini { float:left;line-height:1.5em;width:25% } .pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#434951 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #339 } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: 700; color: #003 } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: 700; color: #900 }
.searchlite { font-weight:700; color:#F00; background:#FF0 }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background: #F1F1F1; border: 5px solid #D4DFF5; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background: #F1F1F1; border: 5px solid #D4DFF5; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; max-height: 400px; }
.post1 table, .post2 table { -moz-box-shadow: 3px 3px 3px #C0C6CF; -webkit-box-shadow: 3px 3px 3px #C0C6CF; box-shadow: 3px 3px 3px #C0C6CF; background: #D4DFF5; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
.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 }
.forminput, .textinput, .radiobutton, .checkbox, textarea { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background: #F1F1F1; border: 1px solid #F1F1F1; color: #496987; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); }
.forminput { background: #496987; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.9, #6087AC), color-stop(0.40, #496987)); background-image: -moz-linear-gradient(center bottom, #6087AC 9%, #496987 40%); background: -o-linear-gradient(bottom, #6087AC 9%, #496987 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6087AC', endColorstr='#496987'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6087AC', endColorstr='#496987'); color: #FCFCFC; border-color: #496987; }
.forminput[type="text"], .forminput[type="password"], textarea.forminput, select.forminput, .forminput[type="file"] { background: #F1F1F1; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.60, #F1F1F1), color-stop(0.99, #D4DFF5)); background: -moz-linear-gradient(center bottom, #F1F1F1 60%, #D4DFF5 99%); background: -o-linear-gradient(bottom, #F1F1F1 60%, #D4DFF5 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); border-color: #F1F1F1; color: #496987; }
.forminput:focus, .textinput:focus { border-bottom-color: #D4DFF5; }
.thin { padding:6px 0;line-height:140%;margin:2px 0;border-top:1px solid #FCFCFC;border-bottom:1px solid #FCFCFC }
.purple { color:purple; font-weight: 700; }
.red { color:red; font-weight: 700; }
.green { color:green; font-weight: 700; }
.blue { color: blue; font-weight: 700; }
.orange { color:#F90; font-weight: 700; }
.maintitle img, #submenu img, fieldset { display: none; }
#calendarname + br + .tableborder + br + .tableborder, #userlinks + br + .tableborder, #ipbwrapper .tableborder, .tableborder + .tablefill + .tableborder { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#ucpmenu, #ucpcontent { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; background: #D4DFF5; border: 5px solid #D4DFF5; }
.t_icon { color: #6087AC; font-size: 110%; font-weight: 700; text-shadow: 1px 1pt #D4DFF5; text-transform: uppercase; }
.blue1 { text-transform: uppercase; font-weight: 700; font-size: 90%; }
#wrap + br + div.row4 { border: 0 !important; background: none; }
.forum_rules { width: 98.5%; background: #D4DFF5; padding: 10px; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
script + br + div .titlemedium { background: #6087AC; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.75, #D4DFF5), color-stop(0.99, #6087AC), color-stop(0.1, #6087AC)); background-image: -moz-linear-gradient(center top , #D4DFF5 75%, #6087AC 99%, #6087AC 1%); background: -o-linear-gradient(top , #D4DFF5 75%, #6087AC 99%, #6087AC 1%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6087AC', endColorstr='#D4DFF5'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6087AC', endColorstr='#D4DFF5'); }
#calendarname + br + div .darkrow1 { background: #D4DFF5; }
#calendarname + br + div .row1 { border: 2px solid #6087AC !important; background: #D4DFF5; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.50, #F1F1F1), color-stop(0.80, #D4DFF5)); background-image: -moz-linear-gradient(center bottom, #F1F1F1 50%, #D4DFF5 80%); background: -o-linear-gradient(bottom, #F1F1F1 50%, #D4DFF5 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#D4DFF5'); }
#ipbwrapper .tableborder { background: #F1F1F1; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
#ipbwrapper > .tableborder { width: auto; padding: 40px; border: 10px solid #496987; margin: -3px 40px 50px; border-top: 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; box-shadow: 0 0; -moz-border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
#ipbwrapper .tableborder .row4 { background: none; border: 0; }
#ipbwrapper #logostrip { margin: 50px 40px 0; background: #F1F1F1; border: 10px solid #496987; border-bottom: 0; padding: 25px 55px 75px; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
#ipbwrapper #submenu { margin: -6.2% auto; width: 80%; }
.webkit #ipbwrapper #submenu, .ie #ipbwrapper #submenu, .opera #ipbwrapper #submenu { margin: -7% auto 1.5%; }
#ipbwrapper #submenu + div[align="center"] { border-left: 10px solid #496987; border-right: 10px solid #496987; margin: 0 40px; }
#ipbwrapper .row2[align="right"] { background: #D4DFF5; }
form[name="mutliact"] .tableborder, form[name="trackread"] div + p + .tableborder, form[name="trackunread"] div + p + .tableborder, input[value="dofolderdelete"] + div + p + .tableborder, #ucpcontent div + div + br + .tableborder { -moz-border-radius: 0 0; width: 99.2%; box-shadow: 0 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; }
td[valign="middle"] .tableborder { -moz-border-radius: 0 0; box-shadow: 0 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; }
td.row4 div.row4 { border: 0; }
.poll_ends, .poll_middle { height: 10px; background: #496987; display: inline-block; }
select[name="CODE"] { color: #E86477 !important; }
.tablebasic + br + table .plainborder { border: 5px solid #D4DFF5; background: #D4DFF5; -moz-box-shadow: 5px 5px 5px #C0C6CF; -webkit-box-shadow: 5px 5px 5px #C0C6CF; box-shadow: 5px 5px 5px #C0C6CF; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
|
|
|
| |
|
Helena-ZNR
|
Mar 18 2011, 10:35 PM
Post #5
|
No PMs on this account please
- Posts:
- 5,374
- Group:
- Extra Staffers
- Member
- #160,490
- Joined:
- March 29, 2006
- Latest Design
- Ledger
- Latest Blog Entry
- http://tinyurl.com/26px98w
|
Apparently this is a known bug associated with IE gradients. With RedBld's help, some fixes were tried with some success but not enough improvement to call it solved.
|
|
|
| |
|
Floppy_Fennel
|
Mar 19 2011, 12:37 AM
Post #6
|
- Posts:
- 3,650
- Group:
- Members
- Member
- #93,455
- Joined:
- July 29, 2005
- I'm Browsing With
- Firefox
|
Aw. I wanted to use this on ZB.
|
|
|
| |
|
Swim-ZNR
|
Mar 19 2011, 07:27 AM
Post #7
|
- Posts:
- 352
- Group:
- Members
- Member
- #385,894
- Joined:
- August 7, 2010
- Latest Design
- Pink Envy, Red vs Blue
|
I wanna ZB...
|
|
|
| |
|
Cory
|
Mar 19 2011, 11:53 AM
Post #8
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
I bet me and Helena will eventually convert it. 
Note: [March 21] The CSS and footer codes have been updated to take care of a few small bug fixes, including a border issue on the profile page. If you installed the skin before then, please copy those sections and repaste to your ACP.
Edit: April 2, 2011: The skin has been converted to ZB and can be found here.
UPDATE: 6/7/11 Opera gradients are now supported.
|
|
|
| |
|
Zethus
|
Jun 14 2011, 05:42 PM
Post #9
|
- Posts:
- 801
- Group:
- Members
- Member
- #167,317
- Joined:
- April 20, 2006
|
Good work I like it. Simple but slick.
|
|
|
| |
|
JadedOne
|
Jul 2 2011, 02:06 PM
Post #10
|
- Posts:
- 372
- Group:
- Members
- Member
- #167,527
- Joined:
- April 21, 2006
|
Markers download goes to a dead page.
The skin is great though.
|
|
|
| |
|
Helena-ZNR
|
Jul 2 2011, 02:14 PM
Post #11
|
No PMs on this account please
- Posts:
- 5,374
- Group:
- Extra Staffers
- Member
- #160,490
- Joined:
- March 29, 2006
- Latest Design
- Ledger
- Latest Blog Entry
- http://tinyurl.com/26px98w
|
Markers download fixed. 
Thanks for reporting it.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|