Файл: game.3ban.ru/css/newstyle-passport.css
Строк: 582
/* COMMONS */
body, h1, h2, form, html, p, div, span, table, tbody, td, tr,
img { margin: 0;padding: 0; font-family: Arial, Tahoma, sans-serif; }
body,
html {
margin: 0;
padding: 0;
background: #000;
font-family: 'Arial', sans-serif;
font-size: 12px;
color: #ffffff;
background: url('../images/bg.png') repeat 0 0 #111111;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
a {
outline: none;
text-decoration: underline;
color: #c2c2c2;
}
img {
vertical-align: middle;
outline: none;
border: none;
}
.clearer {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}
h1,
h2, h3 {
display: block;
margin: 0;
padding: 15px 0 7px 0;
font-size: 14px;
font-weight: normal;
color: #7e7e7e;
text-align: center;
}
h2 { padding: 28px 0 0 0;}
h3 {
padding: 0 0
10px 0;
text-align: left;
}
/* OTHERs */
.a {text-decoration:
underline;}
.fleft { float: left !important; }
.fright { float: right
!important; }
.no-m {margin: 0 !important;}
.m10 { margin: 10px !important;
}
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important;
}
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important;
}
.mt25 { margin-top: 25px !important; }
.pt10 {padding-top: 10px
!important;}
.pt8 {padding-top: 8px !important;}
.pt13 {padding-top: 13px
!important;}
.mb10 { margin-bottom: 10px !important; }
.mr5 { margin-right:
5px !important; }
.ml5 { margin-left: 5px !important; }
.ml3 { margin-left:
3px !important; }
.pr25 { padding-right: 25px !important; }
.d-b { display:
block; }
.d-ib { display: inline-block !important;; }
.w40p { width: 40%;
}
.w60p { width: 60%; }
.va-m { vertical-align: middle; }
.va-b
{vertical-align: bottom !important;}
.nowrap { white-space: nowrap;
}
.font-italic { font-style: italic; }
.font-bold {font-weight: bold
!important;}
.text-center { text-align: center; }
.text-right { text-align:
right; }
.c-gray { color: #c2c2c2 !important; }
.c-verygray { color:
#7a7a7a !important; }
.c-btn-info { color: #d0bae0; }
.c-yellow {color:
#ffc000 !important;}
.c-white {color: #ffffff !important;}
.c-red { color:
#cc4444; }
.c-green {color: #108821;}
.c-light-purple {color: #d3c9dd
!important;}
.font11 { font-size: 11px; }
.font12 { font-size: 12px;
}
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.no-top-radius
{ border-top-right-radius: 0 !important;}
a.foot-link { color: #C0C0C0;
}
.feedbackPanel {
padding: 6px;
font-size: 12px;
color:
#c2c2c2 !important;
background: #262626;
list-style: none;
}
/*
end of commons */
/* CONTENT */
.b-container {
position: relative;
max-width: 320px;
margin: 0 auto;
font-family: 'Arial',
sans-serif;
background: #333333;
}
.content-inner {padding:
4px;}
.b-header {
position: relative;
height: 35px;
padding: 0
9px;
overflow: hidden;
font-size: 11px;
color: #d3c9dd;
background: #785798;
background: linear-gradient(to top, #785798,
#8b68ac);
}
.title {
margin-top: 8px;
text-align: left;
font-size: 14px;
color: #ffffff;
}
.inform-inactive {
}
.inform-inactive img {
margin: 3px 0px 0px 0px;
}
.inform-message,
.inform-news {
display: inline-block;
position: relative;
width: 24px;
padding: 1px 1px 1px 16px;
margin: 0px 7px 0px 0px;
text-align: right;
font-size: 11px;
color: #fff;
text-decoration: none !important;
text-align: center;
cursor:
pointer;
background: #573675;
border-radius: 5px;
}
.inform-message
img, .inform-news img {
display: block;
position: absolute;
top: 0; left: -3px;
}
.message-from, .message-to {
position: relative;
min-width: 160px;
max-width: 200px;
margin: 0 auto 35px auto;
padding: 12px;
font: 12px normal Helvetica,sans-serif;
background: #404040;
border-radius: 10px;
}
.message-from
.message-mark, .message-to .message-mark {
display: block;
width:
35px;
height: 25px;
position: absolute;
bottom: -25px; left:
20px;
background: url('../images/message-mark-from.png') no-repeat 0 0
transparent;
}
.message-to .message-mark {left: 170px;background-image:
url('../images/message-mark-to.png');}
.message-from hr, .message-to hr {
display: block;
height: 0;
margin: 15px 0 3px 0;
padding: 0;
outline: none;
border: none;
border-top: 1px solid
#707070;
}
.b-footer {
padding: 29px 4px 15px 4px;
text-align:
center;
background: #262626;
}
.b-info {
padding: 20px 0;
color: #6f6f6f;
text-align: center;
}
.b-info.foot { padding: 100px 0
15px 0; }
.b-profile { padding: 18px 0 12px 0;}
.progress-container {
max-width: 204px;}
.b-progress {
height: 6px;
border-radius: 2px;
background: #262626;
}
.progress-fill {
height: 6px;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
background: #ffc000;
}
.b-verygray, .b-names-list {
padding: 10px
6px;
margin: 0 0 4px 0;
background: #262626;
color:
#838383;
}
.form-input {
display: block;
background: #3b3b3b;
border-bottom: 1px solid #5b5b5b;
border-top: 1px solid #000000;
border-left: none;
border-right: none;
width: 95%;
margin: 0;
padding: 4px;
color: #ffffff;
}
.table-form .form-input
{max-width: 157px; }
.form-label {
display: block;
font-size:
12px;
margin: 0;
color: #838383;
font-weight:
normal;
}
button.btn-footmenu, button.btn-footmenu.enter,
.btn-footmenu.short {
display: block;
position: relative;
height: 48px;
min-width: 195px;
max-width: 220px;
margin: 15px
auto 5px auto;
padding: 12px;
text-align: center;
border:
none;
background: #585858;
cursor: pointer;
}
a.btn-footmenu.short
{ height: 32px; padding: 13px 12px 0 12px; min-width: 195px; max-width:
220px;}
table.table-form td {
border-collapse: separate;
border:
5px solid transparent;
border-left: none;
border-right:
none;
}
.b-tabs {
text-align: center;
font-size: 14px;
}
span.tab, a.tab {
display: block;
padding: 14px 0;
color:
#7e7e7e;
background: #262626;
}
a.tab {
text-decoration: none
!important;
background: #585858;
color: #c2c2c2 !important;
}
/*
social */
.b-landing-social {
text-align: center;
padding-top:
10px;
}
.social-inner {
display: inline-block;
}
.vk-link, .odkl-link,
.spaces-link, .fb-link {
display: block;
float: left;
width:
34px;
height: 36px;
margin: 0 8px;
}
.vk-link { background:
url('../images/vk.png') no-repeat 0 0; }
.odkl-link { background:
url('../images/vk.png') no-repeat 0 0; }
.spaces-link { background:
url('../images/vk.png') no-repeat 0 0; }
.fb-link { background:
url('../images/vk.png') no-repeat 0 0; }
.stats {
padding-top: 1px;
text-align: center;
background: #262626;
color: #262626;
font-size: 11px;
}
/* autologin */
.b-names-list {padding: 10px;
margin-top: 5px;}
.names-list-t {
margin-top: 5px;
padding-bottom:
8px;
}
ul.names-list {
padding: 0;
margin: 0;
list-style-type:
none;
}
ul.names-list li {
padding-bottom: 8px;
padding-left: 10px;
}
ul.names-list li a {
color:
#C2C2C2;
}
.more-link {text-align: right;}
.more-link input {
border: none;
background: none;
text-decoration: underline;
cursor: pointer;
color: #fff;
font-size: 12px;
margin: 5px 0 0
10px;
padding: 0;
height: 20px;
}
/* end of CONTENT */
/* BUTTONS
*/
.btn-game, .btn-flat, .btn-footmenu {
display: block;
position:
relative;
height: 125px;
margin: 0 1px;
overflow: hidden;
text-decoration: none !important;
font-size: 12px;
text-align:
center;
color: #d3d3d3;
cursor: pointer;
background:
#585858;
}
.btn-game:active {background: #3f3f3f;}
.btn-game-img {
position: relative;
padding: 9px 0 8px 0;
}
.btn-flat .btn-game-img {
background: #4c4c4c;}
.btn-game-lable {
position: absolute;
bottom:
0;
width: 100%;
padding-top: 8px;
padding-bottom: 9px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.btn-flat {
height: 85px;
margin: 0 0 3px 0;
text-align:
left;
border-top: none;
}
.btn-flat .btn-game-img { padding: 5px
11px;}
.btn-flat .btn-flat-lable {
position: relative;
max-width: 170px;
min-width: 90px;
padding: 34px 0 0 7px;
background: #4c4c4c;
}
.btn-flat .btn-flat-lable
.lable-game-name {
position: absolute;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow:
ellipsis;
}
.btn-footmenu {
height: 32px;
margin: 0;
padding-top: 13px;
padding-left: 11px;
font-size: 12px;
text-align: left;
background: #616161;
}
.btn-footmenu.center {
text-align: center; padding-left: 0; }
.btn-menu {
display: block;
width: 17px;
height: 17px;
text-decoration: none;
cursor:
pointer;
background: url('../images/menu_17x17.png') no-repeat 0 0
transparent;
}
.btn-mini {
display: block;
margin: 10px auto 0
auto;
padding: 10px 0;
width: 150px;
text-decoration: none;
text-align: center;
background: #616161;
}
.btn-menu.back
{background-image: url('../images/back_17x17.png'); }
/* end of buttons
*/
/* ANNOUNCEMENT */
.btn-ann {
display: block;
position:
relative;
height: 88px;
margin: 0 0 2px 0;
overflow: hidden;
text-decoration: none !important;
font-size: 12px;
color: #000000;
cursor: pointer;
background: #fff;
}
.btn-ann table, .ann-head table
{border-spacing: 6px;}
.btn-ann.ann-readed {
color: #7a7a7a
!important;
background: #E6D7EE !important;
}
.ann-title
{
margin: 7px 0 0 0;
max-height: 15px;
overflow:
hidden;
font-weight: bold;
}
.ann-text {
overflow:
hidden;
max-height: 30px;
color: #707070;
}
.ann-text-big {
padding: 10px;
}
.ann-text-big ul {
margin: 5px 0 0 10px;
}
.ann-date {
position: absolute;
top: 2px; right: 6px;
font-size: 11px;
color:
#7a7a7a;
}
.ann-body {
background: #ffffff;
color: #757575;
padding: 6px;
}
.ann-head {
position: relative;
background: #ffffff;
color: #000000;
}
.ann-head .ann-title {
max-height: none;
margin:
25px 0 5px 0;
font-size: 20px;
}
.ann-body h1, .ann-body
h2 {
font-family: Helvetica;
font-weight: bold;
text-align: left;
display: block;
margin: 0;
padding: 18px 0 4px 0;
color: #785798;
font-size: 16px;
}
.ann-body h2 {padding-left: 15px;}
.ann-body a {
color: #0267e3;
}
.subtitle {max-height: 14px; overflow: hidden;}
.ann-body table {border-spacing: 0 5px;}
/* end of ANNOUNCEMENT */
/*
EFFECT */
.age {
display: inline-block;
width: 24px;
margin-top: 20px;
padding: 3px 2px;
font-weight: bold;
font-size: 14px;
color: #262626;
background: #333333;
border-radius: 3px;
}
/* end of EFFECT */
/* JS | animation
*/
.b-container {
height: 100%;
position: relative;
overflow:
hidden;
}
.content-left {
position: absolute;
top: 0; left:
-272px;
z-index: 2;
width: 272px;
height: 100%;
background:
#202020;
}
.content-left ul li {
border-bottom: 1px solid #333333;
}
.slide-menu-el {
display: block;
padding: 12px 10px;
text-decoration: none !important;
cursor: pointer;
}
.slide-menu-el:hover {background: #585858;}
.slide-menu-el img
{margin-right: 7px;}
span.slide-menu-el { cursor: inherit; }
span.slide-menu-el:hover {background: none;}
.game-list
.slide-menu-el{
padding-left: 42px;
color: #ffc000;
}
.content-right {
position: relative;
width: 320px;
}
.slide-menu
.form-search {
padding: 5px;
}
.form-search .search-input {
display: block;
position: relative;
width: 96%;
padding: 5px;
border-radius: 5px;
border: 0;
margin: 0;
background:
#ffffff;
}
.form-search .search-submit {
display: block;
width:
30px;
height: 25px;
position: absolute;
top: 5px; right: 5px;
border: 0;
background: url('../images/search_21x21.png') no-repeat
50% 50%;
cursor: pointer;
}
.form-search .search-submit:focus {
outline: none; }
.form-search .search-submit:active { outline: none;
}
.b-bithday {
padding: 10px 0;
text-align: center;
}
.bithday-form {
display: inline-block;
padding:
4px 0;
}
/* end of JS | animation */