|
LiveItUp (Imageless); [Dark] Black & Yellow
|
|
Topic Started: Mar 20 2011, 05:43 AM (5,010 Views)
|
|
Leonardo
|
Mar 20 2011, 05:43 AM
Post #1
|
- Posts:
- 7,637
- Group:
- Members
- Member
- #256,601
- Joined:
- March 10, 2007
|

Information:
Author: Leonardo Theme Preview: click for full preview Side Notes: Imageless skin, that was meant for a battle but wasn't completed until afterwards. Edits Allowed? Minor edits such as font-size, nothing large that would dramatically change the theme. Graphics: None.
Header & Body:
- Code:
-
<body> <div align="center"> <div id="container"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <% STATS %>
Footers: Do not edit!
- Code:
-
<div class="copyright" style="text-align:center;" >LiveItUp | <a href="http://resources.zetaboards.com/">Leonardo of ZNR</a></div> </div> </div>
Manage Style Sheets:
Spoiler: click to toggle - Code:
-
#container, #ipbwrapper { width: 80%; margin: 10px auto; } html { overflow-x: auto; overflow-y: auto; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Arial; font-size: 11px; color: #ADADAD; margin:0px 10px 0px 10px; background: #262626; } TABLE, TR, TD { font-family: Arial; font-size: 11px; color: #ADADAD; } a:link, a:visited, a:active { text-decoration: none; color: #FFFFFF } a:hover { color: #f9b905; text-decoration: none } input.row1 { background: #262626!important; font-family: Arial!important; }
fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; }
img.attach { border:0px;padding:2px }
.googleroot { padding:6px; line-height:130% } .googlechild { padding:6px; margin-left:30px; line-height:130% } .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
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:#555 }
.caldate { text-align:right; font-weight:normal; font-size:11px; background: #1F1F1F; color:#ADADAD; padding: 4px; } form div.tableborder td.row1 { background:#262626; border: 0px!important; } form div.tableborder td.row1 .caldate { background: #f9b905; color: #000; }
.warngood { color:green } .warnbad { color:red }
#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 black } #photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; background-color: #262626 } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #262626; line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { background: transparent;padding:0px;margin:0px; } #submenu { background: #1F1F1F;font-size:11px;margin:3px 0px 3px 0px;color:#FFFFFF;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:11px;text-decoration: none; color: #FFFFFF; } #submenu a:hover { color: #f9b905; } #submenu img { display: none; } #userlinks { border:0px; background-color: #1F1F1F }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background: #2e2e2e; padding:6px }
.pformstrip { background: #1F1F1F; color:#FFFFFF; font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #262626; padding:6px; margin-top:1px;width:25%; } .pformleftw { background-color: #262626; padding:6px; margin-top:1px;width:40%; } .pformright { background-color: #262626; padding:6px; margin-top:1px; }
.postlinksbar { background: #1F1F1F; padding:7px;margin-top:1px;font-size:10px; }
.row1, .row2, .row3, .row4, .post1, .post2, .hlight, .dlight { background-color: #262626 } div.row4 { border: 0px!important; }
.darkrow1, .darkrow2, .darkrow3 { background: #1F1F1F; color:#ADADAD; } div.darkrow1 { background: #262626; }
.titlemedium { font-weight:bold; color:#FFFFFF; padding:7px; margin:0px; background: #1F1F1F } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ADADAD }
.maintitle { font-family:Georgia; font-size: 17px; vertical-align:middle;font-weight:normal; color: #262626; letter-spacing:0px; padding:8px 0px 8px 20px; background: #f9b905; margin: 0px 1px 3px } div.maintitle b { font-weight: normal!important; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #262626 } .maintitle a:hover { text-decoration: underline } .maintitle img { display: none; }
.plainborder { background-color:#262626 } .tableborder { background: transparent; padding:0px; margin:0px; width:100% } .tablefill { background: #2e2e2e; border:0px; color: #ADADAD; padding:6px; } .tablepad { background-color:#262626;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:#ADADAD } .edit { font-size: 9px }
.signature { font-size: 10px; color: #ADADAD } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #ADADAD } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #ADADAD }
.searchlite { font-weight:bold; color:#ADADAD; background-color:#262626 }
#QUOTE, #CODE { font-family: Arial; font-size: 11px; color: #ADADAD; background-color: #2e2e2e; padding: 10px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons, textarea, .forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; background: #2e2e2e; border:0px; color: #ADADAD; padding: 2px; margin: 2px; }
.thin { padding:6px;line-height:140%;margin:2px 0px 2px 0px; background: #2e2e2e; }
.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 }
div.tableborder div.tablepad { background: #262626!important;} div.tableborder div.tablepad table { background: #262626!important;} div.tableborder div.tablepad img { display:none; } div.tableborder div.tablepad input, #ucpcontent input { background: #2e2e2e; border:0px; color: #ADADAD;} div.tableborder div.tablepad font { color: #ADADAD; }
Edited by Helena, Jun 21 2012, 03:44 PM.
|
|
|
| |
|
Replies:
|
|
sherina
|
Mar 30 2011, 03:43 AM
Post #16
|
- Posts:
- 4
- Group:
- Members
- Member
- #387,983
- Joined:
- February 4, 2011
|
perfecto.will use it for sure. PERFECT^-^ and nice job! do more!
|
|
|
| |
|
sirswat3
|
Apr 16 2011, 10:55 AM
Post #17
|
- Posts:
- 13
- Group:
- Members
- Member
- #185,511
- Joined:
- June 21, 2006
|
How can I make the body of the skin a little more centered and not too stretched?
|
|
|
| |
|
Leonardo
|
Apr 16 2011, 11:51 PM
Post #18
|
- Posts:
- 7,637
- Group:
- Members
- Member
- #256,601
- Joined:
- March 10, 2007
|
- sirswat3
- Apr 16 2011, 10:55 AM
How can I make the body of the skin a little more centered and not too stretched? In the first line of the CSS find:
- Code:
-
#container, #ipbwrapper { width: 80%; margin: 10px auto; }
And change the 80% to something like 800px or whatever you like. It should already be centered.
|
|
|
| |
|
MacLeod
|
Apr 17 2011, 07:20 PM
Post #19
|
- Posts:
- 189
- Group:
- Members
- Member
- #384,238
- Joined:
- April 13, 2010
|
Cool. I would love it in ZB.
|
|
|
| |
|
sirswat3
|
Apr 17 2011, 10:29 PM
Post #20
|
- Posts:
- 13
- Group:
- Members
- Member
- #185,511
- Joined:
- June 21, 2006
|
Thank you so much. And great skin man. Awesome job.
|
|
|
| |
|
Aaron Shaw
|
May 1 2011, 11:10 AM
Post #21
|
- Posts:
- 22
- Group:
- Members
- Member
- #389,059
- Joined:
- April 22, 2011
|
Really nice skin.
|
|
|
| |
|
Skyon Archer
|
May 3 2011, 04:10 PM
Post #22
|
- Posts:
- 821
- Group:
- Members
- Member
- #382,769
- Joined:
- November 21, 2009
|
Excellent theme. I would like to add though that you are missing your opening <body> tag before the <div id="container">. Other than that, this is a job well done.
|
|
|
| |
|
sirswat3
|
May 3 2011, 09:55 PM
Post #23
|
- Posts:
- 13
- Group:
- Members
- Member
- #185,511
- Joined:
- June 21, 2006
|
Hey um, so I have a problem. When I use Mozilla firefox, the skin looks fine. but when I use any other browsers, its way too the left. Not even centered. How do I fix it
|
|
|
| |
|
Leonardo
|
May 4 2011, 12:44 AM
Post #24
|
- Posts:
- 7,637
- Group:
- Members
- Member
- #256,601
- Joined:
- March 10, 2007
|
Updated the first post with a fix. Hopefully that works for you now.
|
|
|
| |
|
sirswat3
|
May 8 2011, 08:53 PM
Post #25
|
- Posts:
- 13
- Group:
- Members
- Member
- #185,511
- Joined:
- June 21, 2006
|
Thank you, that worked. Great job
|
|
|
| |
|
ultra violet
|
May 19 2011, 08:28 AM
Post #26
|
- Posts:
- 33
- Group:
- Members
- Member
- #22,321
- Joined:
- August 6, 2004
|
Wow, it's really good. So sleek, clean and cool !
|
|
|
| |
|
Deleted User
|
Aug 7 2011, 05:39 PM
Post #27
|
|
Deleted User
|
I love this skin! I wish I could use it, though- unfortunately, I have Zetaboards. :c I love the color and the contrast, how comfortable but classy this is. I love your themes!
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|