Welcome Guest [Log In] [Register]
Support Staff Recommendation
All communities remaining on zIFBoards/InvisionFree should check their conversion opt-in selection in their Admin CP (menu item Tapatalk Conversion)
(Read More)
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:
Multiquote (on) Multiquote (off)
Add Reply
Metrolife
Topic Started: Mar 12 2013, 02:12 AM (5,745 Views)
ghoshriju33
Member Avatar
I ❤ jQuery
[ *  *  * ]
Author: Designed by slasher15987 and coded by ghoshriju33

Date Created: February 16, 2013

Theme Preview: Posted Image Select Metrolife in the theme selector

Side Notes: This was my first solo theme. I would also like to thank Akash for his constant support that he gave me while I was coding this theme. Hope you all like this theme :P

Edits Allowed? Absolutely NO. Don't even touch a single part without my permission.

Code: Layout
 
<!-- HEADER --><!-- TOPMENU --><div id="wrap"><!-- NAV --><!-- BOARD --></div>

<script type='text/javascript'>
var statuser = $.zb.logged_in
if (statuser === true) {
$(document).ready(function() { $("#top_info").html( $("#top_info").html().replace("Welcome ", "") )
});}</script>

<script type="text/javascript">$("#top_info strong").append('<br/>');
</script>

<script type="text/javascript">$("#top_menu").append('<li id="menu_pm"><a href="#"> Links </a><ul><li><a href="' + main_url + 'search">Search</a></li><li><a href="' + main_url + 'members">Members</a></li><li><a href="' + main_url + 'calendar">Calendar</a></li><li><a href="' + main_url + 'faq">FAQ</a></li><li><a href="' + main_url + 'site">Portal</a></li></ul></li>');
</script>

<script type="text/javascript"src="http://z1.ifrm.com/0/2/0/p401504/3h2.js"></script>

<div id="footer" align="center"><div id="theme_info">Theme <em>Metro Life</em> designed by Slasher and coded by Mr. D.C of <a href="http://if.invisionfree.com/index">ZNSR</a></div></div>

<script type="text/javascript">
$(document).ready(function () {target_div = "#top_info";
append = 0;
prepend = 1;
maxwidth = "43px";
maxheight = "43px";
if ($("#menu_ucp").length && $(target_div).length) $.get($("#top_info strong a").attr("href"), function (B) {
if (prepend == 1) $(target_div).prepend('<a href="' + main_url + 'home/?c=10"><img src="' + $("td.c_mark img", B).attr("src") + '" border="0" alt="Member Avatar" class="avatar_top" style="max-width:'+ maxwidth +'; max-height:'+ maxheight +'; margin:0;" /></a>');
if (append == 1) $(target_div).append('<a href="' + main_url + 'home/?c=10"><img src="' + $("td.c_mark img", B).attr("src") + '" border="0" alt="Member Avatar" class="avatar_top" style="max-width'+ maxwidth +'; max-height:'+ maxheight +'; margin: 0;" /></a>')
})
});
</script>

Code: CSS
 
@import "http://fonts.googleapis.com/css?family=Open+Sans:600,400";
html, body {
background: url("http://z5.ifrm.com/30232/152/0/p1110187/bg.png") repeat scroll 0 0 transparent;
color: #000000;
font-family: "Open Sans","Helvetica","Arial","Bitstream Vera Sans","Verdana",sans-serif;
font-size: 93.3%;
margin: 0;
padding: 0;
}

a {
color: #227889;
text-decoration: none;
-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}

a:hover {
color: #418b9a;
text-decoration: none;
-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}

hr {
background-color: #6f6e6e;
border: 0 none;
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 #E7E7E7;
}

th {
background:#e7e4e4;
color: #418b9a;
font-weight: 400;
padding: 3px 5px;
text-align: left;
}

td {
background: white;
color: #333333;
padding: 5px 10px;
}

th a {
color: #227889;
font-weight: 700;
}

th a:hover {
color: #418b9a;
font-weight: 700;
}

h1 {
font-size: 200%;
}

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

.category h2, .topic h2, #portal h2, #portal_foot h2, thead th {
background: none repeat scroll 0 0 #227889;
color: #FFFFFF;
font-size: 110%;
font-weight: 700;
height: 35px;
}

thead th {
border: 1px solid #5A70B3;
padding: 5px;
text-align: center;
}

h2.special {
background: url("http://z5.ifrm.com/30232/152/0/p1110188/h2_left.png"),url("http://z5.ifrm.com/30232/152/0/p1110189/h2_right.png"),url("http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png");
background-position: left,right,center;
background-repeat: no-repeat,no-repeat,repeat;
padding: 6px 0 0 75px;
font-weight: bold;
font-size: 16px;
height: 30px;
}

input, select, textarea, button, a.btn_fake {
outline-color: #227889;
border: 1px solid #227889;
color: #333333;
padding: 3px 5px;
vertical-align: middle;
}

textarea {
font-family: "Open Sans","Verdana",sans-serif;
font-size: 100%;
margin: auto;
width: 98%;
}
textarea:focus {
background:white;
}
input:focus, input.focus, textarea:focus, textarea.focus {
border-color: #5A70B3;
}

.submit_error {
background: none repeat scroll 0 0 #FFF8EB;
border: 1px solid #E77700;
}

button, a.btn_fake {
background: url("http://z5.ifrm.com/30232/152/0/p1110191/button_bg.png") repeat-x scroll center top #227889;
background-position:0px 0px;
position:relative;
color: white;
cursor: pointer;
font-family: Open Sans,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
overflow: visible;
width: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

button:hover, a.btn_fake:hover {
background-position:0px -25px;
color: #227889;
border-color: #418b9a;
}

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

.notice {
background: none repeat scroll 0 0 #e7e4e4;
color: #227889;
border: 1px solid white;
margin: 10px auto 0;
width: 70%;
}

.notice dt {
background: url(http://z5.ifrm.com/30232/152/0/p1110188/h2_left.png), url(http://z5.ifrm.com/30232/152/0/p1110189/h2_right.png), url(http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png);
background-position:left, right, center;
background-repeat: no-repeat, no-repeat, repeat-x;
color: white;
font-weight: 700;
}

.notice dd {
font-style: italic;
}

dl.info {
background: none repeat scroll 0 0 #e7e4e4;
color: #227889;
border: 1px solid white;
}

.info dt {
background: url(http://z5.ifrm.com/30232/152/0/p1110188/h2_left.png), url(http://z5.ifrm.com/30232/152/0/p1110189/h2_right.png), url(http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png);
background-position:left, right, center;
background-repeat: no-repeat, no-repeat, repeat-x;
color: white;
}

dl.error {
background: none repeat scroll 0 0 #e7e4e4;
color: #227889;
border: 1px solid white;
}

.error dt {
background: url(http://z5.ifrm.com/30232/152/0/p1110188/h2_left.png), url(http://z5.ifrm.com/30232/152/0/p1110189/h2_right.png), url(http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png);
background-position:left, right, center;
background-repeat: no-repeat, no-repeat, repeat-x;
color: white;
}

#top ul {
font-family: Open Sans;
font-size: 16px;
list-style: none outside none;
margin-top: 0;
}
#nav, ul.cat-pages, ul.cat-topicpages, table.calendar ul, div.meta_menu ul, #pm_folderlist, #profile_menuwrap ul {
list-style: none outside 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 {
background: none repeat scroll 0 0 #227889;
height: 43px;
margin-bottom: 12px;
padding: 0 2% 4px;
}
#top_info {
color: #FFFFFF;
float: left;
}
#top_info a {
color: #FFFFFF;
float: left;
font-family: Open Sans;
font-style: italic;
padding: 0 10px 0 0;
}
#top_info small a {
}
#top_menu {
background: none repeat scroll 0 0 #227889;
float: right;
height: 39px;
}
#top_menu a {
background: none repeat scroll 0 0 #227889;
color: white;
height: 39px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#top_menu a:hover {
background: none repeat scroll 0 0 #CECECE;
color: #227889;
height: 39px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.drop_menu li {
background: none repeat scroll 0 0 #227889;
float: left;
height: 39px;
margin-right: 1px;
text-align: center;
position: relative;
}
.drop_menu a {
color: #5A70B3;
display: block;
padding: 4px 0.25em;
position: relative;
width: 9em;
}
.drop_menu a:hover {
color: #EF7400;
}
.drop_menu ul {
color: #FFFFFF;
margin-left: -41px;
opacity: 0.85;
width: 9.5em;
z-index: 1;
left: -999em;
position: absolute;
}
.drop_menu ul li {
font-size: 85%;
margin: 0;
padding: 0;
width: 100%;
}
.drop_menu ul li a {
border-color: #3A5197;
border-image: none;
border-style: solid;
border-width: 0 1px 1px;
display: block;
padding: 4px 5%;
width: 90%;
}
.drop_menu li ul li a:hover {
background: none repeat scroll 0 0 #3A5197;
}
#logo {
background: none repeat scroll 0 0 #FFFFFF;
clear: both;
text-align: center;
width: 100%;
}
#submenu {
background: none repeat scroll 0 0 #227889;
color: #586EB1;
margin: 0 2%;
padding: 3px 1% 4px;
text-align: center;
}
#submenu a:hover {
background: none repeat scroll 0 0 white;
color: #227889;
}
#wrap {
background: none repeat scroll 0 0 transparent;
margin: 0 5% 30px;
}
#nav {
background:url(http://z5.ifrm.com/30232/152/0/p1110188/h2_left.png),url(http://z5.ifrm.com/30232/152/0/p1110189/h2_right.png),url(http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png);
background-position:left,right,center;
background-repeat:no-repeat,no-repeat,repeat-x;
color: white;
height: 1%;
padding: 10px 1%;
}
#nav li a { color:white; opacity:0.7; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#nav li a:hover { color:white; opacity:1; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.meta_box {
background: url("http://z5.ifrm.com/static/1/css/boxbg.png") repeat-x scroll center top #D8DCEB;
border: 1px solid #BFC8E3;
font-size: 85%;
line-height: 150%;
padding: 10px 25px;
}
.meta_menu {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #E7E7E7;
padding: 0;
width: 49%;
}
.meta_menu h3 {
background: url("http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png") repeat-x scroll center top #227889;
clear: both;
color: white;
font-size: 100%;
font-weight: 700;
margin: -1px;
text-align: center;
}
.meta_menu a, .meta_menu a:hover {
color: #666666;
}
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: none repeat scroll 0 0 #f6f6f6;
border: 1px solid #E7E7E7;
color: #227889;
}
.cat-pages a:hover, .cat-topicpages a:hover {
background: none repeat scroll 0 0 white;
color: #418b9a;
}
.cat-pages span {
background: none repeat scroll 0 0 #227889;
border: 1px solid #418b9a;
color: #FFFFFF;
cursor: default;
font-weight: 700;
padding: 2px 5px;
}
.cat-pages input {
background: none repeat scroll 0 0 #FFFFFF;
color: #5A70B3;
padding: 3px 5px;
vertical-align: baseline;
}
.cat-pageshead { color:white; }
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: white;
color: #666666;
font-size: 80%;
}
td.c_desc {
background: none repeat scroll 0 0 #fff;
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: none repeat scroll 0 0 #F0F1F3;
font-weight: 700;
}
tr.hidden td.c_post {
background: none repeat scroll 0 0 #D8DCEB;
}
.bday {
background: url("http://z5.ifrm.com/static/1/s_minibday.png") no-repeat scroll 0 0 transparent;
color: #425384;
font-size: 90%;
font-weight: 700;
height: 16px;
padding: 2px 2px 2px 18px;
width: 20px;
}
.c_mark {
background: white;
text-align: center;
width: 1%;
}
.c_forum {
background:white;
color: #666666;
font-size: 80%;
width: 60%;
}
.c_forum strong a, .c_last strong a {
color: #227889;
}
.c_forum strong a:hover, .c_last strong a:hover {
color: #418b9a;
}
.c_forum strong a {
font-size: 135%;
}
td.c_last {
background: white;
font-size: 85%;
}
.c_forum-desc {
color: #333333;
font-size: 85%;
}
.c_last-title {
background: url("http://z5.ifrm.com/static/1/last.gif") no-repeat scroll left center transparent;
display: block;
line-height: 16px;
padding-left: 10px;
}
td.c_info-v, td.c_info-t, td.c_info-r {
background:white;
font-size: 80%;
padding: 5px;
text-align: center;
}
td.c_subforum {
background: white;
color: #3D7681;
font-size: 80%;
font-style: italic;
}
.cat_head td {
border-color: #5A70B3;
padding: 0;
}
#stats .cat_head td {
border-color: #E77700;
}
.description {
color: #666666;
font-size: 85%;
}
a.member:hover {
color: #666666;
}
td#stats_events a, td#stats_events span {
background: url("http://z5.ifrm.com/static/1/s_minical.png") no-repeat scroll 2px center transparent;
padding: 4px 0 4px 20px;
}
td.c_username {
background: none repeat scroll 0 0 white;
padding: 2px 0;
text-align: center;
}
td.c_username a {
font-size: 140%;
font-weight: 700;
}
td.c_user {
font-size: 80%;
}
td.c_user dl {
background: none repeat scroll 0 0 #E7E4E4;
border: 1px solid #6F6363;
margin: 10px 0;
padding: 5px 7px;
width: 160px;
}
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 {
border-top: 0 none;
opacity: 0.85;
}
#profile_menu a {
margin-top:7px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
#profile_menu li li a {
margin-top: 4px;
border: none;
height: 27px;
}
#profile_menu li ul li a:hover {
background: #cecece;
color:#227889;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
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://z5.ifrm.com/static/1/poll_b.png") no-repeat scroll right center transparent;
float: left;
height: 12px;
padding-right: 3px;
}
td.c_poll-bar span {
background: url("http://z5.ifrm.com/static/1/poll_l.png") no-repeat scroll 0 0 transparent;
display: block;
float: left;
height: 12px;
width: 3px;
}
.editby, .queued {
border: 1px dotted #E7E7E7;
color: #999999;
font-size: 85%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
.queued {
background-color: #D8DCEB;
border-color: #5A70B3;
}
blockquote {
background: none repeat scroll 0 0 #e7e4e4;
border: 1px solid #6F6363;
margin: 10px auto;
padding-bottom: 1px;
width: 98%;
}
blockquote dl {
background: url("http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png") repeat-x scroll center top #227889;
border-bottom: 1px solid #418b9a;
color: #FFFFFF;
}
blockquote dl dt {
color: #FFFFFF;
float: left;
font-weight: 700;
}
code {
background: none repeat scroll 0 0 #e7e4e4;
display: block;
font-family: Monaco,Consolas,"Courier New",Courier,monospace;
white-space: normal;
}
div.spoiler {
background:none repeat scroll 0 0 #e7e4e4;
border-left:1px solid #6F6363;
border-right:1px solid #6f6363;
border-bottom:1px solid #6f6363;
padding: 5px 7px;
}
div.spoiler_toggle {
background: url("http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png") repeat-x scroll center top #227889;
border: 1px solid #6F6363;
color: #FFFFFF;
cursor: pointer;
font-weight: 700;
padding: 2px 4px;
}
td.c_postinfo {
background: none repeat scroll 0 0 white;
color: #6f6363;
font-size: 80%;
vertical-align: middle;
}
td.c_sig {
color: #666666;
font-size: 80%;
}
td.c_sig blockquote {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 transparent;
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #999999;
border-image: none;
border-style: none none none solid;
border-width: 0 0 0 3px;
padding-left: 5px;
}
td.c_sig blockquote dl {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #666666;
}
td.c_sig blockquote dl dt, td.c_sig blockquote dl dd {
color: #666666;
padding: 0;
}
td.c_sig blockquote div {
background: none repeat scroll 0 0 transparent;
margin-left: 5px;
padding: 0;
}
tr.c_postfoot {
background: none repeat scroll 0 0 #F6F6F6;
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: none repeat scroll 0 0 #F6F6F6;
color: #777777;
}
div.c_view-list {
color: #999999;
font-size: 92.5%;
}
dl#fast-reply dt {
background: url("http://z5.ifrm.com/static/1/css/h2s.png") repeat-x scroll center top #FB9D3A;
border: 1px solid #E77700;
color: #FFFFFF;
font-size: 110%;
font-weight: 700;
margin: 0;
padding: 5px;
}
dl#fast-reply dd {
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #E7E7E7;
padding: 15px 0;
text-align: center;
}
#c_post-preview {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #BFC8E3;
margin: 0 auto 10px;
padding: 5px;
text-align: left;
width: 98%;
}
#c_post-resize span {
color: #227889;
cursor: pointer;
font-size: 225%;
padding: 20px 5px 0;
}
#emot_wrap {
background: white;
border: 1px solid #227889;
}
#emot_wrap h3 {
background: #227889;
border-bottom: 1px solid white;
color: white;
font-size: 120%;
text-align: center;
}
#emot_end {
border-top: 1px solid #227889;
display: block;
font-weight: 700;
padding: 4px 0;
text-align: center;
}
#pm_folders {
background: white;
border-left: 1px solid #E7E4E4;
border-right: 1px solid #E7E4E4;
padding-top: 30px;
vertical-align: top;
width: 150px;
}
#pm_folderlist {
margin-left: 0;
margin-top: 0;
position: relative;
}
#pm_folderlist li {
background: url("http://z5.ifrm.com/30232/152/0/p1109420/14.png") no-repeat scroll 5px center transparent;
display: list-item;
margin-bottom: 4px;
padding-left: 28px;
}
#pm_forwarded {
border: 1px dotted #E7E7E7;
color: #999999;
font-size: 90%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
#ucp_gallery a {
color: #425384;
font-weight: 700;
}
#ucp_gallery a:hover {
color: #5A70B3;
}
.calendar td.cal_inactive {
background: none repeat scroll 0 0 #F6F6F6;
color: #E7E7E7 !important;
}
.calendar td div {
background: none repeat scroll 0 0 #F6F6F6;
border-bottom: 1px solid #E7E7E7;
font-weight: 700;
padding: 5px 7px;
}
.calendar div a {
background: url("http://z5.ifrm.com/static/1/s_minibday.png") no-repeat scroll 5px center transparent;
float: right;
font-size: 80%;
font-weight: 400;
padding: 0 0 6px 24px;
}
.calendar li a, .calendar li span {
border-color: transparent;
border-style: solid;
border-width: 1px;
display: block;
padding: 3px;
}
.calendar td#cal_current {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #5A70B3;
}
div.portal_content {
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #E7E7E7;
font-size: 88.3%;
margin: 0;
padding: 5px 7px;
}
#portal h2 {
font-size: 88.3%;
}
#portal h4 {
background: url("http://z5.ifrm.com/static/1/sub.png") repeat-x scroll center top #FAFAFA;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
color: #777777;
font-size: 88.3%;
font-weight: 400;
margin: 0;
padding: 5px 7px;
}
#faq dt a {
color: #425384;
font-size: 120%;
font-weight: 700;
}
#faq dd.faq_more a, #faq dl.faq_more a:hover {
color: #999999;
font-style: italic;
}
.search_results {
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #E7E7E7;
margin-bottom: 1em;
padding: 5px 7px;
}
.search_results h3 {
display: inline;
font-size: 125%;
}
.search_results cite, .search_results p {
color: #777777;
font-size: 85%;
margin: 0;
}
#findposts .c_mark {
color: #5A70B3;
font-size: 200%;
font-weight: 700;
vertical-align: top;
}
#pmtoast {
background: #40A3B8;
top: 10%;
color: #fff;
display: none;
font-size: 90%;
position: fixed;
right: 0;
text-align: left;
text-decoration: none;
width: 300px;
z-index: 1;
}

#pmlink {
color: #fff;
display: block;
padding: 10px 10px 10px 55px;
text-decoration: none;
}

#pmlink big {
display: none;
}

#pmlink small {
display: none;
}

#pmlink strong {
color: #fff;
}

#pmclose {
color: #fff;
display: block;
font-size: 80%;
padding: 1px 10px;
position: relative;
top: -60px;
float: right;
}
#pmclose:hover {
background: #57B7CC;
}
#foot_wrap {
margin: 3% -5.5% -6% -6%;
}
#foot td {
background: none repeat scroll 0 0 #FAFAFA;
border-color: #E7E7E7 -moz-use-text-color;
border-style: solid none;
border-width: 1px 0;
color: #777777;
font-size: 80%;
}
#foot a {
color: #227889;
}
#foot a:hover {
color: #418b9a;
}
#foot #foot_datetime {
border-left: 1px solid #E7E7E7;
white-space: nowrap;
width: 1%;
}
#copyright {
background: none repeat scroll 0 0 white;
color: #515151;
font-family: Open Sans;
font-size: 80%;
font-weight: 700;
text-align: center;
}
#copyright a {
color: #47909E;
font-weight: 700;
}
#c_tos h3 {
color: #333333;
font-size: 120%;
}
td.username_ok {
background: none repeat scroll 0 0 #E0FAE0;
}
input.username_ok {
outline: 2px solid #00CC00;
}
td.username_no {
background: none repeat scroll 0 0 #FAE0E0;
}
input.username_no {
outline: 2px solid #E77700;
}
#acplogin {
background: url("http://z5.ifrm.com/static/acp/acpback.png") repeat-x scroll 0 -195px #FFFFFF;
border: 2px solid #3A5197;
height: 275px;
left: 50%;
margin: -137.5px 0 0 -250px;
padding: 0;
position: absolute;
top: 50%;
width: 500px;
}
#acplogin h1 {
color: #FFFFFF;
font-weight: 400;
height: 50px;
margin-bottom: 20px;
padding: 50px 20px 0 0;
text-align: right;
}
#acplogin h1 img {
left: 0;
position: absolute;
top: 0;
}
a img {
border: 0 none;
}
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: none repeat scroll 0 0 transparent;
border: 0 none;
padding: 0;
vertical-align: bottom;
}
input[type="radio"] {
border: 0 none;
}
select {
margin: 0 7px;
padding: 0;
vertical-align: bottom;
}
option {
margin: 2px 0;
}
button.btn_img {
border: 0 none;
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: 3px 5px;
}
#main {
height: 1%;
padding: 0 1%;
}
#nav li img {
vertical-align: middle;
}
.meta_box, .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 { }
.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: 10px 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%;
}
.category td.c_foot {
background: url(http://z5.ifrm.com/30232/152/0/p1110192/td.c_foot_left.png), url(http://z5.ifrm.com/30232/152/0/p1110193/td.c_foot_right.png), url(http://z5.ifrm.com/30232/152/0/p1110194/td.c_foot_center.png);
background-position:left, right, center;
background-repeat: no-repeat, no-repeat, repeat-x;
border: 1px solid white;
}
.category td.c_foot a {
color: white;
}
#stats.category td.c_foot {
background: url(http://z5.ifrm.com/30232/152/0/p1110192/td.c_foot_left.png), url(http://z5.ifrm.com/30232/152/0/p1110193/td.c_foot_right.png), url(http://z5.ifrm.com/30232/152/0/p1110194/td.c_foot_center.png);
background-position:left, right, center;
border: 1px solid white;
}
#stats_members {
background:white;
line-height: 1.2;
}
#stats_legend {
background:white;
}
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 {
max-width: 175px;
min-width: 175px;
vertical-align: top;
width: 1px;
}
.c_post {
width: 100%;
}
.c_sig, .c_nosig {
width: 100%;
}
.avatar {
display: block;
margin: auto;
text-align: center;
}
.avatar_top {
background: none repeat scroll 0 0 white;
border: 2px solid white;
}
.av_wrap {
margin: auto;
overflow: hidden;
text-align: center;
}
td.c_user .usertitle {
margin: 3px 0;
overflow-x: hidden;
text-align: center;
}
.pip {
margin: 3px 0;
white-space: nowrap;
}
dl.user_info dt, dl.user_info dd {
padding: 0.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 {
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:white;
font-size: 1px;
height: 1px;
}
td.c_sig, td.c_nosig {
height: 1%;
vertical-align: top;
}
td.c_nosig {
border-top-style: hidden !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 {
background:white;
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: none repeat scroll 0 0 transparent;
border: medium 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, #submenu a, #submenu a:hover {
color: #FFFFFF;
}
input, select, td, th {
font-size: 90%;
}
#nav li span { color:white; }
button.btn_default, #nav li span, .c_post-attachment dt, #c_tos dt {
font-weight: 700;
}
#submenu a:hover, .meta_menu a:hover {
text-decoration: underline;
}
.meta_box h3, td.c_topicfoot strong, #meta_welcome strong {
font-size: 120%;
}
.meta_box h3, .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, .c_forum strong a:hover, .c_last strong a:hover, #faq dt a:hover, .search_results h3 a, .search_results h3 a:hover {
color: #418b9a;
}
.row2 td, blockquote div {
background: white;
}
a.member, .calendar td a, .calendar a:hover, #faq dd a, #faq dd a:hover {
color: #333333;
}
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: none repeat scroll 0 0 white;
border: 1px solid #6f6363;
color: #333333;
margin: 10px 0;
}
#blog blockquote {
background: none repeat scroll 0 0 #e7e4e4;
font-size: 85%;
padding: 0 10px;
}
#blog h1 {
float: right;
}
#blog h2 {
background: none repeat scroll 0 0 transparent;
clear: none;
font-size: 130%;
padding: 0;
}
#blog_foot {
clear: both;
margin-bottom: 20px;
}
#blog_head {
background: none repeat scroll 0 0 white;
border: 8px solid white;
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: none repeat scroll 0 0 #F6F6F6;
margin: 15px 0;
padding: 5px 7px;
border: 1px solid #6f6363;
}
#blog_sidebar h3, #blog_sidebar dt {
color: #5A70B3;
font-weight: 700;
}
#blog_sub {
background: none repeat scroll 0 0 #e7e4e4;
clear: both;
padding: 5px 7px;
position: relative;
text-align: right;
}
#blog_sub span {
padding-top: 4px;
}
#blog_sidebar {
background: none repeat scroll 0 0 #e7e4e4;
float: right;
font-size: 93.3%;
margin: 20px 10px 0 0;
padding: 0 10px;
width: 160px;
border: 1px solid #6f6363;
}
#blog_sidebar dd {
margin-left: 10px;
}
#blog_user {
font-size: 175%;
}
div.blog_options {
font-size: 90%;
text-align: right;
border: 1px solid #6f6363;
}
.cornercanvas { width:0px; }
div.blog_date {
background: url("http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png") repeat-x scroll 0 0 transparent;
border: 1px solid #6f6363;
color: white;
float: right;
font-weight: 700;
margin: 0 15px;
text-align: center;
text-transform: uppercase;
width: 70px;
}
div.blog_date span {
background: none repeat scroll 0 0 white;
border-top: 1px solid #E7E4E4;
color: #418b9a;
display: block;
font-size: 130%;
font-weight: 700;
padding: 2px 4px;
}
div.blog_entry {
background: none repeat scroll 0 0 #FFFFFF;
margin: 10px 0;
padding: 5px 7px;
}
#blog_comments li {
padding: 5px 7px;
}
#blog_comments li.odd {
background: none repeat scroll 0 0 #F6F6F6;
}
#shoutwrap {
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #E7E7E7;
font-size: 88.3%;
}
#shoutrefresh {
color:#227889;
cursor:pointer;
}
#shoutrefresh:hover {
color:#418b9a;
}
#shoutwrap td {
padding: 0;
}
#shoutbox {
list-style-type: none;
margin: 0;
padding: 0;
}
#shoutbox li {
padding: 5px 7px;
}
#shoutbox li.odd {
background: none repeat scroll 0 0 #F6F6F6;
}
#shoutbox dl, #shoutbox dt, #shoutbox dd {
margin: 0;
padding: 0;
}
#shoutbox dt {
color: #777777;
font-size: 80%;
}
#shoutopts, #shoutpost {
clear: both;
text-align: center;
}
#footer {
background: none repeat scroll 0 0 white;
color: #515151;
font-weight: 700;
height: 65px;
margin-top: -30px;
}
#footer a {
color: #47909E;
font-weight: 700;
}
#theme_info {
font-family: Open Sans;
padding-top: 30px;
}
.h2wrap {
background: url("http://z5.ifrm.com/30232/152/0/p1110190/h2_center.png") repeat-x scroll 0 0 transparent;
}
.h2left {
background: url("http://z5.ifrm.com/30232/152/0/p1110188/h2_left.png") no-repeat scroll left top transparent;
height: 34px;
}
.h2center {
color: white;
font-family: Open Sans;
font-size: 16px;
font-weight: bold;
height: 34px;
padding: 6px 0 0 75px;
}
.h2center a {
color: white;
}
.h2right {
background: url("http://z5.ifrm.com/30232/152/0/p1110189/h2_right.png") no-repeat scroll right top transparent;
height: 34px;
}
.collapse, .uncollapse {
right: 5px;
top: 2px;
}
thead td, thead th {
background: inherit;
border-width: 0;
padding: 0;
}
.profile thead td, .profile thead th {
background: #227889;
border-width: 0;
padding: 0;
}
span.post_newtopic img{
background:url(http://z5.ifrm.com/30232/152/0/p1110199/new_topic.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_newtopic img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_addreply img{
background:url(http://z5.ifrm.com/30232/152/0/p1110197/add_reply.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_addreply img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_locked img{
background:url(http://z5.ifrm.com/30232/152/0/p1110198/locked.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_locked img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_pollonly img{
background:url(http://z5.ifrm.com/30232/152/0/p1110200/pollonly.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_pollonly img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_addrepeat img{
background:url(http://z5.ifrm.com/30232/152/0/p1110196/add_repeat.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_addrepeat img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_addevent img{
background:url(http://z5.ifrm.com/30232/152/0/p1110195/add_event.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_addevent img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_delete img{
background:url(http://z5.ifrm.com/30232/152/0/p1110201/DELETE.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_delete img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_edit img{
background:url(http://z5.ifrm.com/30232/152/0/p1110202/EDIT.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_edit img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_quote img{
background:url(http://z5.ifrm.com/30232/152/0/p1110208/QUOTE.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_quote img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_onpm img{
background:url(http://z5.ifrm.com/30232/152/0/p1110206/ONPM.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_onpm img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_on img{
background:url(http://z5.ifrm.com/30232/152/0/p1110205/ON.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_on img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_offpm img{
background:url(http://z5.ifrm.com/30232/152/0/p1110204/OFFPM.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_offpm img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_off img{
background:url(http://z5.ifrm.com/30232/152/0/p1110203/OFF.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_off img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_profile img{
background:url(http://z5.ifrm.com/30232/152/0/p1110207/PROFILE.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.post_profile img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.misc_top img{
background:url(http://z5.ifrm.com/30232/152/0/p1110211/TOP.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.misc_top img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.misc_fwd img{
background:url(http://z5.ifrm.com/30232/152/0/p1110209/FORWARD_PM.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.misc_fwd img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.misc_report img{
background:url(http://z5.ifrm.com/30232/152/0/p1110210/REPORT_POST.png);
background-position:0px -25px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
span.misc_report img:hover {
background-position:0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.forums tr {
background: url(http://z5.ifrm.com/30232/152/0/p1110192/td.c_foot_left.png), url(http://z5.ifrm.com/30232/152/0/p1110193/td.c_foot_right.png), url(http://z5.ifrm.com/30232/152/0/p1110194/td.c_foot_center.png);
background-position:left, right, center;
background-repeat: no-repeat, no-repeat, repeat-x;
}


For the Image Set installation, see the attachment below
Try to keep the banner's width upto 166px
Attached to this post:
Attachments: macros.html (35.08 KB)
Edited by ghoshriju33, Mar 12 2016, 08:29 AM.
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
Good job on the release. ^_^
Offline Profile Quote Post Goto Top
 
ghoshriju33
Member Avatar
I ❤ jQuery
[ *  *  * ]
thanks EF
btw, can you tell if the footer part is okay or not?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

You have created a nice balance in color. I think the simple and clean format of this theme would work well on mobile applications.

It does bother me a bit that the foot has a white border but the header does not.

And was the submenu intentionally omitted?
Offline Profile Quote Post Goto Top
 
ghoshriju33
Member Avatar
I ❤ jQuery
[ *  *  * ]
i followed this print:
Posted Image
and i added a white border to the footer only to cover up the blank part(there is a blank part in the right side and this happens only on 1024x768)

btw, this theme is not suitable for mobile viewing. you wont see any topic markers(coz i added transition effect for background position)
Offline Profile Quote Post Goto Top
 
Ferby
Member Avatar
Coder
[ *  *  *  *  * ]
Can you provide a download for the font used in the header?
Offline Profile Quote Post Goto Top
 
ghoshriju33
Member Avatar
I ❤ jQuery
[ *  *  * ]
it is one of the fonts from open sans family
here is the link:
http://www.fonts2u.com/open-sans.font
Offline Profile Quote Post Goto Top
 
Nivexonix
Member Avatar
Love
[ *  *  *  *  *  *  * ]
After a quick glance, this look pretty cool. I like the concept behind the idea :)
Offline Profile Quote Post Goto Top
 
Ferby
Member Avatar
Coder
[ *  *  *  *  * ]
Mr. D.C
Mar 15 2013, 04:43 AM
it is one of the fonts from open sans family
here is the link:
http://www.fonts2u.com/open-sans.font
Thank you :)
Offline Profile Quote Post Goto Top
 
ghoshriju33
Member Avatar
I ❤ jQuery
[ *  *  * ]
Nivexonix
Mar 15 2013, 11:32 AM
After a quick glance, this look pretty cool. I like the concept behind the idea :)
thanks nive
and which concept do you like?
Offline Profile Quote Post Goto Top
 
Electric Shock
Member Avatar
Divided by Zero
[ *  * ]
The PMToast could certainly benefit from some styling, its feeling bland. Maybe a gradient?
Offline Profile Quote Post Goto Top
 
itsme37
Theme attemptist!
[ * ]
This theme looks fantastic. I has really inspired me to start making some of my own themes!
Offline Profile Quote Post Goto Top
 
spike_asia
Member
[ * ]
Nice theme...but how come the sign out link is below the avatar? Shouldn't it be beside the name? Just like this one on the print

Posted Image

and yeah the footer also bothers me a bit...but overall everything looks nice :D
Edited by spike_asia, Mar 29 2013, 07:07 AM.
Offline Profile Quote Post Goto Top
 
itsme37
Theme attemptist!
[ * ]
One question though, how did you remove the 'From','Subject' and 'Sent' bits from the PM Toast, and position it where it is?
Edited by itsme37, Mar 30 2013, 09:21 AM.
Offline Profile Quote Post Goto Top
 
HarsH T (P)
Member Avatar
Member
[ * ]
This Theme is Good, but if you change its dark grey background, So it will more good.
Anyway Good Work Riju :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Mixed · Next Topic »
Add Reply