View file content/css/bluemobile.css

File size: 17.54Kb
/* EmirDgreat CSS

@
@ Developed For:
Naijakit.com
@
@Styles Author:
EmirDgreat
@
@Developer URL:
Naijakit.com
@
@Contact Developer:
08134540801
*/
body
{
margin: 0;
padding: 0;
line-height: 130%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background: #23a0da;
text-align: center;
}
*
{
outline: none;
}
a:link
{
color: green;
}
a:visited
{
color: #blue;
}
img
{
border: 0;
}
form input, form textarea, select {border: solid 1px #23a0da; padding: 5px; background: #e3f0fe; min-width:;
}
hr
{

background-color: black;
border-color: black;
border-width: 3px;
}
ul, li
{
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
table, td, tr
{
margin: 0px;
padding: 0px;
}
li a{text-decoration: none;}
a {color:green;}
img{vertical-align: middle;}
/* end reset */

.body_width
{
width: 100%;
margin: 0 auto;
float: none;
}
.status
{
background: #222; color:#FFFFFF; font-weight:bold;
}
.dotted { border-top: 1px

dotted #ffffff; height: 1px; }
.left
{
}
.msg
{padding: 5px; border: 2px solid #c7033E; color: #c7033E; font-weight: bold; text-align: center; margin: 5px; border-radius: 10px; text-transform: capitalize; background-color: #ffd2e2;}
.date
{padding: 5px; border: 2px solid #c7033E; color: #c7033E; font-weight: bold; text-align: center; margin: 5px; border-radius: 10px; text-transform: capitalize; background-color: #ffd2e2;}
.single_msg
{border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
padding: 3px;
margin: 2px;
border-radius: 4px;
text-align: left;
}
.yellow
{
text-transform: capitalize;
text-align: center;
font-weight: bold;
color: red;
border: solid 1px #fc0;
background-color: #EFEF00; -webkit-border-radius: 0.3em;
border-radius: 0.3em; margin: 6px;
padding: 6px;
tex }

.shout {
background: url("http://wapchat.mobi/img/1241/1241244_93fe2cf08e.gif") repeat-x scroll 50% bottom transparent;
border: 1px solid #B7E2FF;
margin: 3px;
padding: 5px;
}
.shout:before {
background: url("http://wapchat.mobi/img/1241/1241246_045e9ac16b.gif") no-repeat scroll 100% 0 transparent;
content: url("http://wapchat.mobi/img/1241/1241248_795cc99d3f.gif");
display: block;
height: 22px;
margin: -6px -6px -17px;
}
.shout:after {
background: url("http://wapchat.mobi/img/1241/1241251_79bd59bb2a.gif") no-repeat scroll 100% 0 transparent;
content: url("http://wapchat.mobi/img/1241/1241253_230850c13d.gif");
display: block;
height: 15px;
margin: -10px -6px -6px;
}
.shoutreply {
display: block;
font-weight: bold;
padding: 1px;
text-align: center;
}
.shoutreply a {
color: #000000;
}
.adv {
background: none repeat scroll 0 0 #B3DAEA;
border: medium none;
padding: 2px;
text-align: center;
}
.b_head
{background: #23a0da; background-image: url(http://earthsurf.tk/images/
mobile/gradient.png);
bottom left repeat-x;
color: #09415b;
padding: 4px
6px;
font-weight: bold;
border-color: #1379a8;
border-style:
solid;
border-width:
1px 1px 2px 1px;
text-shadow: 0
1px 0 #37b2eb;
-moz-border-
radius: 5px 5px 0 0;
-webkit-
border-top-left-radius:
5px;
-webkit-
border-top-right-radius:
5px;
font-size: 13px;}
.page_wrapper
{
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
padding: 4px;
background: #ffffff;
color: #000;
width: 100%;
overflow: hidden;
}

#header
{
height: 50px;
background: #23a0da;
color: black;
border-bottom: 2px solid #663333;
width: 98%;
}

.wrapper div
{
font-size: 20px;
font-weight: bold;
color: #FFF;
width: 100%;
}
.pagination
{ background: #ddd; border: 1px solid #aaa; padding: 10px; text-align: center;    -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-size: 11px; }
.wrapper .sub
{
font-size: 14px;
}
.d_board a { color: lime; }
.d_board{ border: 2px solid red;
border-bottom:none;
border-radius: 7px 7px 7px 7px;
background:#330066;
margin: 0;
margin-bottom: 0px;
color: #ffffff;  }
.dashboard_links
{
text-align: center;
margin-top: 12px;
margin: 0 auto;
}
.title
{background: #14aea8 url(http://earthsurf.tk/images/
mobile/gradient.png) bottom left repeat-x;
color: #023836;
padding: 9px;
border: 1px solid #0a7c78;
text-shadow: 0
1px 0 #25c5bf;
-moz-border-
radius: 4px;
-webkit-
border-radius:
4px;
font-size: 13px;
font-weight: bold;
}

.dashboard-links li
{
height:;
border:1px solid #ccc;
padding:15px;
background: #decf9c;
font-size:11px;
line-height:1.4em;
text-decoration:none;
color:#000;
margin-bottom: 5px;
}

.button
{background: #84db7d; color: #145d0e; border: 1px solid #549c4d;}

.b_head2
{
padding: 6px;
background: #663333;
color: #ffffff;
font-weight: bold;
}
.dashboard-links li a
{
text-decoration: none;
color:#000000;
}

.dashboard_button_heading
{
text-align: center;
font-size:14px;
padding: 2px;
margin: 2px;
}

.dashboard_button_heading
{
font-weight: bold;
}

.message-thread
{
border-bottom: 1px dotted #ccc;
}
.previous-messages
{
border-bottom: 1px dotted #ccc;
padding: 5px;
font-weight: bold;
background: #ffff00;
color: red;
}
.message-thread
{
border-bottom: 1px dotted #ccc;
padding: 5px;
text-align: left;
}

/**************** LIST ITEMS ************************/
div.file-list
{

}
div.file-list ul
{

}

ul.arrow-list li
{
margin-left:0px;
background: url(../image/arrow_list.png) no-repeat scroll 0 14px transparent;
padding:0 0 2px 10px;
list-style:none;
}

div.file-list ul li
{border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
padding: 3px;
margin: 2px;
border-radius: 4px;
text-align: left;
}
div.file-list ul li a
{
text-decoration: none;
}

.file-info ul li
{border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
padding: 3px;
margin: 2px;
border-radius: 4px;
text-align: left;
}

ul.file-cat-list
{

}

ul.file-cat-list li
{border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
padding: 3px;
margin: 2px;
border-radius: 4px;
text-align: left;

}


div.user-list ul
{

}
div.user-list ul li
{
border: 2px solid #c7033e;
background:;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3px;
text-align: center;
margin-bottom: 5px;
display: block;
}
div.user-list ul li a
{
text-decoration: none;
}

ul.message-list li
{border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
padding: 3px;
margin: 2px;
border-radius: 4px;
text-align: left;
}
ul.message-list ul li a
{
text-decoration: none;
}

div.user-info li
{ background-color: #ffd2e2; color: #c7033e; border-right-width: thin;
border-top-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #c7033e;
border-top-color: #c7033e;
border-left-color: #c7033e;
padding: 3px;
margin: 2px;
border-radius: 4px;
text-align: left;
}
.dashboard_links
{
text-align: center;
margin-top: 12px;
margin: 0 auto;
}

.dashboard-links li
{
height:;
border:2px solid #c7033E;
padding:15px;
background: white;
font-size:11px;
line-height:1.4em;
text-decoration:none;
color:#000;
margin-bottom: 5px;
}

.dashboard-links li a
{
text-decoration: none;
color:#000;
}

.dashboard_button_heading
{
text-align: center;
font-size:14px;
padding: 2px;
margin: 2px;
}

.dashboard_button_heading
{
font-weight: bold;
}
.post_heading
{
background: #23a0da;
padding: 0px;
text-decoration: italic;
font-weight: small;
text-transform: none;
}
div.list ul li
{
padding: 30px; background: white; color:black;
border: 2px solid #c7033e;
margin: 5px;
}
div.list ul li a
{
text-decoration: none;
}

div.forum-list ul li
{padding: 5px; border: 2px solid #c7033E; color: #; font-weight: bold; text-align: center; margin: 5px; border-radius: 10px; text-transform: capitalize; background-color: #ffd2e2;}
div.forum-list ul li table td
{
border: 0px solid #c7033e;
background:;
padding: 4px;
text-align:left;
border-radius: 4px;
}
div.forum-list ul li .post-head
{
background: #c7033e;
margin: 0;
padding: 4px;
}

div.forum-list ul li a
{
text-decoration: none;
}

div.thread-list ul li
{
border-bottom: 1px dotted #AAA;
background:;
padding:;
text-align:left;
margin-bottom: 5px;
border-radius:5px;
}

div.thread-list ul li .thread-head
{
padding: 5px;
background:;
}

div.thread-list ul li .thread-head span.thread_title a
{
text-transform: uppercase;
color: #FF0000;
}
div.thread-list ul li .thread-extra
{
padding: 5px;
padding-top: 10px;
padding-bottom: 10px;
background: #000033;
border-radius: 5px;
}

div.tutorial-list li
{padding: 5px; border: 2px solid #c7033E; color: #c7033E; font-weight: bold; text-align: center; margin: 5px; border-radius: 10px; text-transform: capitalize; background-color: #ffd2e2;}

div.tutorial-list li .tutorial-header
{
background:;
padding: 6px;
text-align: center;
font-weight: bold;
}

div.tutorial-list li .tutorial-detail
{
background:;
padding: 6px;
text-align: center;
font-weight: normal;
}

/* tutorial comment */

.tutorial-topic-content
{
padding: 7px;
line-height: 160%;
}
.tutorial-comment-holder
{
margin-bottom: 10px;
}
.tutorial-comment-info
{
background: ;
padding: 5px;
text-align: left;
border-radius: 5px #c7033e;
;
}
.tutorial-comment
{
border: 0px solid #c7033e;
border-bottom: 1px dotted #b05f3c;
border-radius: 5px;
padding: 5px;
padding-top: 2px;
margin-bottom: 5px;
}

.site_alert
{
background-color: #ffd2e2;
color: #c7033e;
font-weight:;
border:1px dotted #FF3300;
padding: 4px;
margin-top: 3px;
}

.music_list
{
text-transform: uppercase;
font-weight: bold;
text-decoration: underline;
}

.infocenter
{
background-color: #ffd2e2;
color: #000;
font-weight:;
border:1px solid #c7033e;
padding: 4px;
margin-top: 3px;
}

.info_post
{background-color: #fff5bc; color: #333333 ; border-width: 1px; border-color: #e6b868; border-style: solid; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; margin: 4px; font-size: small;}

.info_posting
{
background-color: #b05f3c;
color: #000;
font-weight:;
border:1px solid #c7033e;
padding: 0px;
margin-top: 0px;
}
.tutorial-comment-text
{
padding: 10px;
text-align:left;
overflow: auto;
overflow: auto;
padding-top: 2px;
}
/***************************************/

div.fbt-category-list li
{
border: 2px solid #c7033e;
background:;
padding: 5px;
text-align: center;
margin-bottom: 10px;
border-radius:5px;
font-weight: bold;
}

div.fbt-category-list li .fbt-category-header
{
background:;
padding: 6px;
text-align: center;
font-weight: bold;
}

div.fbt-category-list li .fbt-category-detail
{
background:;
padding: 6px;
text-align: center;
font-weight: normal;
}

div.fbt-topic-list li
{
border: 2px solid #663333;
background:;
padding: 5px;
text-align: left;
margin-bottom: 10px;
border-radius:5px;
font-weight: bold;
}

div.fbt-topic-list li .fbt-topic-header
{
background:;
padding: 6px;
text-align: left;
font-weight: bold;
}

div.chat-room-list li
{
border: 2px solid #663333;
background:;
padding: 5px;
text-align: center;
margin-bottom: 10px;
border-radius:5px;
font-weight: bold;
}

div.chat-list li
{
border: 1px solid #c7033e;
background:;
padding: 5px;
text-align: center;
margin-bottom: 2px;
font-weight: bold;
text-align: left;
}
div.chat-list li span
{
font-weight: normal;
}
/* ******
*****   END LIST ITEMS ***************
************/

.message-view
{
padding: 8px;
border: 1px solid #c7033e;
border-radius: 5px;
text-decoration: none;
}
.message-view a
{
text-decoration: none;
}
.tutorial_head
{
background: #c7033e;
color:yellow;text-decoration:underline;
font-weight:bold;
padding: 8px;
}

.social_button
{
background: #003300;
padding: 8px;
}
.tutorial_info
{
background: #ffcc66;
padding: 8px;
font-weight:bold;
color:#000000;
position:relative;
}
.tutorial_info a
{
text-decoration: none;
color: #990000;
}
.tutorial_info .left, .tutorial_info .right
{
float: none;
display: block;
}
.tutorial_info .left
{
width: 30%;
float:left;
}
.tutorial_info .right
{
width: 40%;
float:right;
}
/* FBT TOPIC */
.fbt-topic-head
{
background:#663333;
padding: 8px;
font-weight:bold;
text-decoration:underline;
text-transform: uppercase;
}
.fbt-topic-info
{
background:#663333;
padding: 8px;
font-weight:bold;
color:#000000;
position:relative;
text-transform: uppercase;
}
.fbt-topic-info a
{
text-decoration: none;
color: #990000;
}


/*end FBT TOPIC */

/* fbt comment */
.comment_header
{
background: #663333;
margin: 2px;
padding: 4px;
text-align: left;
}
.fbt-topic-content
{
padding: 7px;
line-height: 160%;
}
.fbt-comment-holder
{
margin-bottom: 10px;
}
.fbt-comment-info
{
background: #000000;
padding: 5px;
text-align: left;
border-radius: 5px;
}
.fbt-comment
{
border: 0px solid #007700;
border-bottom: 1px dotted #999;
border-radius: 5px;
padding: 5px;
padding-top: 2px;
margin-bottom: 5px;
}
.fbt-comment-text
{
padding: 10px;
padding-top: 2px;
text-align:left;
overflow: auto;
}
/* end fbt comment */
/*  thread */
#post-head
{
background:#e9e9be;
color:black;padding: 8px;
text-decoration:none;
font-weight:bold;
text-transform: uppercase;
}
.post-infoing
{
background:#4B0082;
padding: 4px;
font-weight:;
text-color:white;
link-color:green;
text-transform: none;
}
.post-infomal
{
background: #b05f3c;
padding: 5px;
font-weight:;
text-color:;
link-color:green;
text-transform: none;
}
.post-infomal2
{
background: #decf9c;
padding: 0px;
font-weight:;
text-color:;
link-color:green;
text-transform: none;
}
#post-info
{
background:#b05f3c;
padding: 8px;
font-weight:bold;
color:white;
text-transform: uppercase;
}
#post-info2
{
background:#b05f3c;
padding: 8px;
font-weight:bold;
color:#ffffff;
text-transform: uppercase;
}
#post-info a
{
text-decoration: none;
color: #990000;
}


#main-post
{
border-bottom: 1px dotted #AAA;
padding: 7px;
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}

#posts
{
border-bottom: 1px dotted #AAA;
padding: 7px;
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}

/* end thread */

div.download_button
{
border: 1px solid #b05f3c;
text-align: center;
}
div.download_button a
{
background: #b05f3c;
color:white;
text-decoration: none;
padding: 10px;
width: auto;
clear: both;
display: inline-block;
margin-bottom: 5px;
}

div.link_button
{
border: 1px solid #b05f3c;

}
div.link_button a
{
background: #b05f3c;
color:#ffffff;
text-decoration: none;
padding: 10px;
min-width: 80px;
clear: both;
display:block;
margin-bottom: 5px;
}
.public_message
{
padding: 5px;
border: 2px solid #993300;
background:#EFEF00;
color:#993300;
font-weight: bold;
text-align: center;
margin: 5px;
border-radius: 10px;
}
.m_login
{
border-left: 1px solid #b05f3c;
}
/* pre */
.p_12{ padding: 12px;}
.p_6{padding: 6px;}
.p_bottom_6{padding-bottom: 6px;}

/* end pre */

#footer border: 3px solid #663333;{ height:60px; background:url(../image/footer.gif); color:#EEE; margin-top: 4px;}
#footer .shell{ padding-top:16px;}
#footer .footer_nav { white-space:nowrap; font-size:14px; text-align: center;}
#footer .footer_nav span{ padding:0 1px;}
#footer .footer_nav a{ text-decoration: none; color:#E6ED44;}
#footer .footer_nav a:hover{ color:#f6cb44;}

.tweak-info ul li
{
margin-bottom: 3px;
font-weight: bold;
margin-top: 3px;
text-align: center;
padding: 5px;
color: #00ff00;
}

.tweak-info span
{
color: #fff;
}

.list-2 ul li
{
margin-bottom: 3px;
font-weight: bold;
margin-top: 3px;
text-align: center;
border: 1px solid #090;
padding: 5px;
color: #00ff00;
}

a.button{ display: block; width: 100px; text-align: center; padding: 5px; border: 1px solid rgb(0, 170, 0); text-decoration: none; margin: 3px;}

#site-alert
{
background: #330066;
color: white; padding: 10px;
margin-bottom: 10px;

}

#site-alert h3
{
padding: 1px;
margin: 1px;
color: yellow;
}

#site-alert span.prefix
{

font-size: 11px;
}

#site-alert ul li
{
border-bottom: 1px dotted #fff;
padding: 5px;
}
div.thread-list ul li
{
border-bottom: 1px dotted #222;
background:;
padding:;
text-align:left;
margin-bottom: 5px;
border-radius:5px;
}

div.thread-list ul li .thread-head
{
padding: 5px;
background:;
}

div.thread-list ul li .thread-head span.thread_title a
{
text-transform: uppercase;
color: #FF0000;
}
div.thread-list ul li .thread-extra
{
padding: 5px;
padding-top: 10px;
padding-bottom: 10px;
background: #f3f3f3;
border-radius: 5px;
}