Файл: rayb.me/style/_default.css
Строк: 492
body {
word-wrap: break-word;
margin: 0
auto;
padding:0;
max-width:460px;
background: #ededed
url("/img/pattern2-96x96.png") repeat;
color:#0058A9;
}
html,
div, hr, span, form, p, img, ul, li, a {padding: 0;margin: 0;}
body, input,
textarea, select {font-family: Arial ;font-size:1em;}
.arrow
{
position: relative;
padding: 3px;
background: #fff;
border: #D1D2D4 solid
2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:
5px;
margin-left: 13px;
float:left;
display: inline-block;
white-space:
pre-wrap;
}
.arrow:after
{
content: "";
position:
absolute;
top: 6px;
left: -9px;
border-style: solid;
border-width: 5px 9px
5px 0;
border-color: transparent #fff;
display: block;
width: 0;
}
.arrow:before
{
content: "";
position: absolute;
top:
2px;
left: -12px;
border-style: solid;
border-width: 9px 12px 9px
0;
border-color: transparent #D1D2D4;
display: block;
width: 0;
z-index:
0;
}
hr {
border: none;
color: #D2D0D0;
background-color:
#D2D0D0;
height: 1px;
}
textarea{
width: 100%;
box-sizing:
border-box;
}
img {border:
0;max-width:100%;vertical-align:middle;font-size:0.5em;}
li
{list-style:none;margin:0;}
#story_bottons a, #payment a,.btnl, .btni, .pg
{
text-decoration: none;
text-align:center;
position:
relative;
}
.btnl,#story_bottons a, #payment a {
display: block;
background-color: #4075cc;
font-size: 1em;
line-height: 36px;
padding: 4px 8px;
}
.index_logo {
background-size: 100%
100%;
overflow:hidden;
position:relative;
height:auto;
background-position:center
center;
background-repeat:no-repeat;
border-radius: 5px 5px 5px
5px;
}
.myButton {
box-shadow:inset 0px 1px 0px 0px
#54a3f7;
background:linear-gradient(to bottom, #007dc1 5%, #0061a7
100%);
background-color:#007dc1;
border-radius:3px;
border:1px solid
#124d77;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
padding:6px
24px;
text-decoration:none;
text-shadow:0px 1px 0px
#154682;
}
.myButton:hover {
background:linear-gradient(to bottom, #0061a7
5%, #007dc1 100%);
background-color:#0061a7;
}
.myButton:active
{
position:relative;
top:1px;
}
.block {
color: #686868;
background: #FFF;
padding: 7px;
line-height: 1.4;
border-bottom:
1px solid #eee;
overflow: hidden;
}
.vlad_corp {
display: block;
background-color: #4075cc;
font-size: 1em;
line-height: 20px;
padding: 2px 8px;
}
.btni, .pg {
font-size: 0.8em;
display:
inline-block;
background-color: #2e5dab;
line-height:
29px;
}
input.btni{border-width: 0;}
.btni {padding: 3px;}
.pg {padding:
3px 10px;}
input.btni, a.btnl, a.btni, .pg, span.btnl, #story_bottons a,
#payment a, span.btni, span.pg {color: #ffffff;
text-decoration:
none;
}
a {
text-decoration: none;
color:#00bfff;
}
span.btnl,
span.btni, span.pg {background-color: #b5b5b5;}
.content, .devpanel,
.feedback, .confirm {padding:
4px;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:
both}
.portrait{float:left;margin-right:4px;margin-bottom:4px;}
.center,
.feedback, .confirm,
.content{text-align:center;}
.left{text-align:left;}
.small, .minor
{font-size:0.8em;font-weight:normal;}
.minor {color: #2b572f;}
.big
{font-size:1.2em;font-weight:normal;}
.bordered {border-width: 1px;
border-style: solid; border-color: #bbbbbb; padding: 4px;}
.show350
{display: none; visibility: hidden;}
@media (min-width: 350px) {
.show350 {display: block; visibility: visible;}
}
.count_room {
height: 15px;
width: 15px;
background: #de990e no-repeat center
center scroll;
background-image: none\9;
position: absolute;
margin-top: -2px;
margin-left: -2px;
color: #fff;
text-shadow:
1px 1px 0 rgba(0, 0, 0, .2);
text-align: center;
font-size: 7px;
line-height: 15px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0
1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0,
0, .17), 0 1px 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 0 0
1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
border-radius:
9px;
font-weight: bold;
}
#avatar {
float: left;
margin-right:
5px;
}
#content {
overflow: hidden;
}
.wrap {
margin: 0 auto;
}
.avafon
{
background-size: 100%
100%;
overflow:hidden;
position:relative;
height:auto;
background-position:center
center;
background-repeat:no-repeat;
border-radius: 5px 5px 5px
5px;
}
.photo {
border:1px solid #E5E5E5;
-moz-border-radius:
7px;
-webkit-border-radius: 7px;
-khtml-border-radius:7px;
border-radius:
7px;
}
.transition-scale {
position: relative;
z-index: 2;
/*background: #808991;*/
color: #FFF;
margin: 0 auto;
/*padding:
10px;*/
text-align: center;
max-width: 500px;
font-size: 20px;
/*border: 4px ridge black;*/
cursor: pointer;
transition: 3s
linear;
}
.transition-scale:hover {
-webkit-transform: scale(2);
transform: scale(2);
}
#right {
float: right;
display:
inline-block;
}
#top_v {
width: 0;
height: 0;
border-left: 5px solid
transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid
#DDEBF6;
display: block;
margin-left: 32px;
margin-top: 10px;
}
#top_vs
{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right:
5px solid transparent;
border-bottom: 10px solid #FFFFFF;
display:
block;
margin-left: 32px;
margin-top: 10px;
}
#top_vse {
width: 0;
height:
0;
border-left: 5px solid transparent;
border-right: 5px solid
transparent;
border-bottom: 10px solid #000000;
display:
block;
margin-left: 32px;
margin-top: 10px;
}
.status {
background-color: #DDEBF7;
color: #242C2F;
padding: 10px;
border-radius: 7px;
margin-bottom: 5px;
}
.statuse {
background-color: #FFFFFF;
padding: 10px;
border-radius: 7px;
margin-bottom: 5px;
}
.private_info {
color: #97AAB2;
}
a.avatar
{text-decoration:
none;}
.admin{color:#F74223;}
.moderator{color:black;}
.moderator2{color:#ff8c00;}
.banned{color:#777777;}
.user
{color: #0058A9;}
#payment a,.mt4 {margin-top: 4px;}
.mb4 {margin-bottom:
4px;}
.nobr{white-space: nowrap;}
.feedback, .confirm{margin: 4px; border:
1px solid #0058A9;border-radius:4px;}
.tbrown {color: #8d652a;}
.tdbrown
{color: #2a2b2b;}
/*/
#mail_icon{display:
inline-block;width:46px;height:46px;vertical-align:
middle;text-align:center;text-decoration:
none;background-color:#2b572f;}
#mail_icon
img{width:36px;height:36px;margin:5px;}*/
#friends,#chat_icon,#forum_icon,#corp_icon,#union_icon,#mail_icon,#rating_icon,#profile_icon,#help_icon,#lvl_us
{display:
inline-block;width:46px;height:46px;vertical-align: middle;text-decoration:
none;background-color:#4075cc;}
#head_reload_bar a{min-height:
36px;background-color:#4075cc;}
#chat_icon{background-image:
url("img/chat2.png");}
#forum_icon{background-image:
url("img/forum2.png");}
#corp_icon{background-image:
url("img/corp_ang2.png");}
#mail_icon{background-image:
url("img/mail_white2.png");background-position:center;background-repeat:
no-repeat;}
#union_icon{background-image:
url("img/corp2.png");}
#rating_icon{background-image:
url("img/rating_2.png");}
#profile_icon{background-image:
url("img/profile2.png");}
#friends{background-image:
url("img/friends.png");}
#help_icon{background-image:
url("img/help2.png");}
#chat_icon b,#forum_icon b,#corp_icon
b,#union_icon b,#mail_icon b{
border-color: #4075cc;
background-color:
#4075cc;
border-bottom-left-radius: 4px;
border-bottom-right-radius:
4px;
border-top-left-radius: 4px;
border-top-right-radius:
4px;
border-bottom-style: solid;
border-left-style:
solid;
border-right-style: solid;
border-top-style:
solid;
border-bottom-width: 1px;
border-left-width:
1px;
border-right-width: 1px;
border-top-width: 1px;
text-decoration:
none;
text-align:center;
margin-top: 50%;
margin-left: 50%;
color:
black;
display:block;
font-size:105%;
}
/*mars_map*/
#mars_map
td{height:32px;width:32px;text-align:center;vertical-align:middle;}
#mars_map
tr#sectors td{border: solid black 1px;}
#mars_map tr#sector td,#mars_map_
td.a{border: solid gold 1px;}
#mars_map tr#sector td.bleft_1{border-left:
solid black 1px;}
#mars_map tr#sector td.bright_1{border-right: solid black
1px;}
#mars_map tr#sector td.btop_1{border-top: solid black 1px;}
#mars_map
tr#sector td.bbottom_1{border-bottom: solid black 1px;}
#mars_map
a,#mars_map div,#mars_map_ a,#mars_map_
div{height:100%;width:100%;display:block;}
#mars_map_
td.h16{height:16px;}
#mars_map_ td.w16{width:16px;}
#mars_map
.rover_this_user{background-color:grey;}
#head_reload_bar
.marsgame_rewrite_money{padding-top: 4px; line-height:
1em;color:#FFFFFF;}
#head_reload_bar .small{line-height: 0.9em;color:
#FFCF54;}
.biss_right{padding: 2px 4px; color: #ffffff; width: 45px;
display: inline-block; background-color: #2b572f;}
#menu a{margin-left:
8px;margin-right: 8px;}
.small_mode_1{padding: 1px
1px;margin-left:1px;display:inline-block;}
.message {color:
#800000;}
.task img {margin:5px;float:left;}
.task span div.head
{text-shadow:black 0 1px 1px;}
.task span div.bar
{margin-left:58px;font-size:0;line-height:0;height:15px;background-color:#b5b5b5;}
.task
span div.bar div
{height:15px;display:inline-block;background-color:#2e5dab;}
.mafia
div.bar
{line-height:0;height:16px;font-size:16px;background-color:#b5b5b5;margin-bottom:1px;}
.mafia
div.bar div
{height:16px;display:inline-block;background-color:#2e5dab;text-align:center;}
div.angels
tr:nth-child(even) {color: black;}
.angels_draw {
position:
relative;
overflow: hidden;
}
.angels_draw > span {
display:
inline-block;
margin: 0 .4em;
}
.angels_draw >
span:before,
.angels_draw > span:after {
content: '';
position:
absolute;
width: 100%;
border-top: 2px dotted #4e4e4e;
margin-top:
.6em;
}
.angels_draw > span:before {
margin-left: -102%;
margin-right:
2%;
}
.angels_draw > span:after {
margin-left: 2%;
margin-right:
2%;
}
.footersys{
margin-top:23px;
margin-left:-17px;
background-color:#de990e;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
text-decoration:none;
text-align:center;
color:black;
font-size:105%;
border-color:#de990e;
position:absolute;
}
#casino
{
min-width: 157px;
height: 180px;
border: 1px solid
gold;
background-color:green;
overflow:
hidden;
color:gold;
border-radius: 15px;
font-family:'segoe
print';
}
#casino div{
font-size: 55px;
height: 180px;
line-height:
180px;
width: 100%;
text-align:
center;
font-family:inherit;
}
#casino_panel th,#casino_panel{padding:0 0
0 0;}
.casino_left{border-radius: 15px 0 0
15px;}
.casino_right{border-radius: 0 15px 15px 0;}
.element{
clear:
both;
height:150px;
width: 128px;
}
.col {
width: 32px;
height:
28px;
text-align: center;
border-radius: 10px;
background-image:
linear-gradient(white, orange);
}
.comm_link {
padding: 3px;
margin:
1px;
color: #88bc21;
background: #FFFFFF;
box-shadow: inset 0 0 15px
rgba(0, 0, 0, 0.19);
border-radius: 4px;
border: 1px solid
#DADADA;
display: inline-block;
}
.comm_answer_main {padding:
4px;font-size: 12px;background: #f3f3f3;margin: 0 0px;border: 1px solid
#E0E0E0; border-left: 4px solid #E0E0E0;}
.menuverh{border-top:1px solid
#ddd;border-bottom:1px solid #aeaeae;padding:4px 8px;margin:0px 0px
0px;background:#efefef;background:-moz-linear-gradient(top, #efefef 0%,
#dddddd 100%);background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#efefef), color-stop(100%,#dddddd));}
.comm_answer_title
{background: #E8E8E8;border-bottom: 0;border-left: 4px solid #E0E0E0;color:
#000;font-size: 12px;padding: 4px;margin: 2px -6px
0;}
.save1{clear:both;border:2px solid #ddd;border-bottom:2px solid
#aeaeae;padding:6px;margin:2px;border-radius:8px;background:#efefef;background:-moz-linear-gradient(top,
#efefef 0%, #dddddd 100%);background:-webkit-gradient(linear, left top,
left bottom, color-stop(0%,#efefef),
color-stop(100%,#dddddd));background:-webkit-linear-gradient(top, #efefef
0%,#dddddd 100%);background:-o-linear-gradient(top, #efefef 0%,#dddddd
100%);background:-ms-linear-gradient(top, #efefef 0%,#dddddd
100%);background:linear-gradient(to bottom, #efefef 0%,#dddddd
100%);text-align:center}