We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
  • 3
  • 4
Orbital; Black | Blue
Topic Started: Feb 11 2010, 09:30 PM (15,313 Views)
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
Posted Image

Posted Image


Graphics: Click Here
Emoticons: http://resources.zetaboards.com/topic/5085655
Pips & Warns: http://z1.ifrm.com/0/2/0/p406875/Pips_and_Warn.zip

Notes: h2 inspired by Kman's old Aqua skin. The rest is semi-inspired by Halo, which is where I got the name.
Update 3/18: Fixed up the profile page, the pmtoast, the poll bars, and the acp. Tut on how to fully overhaul the #acplogin coming soon.


Edit Theme Layout

Code:
 
<div id="top_wrap">
<div id="top_left">
<!-- TOPMENU -->
</div>
</div>
<!-- HEADER -->
<div id="submenu_wrap">
<div id="submenu_l"></div>
<!-- SUBMENU -->
</div>
<div id="wrap"><div id="nav_wrap">
<!-- NAV -->
<div id="nav_r"></div>
</div><!-- BOARD --></div>

<div id="mycopyright"><center>Theme </b><font color="#2ca8ed">Orbital</font></b> by <b>tiptopolive</b> of <a href="http://resources.zetaboards.com/index/"><b>Zathyus Network Resources</b><a>. <small2010.</small></center></div>

<script type='text/javascript' src='http://z1.ifrm.com/0/2/0/p401515/3h2nofrp.js'></script>

<script type="text/javascript">
//<![CDATA[
ff=(navigator.userAgent.indexOf("Firefox")!=-1)?" style='position:relative;left:-1px'":"";
$(".category td.c_foot").append('<div class="foot_left"'+ff+'></div><div class="foot_right"></div>');
$("#stats td.c_foot .right").prependTo("#stats .foot_right");
//]]>
</script>


Edit Theme Appearance

Code:
 

html,body {
background:#181818;
color:#7e7e7e;
font-family:"Tahoma", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:92%;
margin:0;
padding:0;
}

a {
color:#2ca8ed;
text-decoration:none;
}

a:hover {
color:#54cdf3;
text-decoration:none;
}

hr {
background-color:#5a5a5a;
border:0;
clear:both;
color:#5a70b3;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:1px solid #151515;
}

th {
background:url(http://z3.ifrm.com/28044/46/0/p287372/th.jpg) repeat-x top #232323;
color:#5a5a5a;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background: url(http://z3.ifrm.com/28044/46/0/p287366/td.jpg) top repeat-x #232323;
color:#7e7e7e;
padding:5px 10px;
}

th a,th a:hover {
color:#a0a0a0;
}

th a:hover {
color: #bfbfbf;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
color:#fff;
font-size:110%;
font-weight:700;
border:1px solid #0e0e0e;
}

thead th {
border:1px solid #0e0e0e;
border-bottom-width:1px;
padding:5px;
text-align:center;
}

h2.special {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
border-color:#0e0e0e;
}

div.portal_box h2 {
border:1px solid #0e0e0e;
padding:6px!important;
}

input,select,textarea,button,a.btn_fake {
background:#262626;
border:1px solid #151515;
color:#a0a0a0;
padding:3px 5px;
vertical-align:middle;
}

#mycopyright {
font-size:80%;
color: #7a7a7a;
}

input.row1 {
background: #1e1e1e;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}

button,a.btn_fake {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
color:#a0a0a0;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
border:1px solid #0e0e0e;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Tahoma, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

.notice {
background:#232323;
border:2px solid #0e0e0e;
color:#7a7a7a;
margin:10px auto 0;
width:70%;
}

.notice dt {
color:#2ca8ed;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background:#232323;
border-color:#2ca8ed;
}

.info dt {
background:#07406d;
color:#fff;
}

dl.error {
background:#232323;
border-color:#6d0707;
}

.error dt {
background:#232323;
color:#fff;
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}

#top_bar {
display:none;
}

#top {
background:url(http://z3.ifrm.com/28044/46/0/p287358/topright.jpg) no-repeat bottom right;
height:36px;
padding:0px 5% 0px;
margin-bottom:-1px;
font-size:86%;
}

#top_left {
background: url(http://z3.ifrm.com/28044/46/0/p287356/topleft.jpg) no-repeat bottom left;
}

#top_wrap {
background: url(http://z3.ifrm.com/28044/46/0/p287357/topmid.jpg) bottom;
}

#top_info {
color:#fff;
float:left;
margin-top:4px;
}

#top_menu {
background:none transparent;
float:right;
margin-top:0px;
}

#top_menu img {
display:none;
}

.drop_menu li {
background:none transparent;
float:left;
margin-right:1px;
text-align:center;
}

.drop_menu a {
display:block;
padding:6px .25em;
position:relative;
width:99px;
}

.drop_menu a:hover {
color:#ef7400;
}

.drop_menu ul {
float:left;
margin-right:1px;
text-align:center;
}

.drop_menu a {
color:#5a70b3;
display:block;
padding:5px .25em;
position:relative;
width:9em;
}

.drop_menu a:hover {
color:#ef7400;
}

.drop_menu ul {
background: url(http://z3.ifrm.com/28044/46/0/p287344/dropmenu.png) bottom no-repeat;
-moz-opacity:0.85;
color:#fff;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
padding-top:10px!important;
padding-bottom:18px!important;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:2px 0;
width:100%;
}

.drop_menu ul li a {
border-width:0 1px 1px;
display:block;
padding:0px 5%;
width:90%;
}


color:#fff;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:99px;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;
}

.drop_menu ul li a {
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu li ul li a:hover {
color: #2ca8ed;
}

#logo {
background:url(http://z3.ifrm.com/28044/46/0/p287351/logo.jpg) repeat-x top #000;
border-bottom:0;
clear:both;
margin-bottom:1px;
}

#submenu_bar {
display:none;
}

#submenu_wrap{
background: url(http://z3.ifrm.com/28044/46/0/p287354/submenumiddle.jpg) repeat-x;
height: 68px;
}

#submenu_l {
background: url(http://z3.ifrm.com/28044/46/0/p287353/submenuleft.jpg) no-repeat left;
height: 68px;
width: 68px;
float: left;
}

#submenu {
background:url(http://z3.ifrm.com/28044/46/0/p287355/submenuright.jpg) no-repeat bottom right;
color:#586eb1;
font-size:85%;
text-align:center;
padding:13px 68px 41px 0;
}

#wrap {
background:#202020;
border:1px solid #282828;
margin:0 37px 30px;
border-top:none;
padding-right: 15px;
padding-left:15px;
}


#nav_wrap {
background: url(http://z3.ifrm.com/28044/46/0/p287526/nav.jpg) repeat-x;
height: 28px;
}

#nav {
background: url(http://z3.ifrm.com/28044/46/0/p287527/navleft.jpg) no-repeat left;
float: left;
padding: 5px 0 7px 18px;
font-size:90%;
color: #dfdfdf;
height:16px;
}

#nav strong {
color: #a0a0a0;
}


#nav_r {
background: url(http://z3.ifrm.com/28044/46/0/p287528/navright.jpg) no-repeat right;
height: 28px;
width: 19px;
float: right;
}

#nav img.nav_sep {
padding: 0 10px;
}

.meta_box {
background:#0a4e7f;
border:1px solid #45ddf5;
color:#FFF;
font-size:85%;
line-height:150%;
padding:10px 25px;
margin-bottom:15px;
margin-top:15px;
}

.meta_box h3 {
color: #45ddf5;
}

.meta_menu {
background: #191919;
border:1px solid #0e0e0e;
padding:0;
width:49%;
}

.meta_menu h3 {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
border:1px solid #0e0e0e;
border-bottom:0;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
margin:-1px;
padding: 5px!important;
text-align:center;
}


ul.cat-pages {
float:left;
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#1f1f1f;
border:1px solid #0e0e0e;
color:#a0a0a0;
}

.cat-pages a:hover,.cat-topicpages a:hover {
color: #021f34;
background:#45ddf5;
border:1px solid #0a4e7f;
}

.cat-pages span {
background:#0a4e7f;
border:1px solid #45ddf5;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#fff;
color:#5a70b3;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
font-size:80%;
}

td.c_desc {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background:#252525;
font-weight:700;
}

tr.hidden td.c_post {
background:#252525;
}

.bday {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
text-align:center;
width:1%;
}

.c_forum {
color:#666;
font-size:80%;
width:60%;
}
.c_forum strong a {
font-size:115%;
font-weight:normal;
}

.row2 {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
}

.c_last strong a {
color: #2ca8ed;font-weight:400;
}

.c_last strong a:hover {
color:#54cdf3;
}

td.c_last {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
font-size:85%;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://z3.ifrm.com/28044/46/0/p287662/stuff.png) no-repeat left;
display:block;
line-height:16px;
padding-left:20px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
color:#425384;
font-size:80%;
font-style:italic;
}

.cat_head td {
border-color:#5a70b3;
padding:0;
}

#stats .cat_head td {
border-color:#e77700;
}

.description {
color:#666;
font-size:85%;
}

a.member {
color: #d0d0d0!important;
}

a.member:hover {
color:#fff!important;
}

td#stats_events a,td#stats_events span {
background:url(http://z3.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
padding:3px 0;
text-align:center;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
background: url(http://z3.ifrm.com/28044/46/0/p287366/td.jpg) top repeat-x #232323;
font-size:80%;
}

td.c_user dl {
color: #a0a0a0;
margin:10px 0;
padding:10px 7px 5px;
line-height: 1;
text-align:right;
background: url(http://z3.ifrm.com/28044/46/0/p287560/dl.png) top no-repeat;
}

td.c_user dt {
color: #6a6a6a;
text-align:left;
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

#profile_menu ul {
font-size:80%;
-moz-opacity:1;
border-top:0;
opacity:1;
background: transparent;
}

#profile_menu a {
background:#1f1f1f;
padding:0 4px;
border:1px solid #0e0e0e;
}

#profile_menu li li a {
padding: 2px 18px;
}

#profile_menu li ul li a:hover {
background:#232323;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://z3.ifrm.com/static/1/poll_b.png) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z3.ifrm.com/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
color:#5a5a5a;
background: #1e1e1e;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background-color:#1e1e1e;
}

blockquote {
background:#0a4e7f;
border:1px solid #45ddf5;
margin:10px auto;
padding-bottom:1px;
width:98%;

color: #fff;
}

blockquote dl {
background:url(http://z3.ifrm.com/28044/46/0/p287564/quotecode.jpg) repeat-x top #094d7e;
color:#022238;
font-weight:bold;
height:15px;
font-size:90%;
padding: 0px 0 8px 0px;
}


blockquote dl dt {
color:#fff;
float:left;
font-weight:700;
padding-right:50px!important;
background: url(http://z3.ifrm.com/28044/46/0/p287565/quoteleft.jpg) top right no-repeat #0a4e7f;
font-size:110%;
padding-left:10px!important;
}

blockquote div, code {
font-size:90%;
}

code {
background:transparent;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
border:1px solid #0e0e0e;
background: #232323;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://z3.ifrm.com/28044/46/0/p287372/th.jpg) repeat-x top #232323;
border:1px solid #0e0e0e;
color:#fff;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
color:#4f4f4f;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #999;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666;
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot td {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}
td.c_username {
width:175px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
border:1px solid #0a0a0a;
color:#5a5a5a;
}

div.c_view-list {
background: url(http://z3.ifrm.com/28044/46/0/p287366/td.jpg) top repeat-x #232323;
color:#a0a0a0;
font-size:92.5%;
padding:5px;
border:1px solid #0e0e0e;
}

dl#fast-reply dt {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
border:1px solid #0e0e0e;
color:#FFF;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
border:1px solid #0e0e0e;
border-top:0;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
border:1px solid #0e0e0e;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#e7e7e7;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
border:1px solid #0e0e0e;
}

#emot_wrap h3 {
border-bottom:1px solid #0e0e0e;
font-size:120%;
text-align:center;
}

#emot_end {
border-top:1px solid #0e0e0e;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #0e0e0e;
border-right:1px solid #0e0e0e;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #e7e7e7;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery img { display:none; }

#ucp_gallery a {
padding: 7px 12px;
background: #272727;
display:block;
font-weight:700;
}

#ucp_gallery a:hover {
background: #2a2a2a;
}

.calendar td.cal_inactive {
background: #1e1e1e;
color:#4a4a4a!important;
}

.calendar td div {
font-weight:700;
}

.calendar div a {
font-size:80%;
font-weight:400;
padding:0 0 0 0px;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
color: #fff;
background:#0a4e7f;
border:2px solid #45ddf5;
}

div.cal_div {
padding: 5px;
}

div.portal_content {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
border:1px solid #0e0e0e;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:url(http://z3.ifrm.com/28044/46/0/p287372/th.jpg) repeat-x top #232323;
border-left:1px solid #0e0e0e;
border-right:1px solid #0e0e0e;
color:#777;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
font-style:italic;
color: #a0a0a0;
}

.search_results {
background: url(http://z3.ifrm.com/28044/46/0/p287367/darktd.jpg) top repeat-x #1e1e1e;
border:1px solid #0e0e0e;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
font-size:85%;
margin:0;
}

#findposts .c_mark {
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:#0a4e7f;
border:1px solid #45ddf5;
top:59px;
color:#4fa5e3;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
opacity:.60;
}

#pmtoast:hover {
opacity:1.00;
}

#pmlink {
background:url(http://z3.ifrm.com/static/1/toast.png) no-repeat 5px;
color:#4fa5e3;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#fff;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#fff;
}

#pmclose {
border-top:1px solid #16649d;
color:#4fa5e3;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#fff;
}

#foot_wrap {
margin:20px 0px;
}

#foot td {
background: #1e1e1e;
border-top: 1px solid #0e0e0e;
border-left: 1px solid #0e0e0e;
border-bottom: 1px solid #303030;
border-right: 1px solid #303030;
font-size:80%;
}

td#foot_links { border-right: 1px solid #0e0e0e;
border-left:0; }
td#foot_themechooser { border-right:0; }

#foot #foot_datetime {
width:1%;
white-space:nowrap;
}

#copyright {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
border-top:1px solid #0e0e0e;
font-size:80%;
margin:5px 0;
padding: 5px;
text-align:center;
}

#copyright a {
font-weight:700;
}

#c_tos h3 {
color:#333;
font-size:120%;
}


input.username_ok {
outline:2px solid #2fb32f;
}

input.username_no {
outline:2px solid #b32f2f;
}

#acplogin {
background:url(http://grab.by/39jK) repeat-x top #0d0d0d;
border:2px solid #000;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
background: url(http://z3.ifrm.com/28044/46/0/p299592/fdsa.png) top left no-repeat;
}

#acplogin h1 img {
display:none;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
padding:5px;
text-align:left;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
padding:14px 13px;
}

#submenu a,#submenu a:hover {
font-weight:bold;
color: #d6d6d6;
}

#submenu a:hover {
color: #2797c4;
background: url(http://z3.ifrm.com/28044/46/0/p287352/submenuahover.png) top no-repeat;
}


#main {
height:1%;
padding:0 1%;
}

#nav li img {
vertical-align:top;
}

.meta_menu {
margin:10px 0;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 {
line-height:1.4;
}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:20px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

#stats_members {
line-height:1.2;
}

td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}

td.c_cat-starter {
width:125px;
}

td.c_cat-lastpost {
width:175px;
}

.c_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
color: #a0a0a0;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

* html td.c_poll-bar span {
margin-top:3px;
}

td.c_post {
color: #afafaf;
line-height:1.7;
vertical-align:top;
}

td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
background:#1a1a1a;
border-top:1px solid #1f1f1f;
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}

td.c_nosig {
border-top:0!important;
}

blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}

blockquote div,blockquote code {
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}

dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:2px;
width:90%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
height:225px;
vertical-align:top;
width:210px;
}

#emot_list {
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}

div#emot_list {
padding:0;
}

#emot_list li {
display:inline;
padding:4px 10px;
}

#emot_list img {
cursor:pointer;
vertical-align:baseline;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
padding:0 50px;
}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover {
color:#fff;
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

td.c_topicfoot {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
}

.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#fff;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#333;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#181818;
border:1px solid #0e0e0e;
margin:10px 0;
}

#blog blockquote dl, #blog blockquote dl dt {
background: none;
color: #777;
}

#blog blockquote {
background:none;
border:0;
font-size:90%;
padding:0 10px;
}

#blog blockquote div {
border-left: 3px solid #555;
color: #777;
font-size:11px;
padding-left:10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#2ca8ed;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:url(http://z3.ifrm.com/28044/46/0/p287351/logo.jpg) repeat-x top #000;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#1e1e1e;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#2ca8ed;
font-weight:700;
}

#blog_sub {
background:url(http://z3.ifrm.com/28044/46/0/p287372/th.jpg) repeat-x top #232323;
border-top:1px solid #0e0e0e;
border-bottom:1px solid #0e0e0e;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#0e0e0e;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:#0a4e7f;
border:1px solid #45ddf5;
color:#fff;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
color:#fff;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#232323;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#1e1e1e;
}

#shoutwrap {
background:#181818;
border:1px solid #0e0e0e;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#202020;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#5a5a5a;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}

/* h2wrap is the center stretch.*/
.h2wrap {
background: url(http://z3.ifrm.com/28044/46/0/p287349/h2mid.jpg) repeat-x;
}

/* h2left is the left image. */
.h2left {
background: url(http://z3.ifrm.com/28044/46/0/p287348/h2left.jpg) no-repeat top left;
height: 39px;
}

/* h2center is the text itself. */
.h2center{
padding: 13px 0px 0px 0px;
height: 39px;
text-align:center;
font-size: 90%;
}

/* h2right is the right image. */
.h2right {
background: url(http://z3.ifrm.com/28044/46/0/p287350/h2right.jpg) no-repeat right top;
height: 39px;
}

/* Collapse/Uncollapse Images */
.collapse,.uncollapse {
right: 39px;
top: 4px;
}

div.h2center, div.h2center a {
color: #fff;
}

thead td,thead th {padding:0px;background: inherit;border-width:0px;}

/* Leave the above alone. For the bottom, style your profile h2's. */
.profile thead td,.profile thead th, #portal h2, #portal_foot h2, #acplogin th {
padding:7px;
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919;
border:1px solid #0e0e0e;
color: #fff;
}

.category td.c_foot {
background: url(http://z3.ifrm.com/28044/46/0/p287346/footmid.jpg) #202020;
padding:0;
margin-bottom:-1px;
}

.foot_left {
float: left;
background: url(http://z3.ifrm.com/28044/46/0/p287345/footleft.jpg) no-repeat left #202020;
height: 19px;
width: 18px;
margin-bottom:-1px;
}

.foot_right {
float: right;
background: url(http://z3.ifrm.com/28044/46/0/p287378/footrightlinks.jpg) no-repeat right;
height: 19px;
width: 19px;
margin-right:-1px;
margin-bottom:-1px;
}

#stats .foot_right {
width: 600px;
padding-right: 20px;
padding-top: 2px;
height: 17px;
}

#profile th, th#profile {
background:url(http://z3.ifrm.com/28044/46/0/p287557/button.jpg) repeat-x top #191919!important;
}

th#profile_menuwrap {
padding: 4px;
}

.ucp+table, .profile {
margin-top:10px;
}

td#c_notes textarea { margin-bottom:5px; }


#acplogin td.c_mark img { display:none; }
#acplogin td.c_mark { background: url(http://z3.ifrm.com/28044/46/0/p299593/fdsafdsa.png) top left no-repeat #1e1e1e; width:450px;}
Attached to this post:
Attachments: OrbitalImages.zip (133.59 KB)
Attachments: Pips_and_Warn.zip (76.77 KB)
Edited by Helena, Jun 19 2012, 02:07 PM.
Offline Profile Quote Post Goto Top
 
Delirium
Member Avatar
Rill Rill
[ *  *  *  *  *  *  * ]
I really, really like this one. Your #nav is off by a few pixels and your foot coding is a little weird, though. :P Other than that, I really love the header and submenu hover.
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
Delirium
Feb 11 2010, 09:36 PM
I really, really like this one. Your #nav is off by a few pixels and your foot coding is a little weird, though. :P Other than that, I really love the header and submenu hover.
Yeah, I run into cross-browser compatibility issues a lot with fluid elements, but I can't check on IE cause they stopped making it for mac :P

thanks, though :P
Edited by tiptopolive, Feb 11 2010, 09:39 PM.
Offline Profile Quote Post Goto Top
 
Delirium
Member Avatar
Rill Rill
[ *  *  *  *  *  *  * ]
I think if you add height:16px; on the #nav you'll even out the padding and everything. :P Really the only problem with the foot is that the links go on a new line but that can be forgiven, I suppose.

Great job, still. ^_^
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
Those should be fixed now, they look better in Safari.
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
:wub:

Love this theme, tiptopolive! It's really very well done. Fantastic work!
Offline Profile Quote Post Goto Top
 
Leda
Member Avatar
cARpE dIEm
[ *  *  *  *  *  *  *  * ]
Looks fantastic! Nice to see another theme from you. :D
Offline Profile Quote Post Goto Top
 
Dakota
Member Avatar
over my dead body
[ *  *  *  *  *  * ]
Awesome work, tto. :wub: H2 is really nice. ^_^
Offline Profile Quote Post Goto Top
 
John
Member Avatar
Determined
[ *  *  *  *  *  *  *  * ]
Big fan of this theme (hope it is WOWed hint hint).
Offline Profile Quote Post Goto Top
 
teen prodigy
Member Avatar
Member
[ *  *  * ]
Wow. That one word sums it up.
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
thanks everyone ^_^
Offline Profile Quote Post Goto Top
 
Sethwt
Member Avatar

[ *  *  * ]
Download doesn't work.
Offline Profile Quote Post Goto Top
 
MOODYGIRL
Member Avatar
I'm A lesbian
[ *  *  *  *  *  * ]
your a skin god!
Offline Profile Quote Post Goto Top
 
Raymond
Member Avatar
de BULLY
[ *  *  *  *  *  * ]
Lovely theme! I think the h2 should have more blue IMO.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

I have installed this but do not have it set as active as there appears to be a problem with the collapse function - The collapse option does not appear to be present on the test board but is there when installed and the collapse looks a little odd and out of place being orange on the superimposed on the blue
Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1
  • 3
  • 4