/*------------------------------------------------------------------------------------------------
Сброс всех стилей браузеров
------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, select, textarea, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html {
overflow-y: scroll;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
ol, ul {
list-style: none;
}
* {
box-sizing: border-box;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Разметка страницы
------------------------------------------------------------------------------------------------*/
header {
height: 160px;
background-image: url("/pics/icons/gsmrus_logo.jpg"); background-repeat: repeat-x;
}
header span {
display: inline-block;
font-size: 3em;
font-weight: bold;
color: #fbfefe;
text-shadow: 2px 2px 2px #005c75;
margin-left: 180px;
margin-top: 70px;
}
main {
}
aside {
}
footer {
}
footer {
margin: 0 auto;
background: #dceef2;
padding: 15px 10px 10px 10px;
text-align: center;
}
footer a {
color: #005b74;
text-decoration: none;
}
footer img {
margin-right: 15px;
}
.grid {
min-width: 1024px;
max-width: 1280px;
width: 80%;
background: #fafdfd;
border: 1px solid #38a6bb;
margin: 0 auto;
margin-bottom: 30px;
}
[class*='col-'] {
float: left;
}
.col-2-3 {
width: 67%;
padding: 15px;
background: #fafdfd;
}
.col-1-3 {
width: 33%;
height: 100%;
padding: 20px;
background: #fafdfd;
background: linear-gradient(#e2f1f4, #fafdfd);
}
.col-1-2 {
width: 50%;
}
.col-1-1 {
width: 100%;
}
[class*="col-"] {
}
[class*="col-"]:last-of-type {
}
.grid:after {
content: "";
display: table;
clear: both;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Разметка страницы: общие
------------------------------------------------------------------------------------------------*/
html {
background: url("/pics/icons/bg.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 100%;
background: none;
}
h1 {
font-size: 1.3em;
color: #003143;
}
h2 {
font-size: 1.1em;
color: #003447;
}
p {
color: #004055;
}
img {
max-width: 100%;
}
table {
margin: 0 auto;
border: 1px solid #8fc9d6;
border-collapse: collapse;
margin-bottom: 20px;
}
.wrap table {
min-width: 500px;
}
caption {
padding: 5px;
color: #004055;
background: #d4ebef;
border: 1px solid #59b2c4;
font-weight: bold;
border-bottom: 1px solid #dceef2;
}
th {
padding: 4px;
color: #00465c;
background: #e8f4f6;
border-right: 1px solid #59b2c4;
border-bottom: 1px solid #59b2c4;
}
td {
padding: 4px;
color: #004d65;
background: #f8fcfc;
border-right: 1px solid #59b2c4;
border-bottom: 1px solid #59b2c4;
}
.fbs {
text-align: center;
margin: 10px 10px 15px 10px;
}
.mt20 {
margin-top: 20px;
}
.mb20 {
margin-bottom: 20px;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Разметка страницы: aside (side-left)
------------------------------------------------------------------------------------------------*/
aside a, .side-left a {
color: #00546d;
text-decoration: none;
}
.side-left > p {
margin: 10px;
}
aside ul li a, .side-left ul li a {
display: block;
padding: 7px 7px 7px 10px;
border-bottom: 1px solid #b1d9e2;
text-decoration: none;
color: #004055;
}
aside ul li a:hover, .side-left ul li a:hover {
background: #fbfefe;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Разметка страницы: main
------------------------------------------------------------------------------------------------*/
main {
}
main p {
margin: 7px 0 7px 0;
}
main ul {
list-style: circle inside;
color: #005971;
margin-bottom: 15px;
}
main p:last-of-type {
margin: 7px 0 15px 0;
}
main a {
color: #005670;
text-decoration: none;
}
main article td {
vertical-align: top;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Разметка страницы: side-right
------------------------------------------------------------------------------------------------*/
.side-right p {
color: #00546d;
}
.side-right a {
color: #005971;
text-decoration: none;
}
.side-right img {
max-width: 320px;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Главный список
------------------------------------------------------------------------------------------------*/
.w33_65_x td ul {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Навигация
------------------------------------------------------------------------------------------------*/
nav {
width: 100%;
max-width: 1280px;
margin: 0 auto;
text-align: center;
border-top: 1px solid #0090a8;
padding: 10px 0 10px 0;
background: #b1d9e2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#007e96), to(#e2f1f4));background: -webkit-linear-gradient(#007e96, #e2f1f4);background: -moz-linear-gradient(#007e96, #e2f1f4);background: -ms-linear-gradient(#007e96, #e2f1f4);background: -o-linear-gradient(#007e96, #e2f1f4);background: linear-gradient(#007e96, #e2f1f4);
}
nav ul {
text-align: center;
}
nav > ul > li {
display: inline-block;
}
nav ul li a {
padding: 2px 12px;
border-top: 1px solid #005c75;
border-bottom: 1px solid #005c75;
border-left: 1px solid #005c75;
text-decoration: none;
color: #004055;
background: #e2f1f4;
}
nav ul li:last-of-type a {
border-right: 1px solid #005c75;
}
nav ul li a:hover {
color: #003447;
background: #f8fcfc;
}
nav ul li ul {
display: none;
position: absolute;
box-shadow: 5px 5px 7px 2px rgba(0,0,0,0.3);
z-index: 1;
}
nav ul li ul a {
display: block;
border: none;
border-left: 1px solid #005c75;
border-bottom: 1px solid #005c75;
border-right: 1px solid #005c75;
text-align: left;
}
nav ul li ul li:first-of-type {
padding-top: 2px;
}
nav ul li ul li:first-child a {
border-top: 1px solid #005c75;
padding-top: 3px;
}
nav ul li:hover ul {
display: block;
}
.navbar-nav {
margin: 10px 20px 20px 20px;
}
.nav-item {
margin-right: 1px;
padding: 5px 12px 3px 12px;
border: 1px solid #005c75;
background: #cee7ec;
position: relative;
display: inline-block;
}
.nav-item a {
color: #00374b;
}
.nav-link {
text-decoration: none;
}
.dropdown-toggle {
}
.nav-item {
}
.dropdown-menu {
display: none;
position: absolute;
background-color: #a7d4de;
min-width: 320px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
z-index: 1;
}
.dropdown-menu a {
color: 00374b;
padding: 5px 12px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-menu {
margin-top: 2px !important;
}
.dropdown-menu a:hover, .nav-item:hover {background-color: #007e96;}
.nav-item:hover .dropdown-menu {display: block;}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Формы
------------------------------------------------------------------------------------------------*/
form[name="new_record"], form[name="edit_record"], form[name="check_ads"] {
width: 900px;
border: 1px solid #48acbf;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
background: #f5fafb;
text-align: center;
}
form[name="new_record"]#news, form[name="edit_record"]#news, form[name="new_record"]#web, form[name="edit_record"]#web, form[name="new_record"]#blog, form[name="edit_record"]#blog {
width: 1110px;
}
form[name="contact"] {
text-align: center;
}
form[name="edit_record"]#note {
border: none;
padding: 0;
background: none;
}
[contentEditable=true]:empty:not(:focus):before {
content: attr(data-text);
color: #00869f;
}
form[name="edit_record"]#note div {
margin: 10px 0;
padding: 10px;
background: #f8fcfc;
border: 1px solid #a7d4de;
}
form[name="new_record"] fieldset, form[name="edit_record"] fieldset, form[name="contact"] fieldset, form[name="login"] fieldset, form[name="add_url"] fieldset, form[name="choose_form"] fieldset, form[name="remark"] fieldset, .form_sim fieldset {
border-collapse: collapse;
border: 1px solid #76bdce;
border-bottom: 1px solid #f8fcfc;
margin: 0;
padding: 3px 25px 3px 10px;
background: #f8fcfc;
text-align: left;
}
.form_sim fieldset {
margin: 0 auto;
padding: 15px;
margin-bottom: 25px;
width: 640px;
border-bottom: 1px solid #76bdce;
}
.form_sim label, .form_sim span.tooltip {
vertical-align: top;
}
form[name="new_record"] legend {
width: 100%;
text-align: center;
background: #f8fcfc;
border-left: 1px solid #76bdce;
border-right: 1px solid #76bdce;
padding: 5px;
}
input[type="text"], input[type="email"], input[type="file"], input[type="url"], input[type="tel"] {
width: 500px;
height: 1.4em;
font-size: 110%;
}
select {
height: 1.4em;
font-size: 110%;
}
textarea {
width: 450px;
height: 15em;
font-size: 110%;
}
input[name="msgCL"], form[name="remark"] input[name="msgCL"] {
width: 45px;
color: #005c75;
background: #e8f4f6;
}
.crossword, .tm_chg {
white-space: nowrap;
}
.side-left input[type="submit"], .main input[type="submit"], button, input[type="submit"], input[type="reset"], form[name="edit_record"]#note a {
margin: 10px 2px 10px 2px;
padding: 4px 9px 4px 9px;
color: #fafdfd;
background: #e2f1f4;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#48acbf), to(#005971));background: -webkit-linear-gradient(#48acbf, #005971);background: -moz-linear-gradient(#48acbf, #005971);background: -ms-linear-gradient(#48acbf, #005971);background: -o-linear-gradient(#48acbf, #005971);background: linear-gradient(#48acbf, #005971);
border: 1px solid #005b74;
font-size: 1.1em;
border-radius: 7px 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
form[name="edit_record"]#note a {
text-decoration: none;
font-size: 0.9em;
}
.side-left input[type="email"] {
display: block;
width: 230px;
}
form[name="poll"] ul li {
color: #005a72;
display: block;
padding: 5px;
background: #f1f9fa;
border-left: 1px solid #00546d;
border-top: 1px solid #00546d;
border-right: 1px solid #00546d;
}
form[name="poll"] ul li:hover {
background: #d4ebef;
}
form[name="poll"] ul li:hover, form[name="poll"] label, .sub_list label {
cursor: pointer;
}
form[name="poll"] label {
display: block;
width: 100%;
}
form[name="poll"] ul li:last-of-type {
border-bottom: 1px solid #00546d;
}
form[name="poll"] label {
text-align: left;
}
#poll_out label, #loc label {
text-align: left;
display: block;
}
input[type="radio"], input[type="checkbox"] {
margin-right: 10px;
}
form[name="contact"] input[type="text"], form[name="contact"] input[type="email"], form[name="contact"] textarea, form[name="add_url"] input[type="text"], form[name="add_url"] input[type="email"], form[name="add_url"] input[type="url"], form[name="remark"] textarea, form[name="remark"] input[name="name"], form[name="remark"] input[name="email"] {
width: 450px;
}
form[name="contact"] input[type="text"], form[name="contact"] input[type="email"], form[name="contact"] textarea, form[name="check_ads"] input[type="email"], form[name="check_ads"] input[type="url"], form[name="check_ads"] input[type="tel"], form[name="check_ads"] input[type="text"], form[name="check_ads"] textarea, form[name="add_url"] input[type="text"], form[name="add_url"] input[type="email"], form[name="add_url"] input[type="url"], textarea[name="list"] {
color: #003447;
background: #fbfefe;
border: 1px solid #00627b;
box-shadow: inset 0 0 2px #219eb5;
padding: 2px 5px;
}
form[name="new_record"] input[type="text"]:not([name^="field"]), form[name="new_record"] textarea, form[name="new_record"] input[type="password"], form[name="new_record"] input[type="url"], form[name="new_record"] input[type="email"],
form[name="edit_record"] input[type="text"]:not([name^="field"]), form[name="edit_record"] textarea, form[name="edit_record"] input[type="password"], form[name="edit_record"] input[type="url"], form[name="edit_record"] input[type="email"] {
color: #003447;
background: #fbfefe;
border: 1px solid #00627b;
box-shadow: inset 0 0 2px #219eb5;
padding: 2px 5px;
font-size: 1.2em;
width: 520px;
}
form[name="new_record"] input[name="category"]:disabled, form[name="edit_record"] input[name="category"]:disabled {
width: 200px;
margin-right: 10px;
background: #f8fcfc;
box-shadow: none;
border: none;
}
form[name="new_record"] select, form[name="edit_record"] select {
max-width: 520px;
color: #003447;
background: #fbfefe;
border: 1px solid #00627b;
box-shadow: inset 0 0 2px #219eb5;
padding: 2px 5px;
font-size: 1.2em;
}
form[name="check_ads"] select, form[name="new_record"] select {
height: 1.4em;
color: #005670;
background: #fafdfd;
}
form[name="new_record"] select[name="action"] {
height: 100%;
}
form[name="new_record"] #new_file_name {
width: 300px;
}
form[name="contact"] textarea, form[name="remark"] textarea {
height: 15em;
}
.rad {
margin-left: 10px;
}
#file2upload {
text-align: left;
}
textarea[name="list"] {
width: 800px;
height: 600px;
}
form[name="contact"] select, #loc select {
color: #005670;
background: #f8fcfc;
}
form[name="contact"] label, form[name="add_url"] label, form[name="login"] label, form[name="choose_form"] label, form[name="remark"] label, form[name="new_record"] label, form[name="edit_record"] label, form[name="check_ads"] label, .ad_label, #zone label {
text-align: right;
vertical-align: middle;
display: inline-block;
width: 250px;
margin-right: 5px;
}
.ad_label, #horoscope textarea {
vertical-align: top;
}
form[name="contact"] label {
width: 190px;
}
input[name="accept"]#accept {
margin-left: 200px;
vertical-align: top;
}
form[name="contact"] label[for="accept"] {
text-align: left;
width: 440px;
}
form[name="contact"] label[for="accept"] a {
text-decoration: underline;
}
fieldset span a {
display: block;
margin: 0 0 1px 260px;
text-decoration: none;
color: #005670;
}
form[name="new_record"] #answers {
width: 520px;
display: inline-block;
}
#answers input[name="answers"] {
margin-bottom: 2px;
}
form[name="contact"] label[for="message"],
form[name="new_record"] label[for*="lead"], form[name="new_record"] label[for*="text"], form[name="new_record"] label[for*="message"], form[name="new_record"] label[for*="description"], form[name="new_record"] label[for="answers"],
form[name="edit_record"] label[for*="lead"], form[name="edit_record"] label[for*="text"], form[name="edit_record"] label[for*="message"], form[name="edit_record"] label[for*="description"], form[name="edit_record"] label[for="content"], form[name="new_record"] label[for="action"] {
vertical-align: top;
}
form[name="login"] {
margin: 0 auto;
width: 500px;
}
form[name="login"] input[type="text"], form[name="login"] input[type="password"] {
width: 200px;
height: 18px;
}
form[name="login"] input[type="checkbox"] {
text-align: left;
}
form[name="contact"] fieldset:last-of-type, form[name="login"] fieldset:last-of-type, form[name="add_url"] fieldset:last-of-type, form[name="remark"] fieldset:last-of-type, form[name="new_record"] fieldset:last-of-type, form[name="edit_record"] fieldset:last-of-type {
border-bottom: 1px solid #76bdce;
}
.question {
display: inline-block;
margin-left: 5px;
color: #005a72;
font-size: 110%;
}
form[name="subscribe"] input[type="email"] {
width: 400px;
margin: 10px 0 20px 0;
}
form[name="subscribe"] select {
display: block;
color: #00374b;
background: #fbfefe;
}
form[name="contact"] input[type="submit"], form[name="contact"] input[type="reset"], form[name="check_ads"] input[type="submit"], form[name="check_ads"] input[type="reset"], form[name="new_record"] input[type="submit"], form[name="new_record"] input[type="reset"], form[name="edit_record"] input[type="submit"], form[name="edit_record"] input[type="reset"] {
display: inline-block;
position: relative;
}
form[name="contact"] input[type="submit"], form[name="contact"] input[type="reset"] {
}
textarea[name*="lead"] {
height: 85px;
}
#loc input[type="email"] {
width: 100%;
margin-bottom: 5px;
}
input[name^="field"] {
background: #f8fcfc;
padding: 0 3px;
width: 70px;
}
#zone {
border-left: 1px solid #76bdce;
border-right: 1px solid #76bdce;
background: #f8fcfc;
padding-top: 10px;
}
#zone:empty, form[name="new_record"] #zone:empty {
padding-top: 0;
}
#zone .warn, form[name="new_record"] #zone .warn {
margin-top: 0;
}
#zone fieldset {
border: none;
border-bottom: 1px solid #76bdce;
}
form[name="check_ads"] fieldset:nth-of-type(13n + 6) label {
vertical-align: top;
}
form[name="check_ads"] fieldset:nth-of-type(13n + 8) label:nth-of-type(2) {
text-align: left;
margin-left: 10px;
}
form[name="check_ads"] textarea {
width: 600px;
height: 25em;
font-size: 1.2em;
}
form[name="check_ads"] input[name="subject"] {
width: 600px;
}
form[name="check_ads"] input[name="sender"], form[name="check_ads"] input[name="email"], form[name="check_ads"] input[name="phone"], form[name="check_ads"] input[name="url"], form[name="check_ads"] input[name="picture"] {
width: 300px;
}
form[name="check_ads"] input[name="ad_number"] {
width: 150px;
}
form[name="check_ads"] fieldset {
margin-bottom: 5px;
}
#choice, #choice_poll {
display: inline-block;
}
#choice label {
text-align: left;
display: block;
width: 300px;
}
#choice > span a {
margin-left: 0;
}
#choice_poll {
width: 520px;
}
#choice_poll input {
margin-bottom: 5px;
}
form[name="check_ads"] hr {
margin: 35px 0;
border-top: 2px solid #84c3d2;
border-bottom: 1px solid #fcffff;
}
form[name="edit_record"] textarea, form[name="edit_record"] input[type="text"] {
}
form[name="edit_record"] textarea[name="content"], form#templates textarea {
width: 1000px;
height: 50em;
}
form[name="new_record"]#news textarea, form[name="new_record"]#news input[type="text"]:not([name^="field"]), form[name="edit_record"]#news textarea, form[name="edit_record"]#news input[type="text"]:not([name^="field"]),
form[name="new_record"]#web textarea, form[name="new_record"]#web input[type="text"]:not([name^="field"]), form[name="edit_record"]#web textarea, form[name="edit_record"]#web input[type="text"]:not([name^="field"]),
form[name="new_record"]#blog textarea, form[name="new_record"]#blog input[type="text"]:not([name^="field"]), form[name="edit_record"]#blog textarea, form[name="edit_record"]#blog input[type="text"]:not([name^="field"]) {
width: 750px;
color: #005670;
}
form[name="edit_record"]#news textarea[name="lead"], form[name="new_record"]#news textarea[name="lead"], form[name="new_record"]#web textarea[name="lead"], form[name="edit_record"]#web textarea[name="lead"],
form[name="edit_record"]#blog textarea[name="lead"], form[name="new_record"]#blog textarea[name="lead"] {
height: 5em;
margin-bottom: 2px;
}
form[name="new_record"]#web textarea[name="description"], form[name="edit_record"]#web textarea[name="description"] {
height: 3em;
}
form[name="edit_record"]#news textarea[name="text"], form[name="new_record"]#news textarea[name="text"], form[name="new_record"]#web textarea[name="text"], form[name="edit_record"]#web textarea[name="text"],
form[name="edit_record"]#blog textarea[name="text"], form[name="new_record"]#blog textarea[name="text"] {
height: 30em;
margin-bottom: 2px;
}
form[name="edit_record"]#news .td input[type="text"], form[name="new_record"]#news .td input[type="text"] {
width: 750px;
color: #005670;
}
form[name="edit_record"]#news .td select, form[name="new_record"]#news .td select {
min-width: 300px;
color: #005670;
}
form[name="new_record"]#bannermaker textarea {
height: 3em;
}
form[name="new_record"]#bannermaker input[type="text"] {
width: 100px;
}
form[name="new_record"]#bannermaker input[name="file_name"] {
width: 250px;
}
#wheelShowColor span {
margin: 20px 5px 10px 5px;
}
#html_code {
width: 800px;
height: 300px;
margin-bottom: 20px;
}
::-webkit-input-placeholder {color:#d4ebef;}
::-moz-placeholder {color:#d4ebef;}/* Firefox 19+ */
:-moz-placeholder {color:#d4ebef;}/* Firefox 18- */
::-ms-input-placeholder {color:#d4ebef;}
:-ms-input-placeholder {color:#d4ebef;}
::placeholder {color:#d4ebef;}
form[name="new_record"] input[type="text"]:-ms-input-placeholder, form[name="new_record"] input[type="email"]:-ms-input-placeholder, form[name="new_record"] input[type="url"]:-ms-input-placeholder, form[name="edit_record"] input[type="text"]:-ms-input-placeholder, form[name="edit_record"] input[type="email"]:-ms-input-placeholder, form[name="edit_record"] input[type="url"]:-ms-input-placeholder, form[name="contact"] input[type="text"]:-ms-input-placeholder, form[name="contact"] input[type="email"]:-ms-input-placeholder, form[name="contact"] input[type="url"]:-ms-input-placeholder {color:#d4ebef;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder {color: transparent;}
:focus:-moz-placeholder {color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}
:focus::placeholder {color: transparent;}
#answ input[name^="answer"] {
width: 28px;
height: 28px;
margin: 4px 0 0 0;
text-align: center;
color: #004055;
background: #f8fcfc;
padding: 2px;
box-shadow: none;
border-right: 0;
}
#answ input[name^="answer"]:first-of-type {
margin-left: 4px;
}
#answ input[name^="answer"]:last-of-type {
margin-right: 4px;
border-right: 1px solid #00627b;
}
#fitscr textarea {
max-height: 35em;
}
select[multiple] {
height: auto;
}
.d800 em {
font-size: 200%;
font-weight: bold;
margin-right: 10px;
}
.div_tbl {
margin: auto;
display: table;
border-bottom: 1px solid #00627b;
margin-top: 20px;
margin-bottom: 20px;
}
.div_tbl div:first-child div:nth-child(1n+1) {
background: #dceef2;
padding: 10px;
text-align: center;
font-weight: bold;
}
.div_tbl div:first-child div:last-child {
font-weight: normal;
}
.div_tbl_row {
display: table-row;
background: #f8fcfc;
}
.div_tbl_cell_title {
display: table-cell;
padding: 0 10px;
border: 1px solid #00627b;
border-bottom: none;
border-right: none;
text-align: left;
max-width: 600px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.div_tbl_cell_time {
display: table-cell;
padding: 0 10px;
border: 1px solid #00627b;
border-bottom: none;
border-right: none;
text-align: left;
white-space: nowrap;
}
.div_tbl_cell_seconds {
display: table-cell;
padding: 0 10px;
border: 1px solid #00627b;
border-bottom: none;
border-right: none;
text-align: left;
white-space: nowrap;
}
.div_tbl_cell_seconds input {
width: 110px;
}
.div_tbl_cell_btn {
display: table-cell;
padding: 0 10px;
border: 1px solid #00627b;
border-bottom: none;
}
#hidden_element {
display: none;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Подсказки
------------------------------------------------------------------------------------------------*/
span.tool {
position: relative;   /* this is key */
cursor: help;
min-width: 16px;
width: 16px;
}
span.tool span.tip {
display: none;        /* so is this */
}
/* tooltip will display on :hover event */
span.tool:hover span.tip {
display: block;
border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
position: relative; bottom: 20px; right: -350px; z-index: 99;
width: 320px;
padding: 1em;
border: 1px solid #005b74;
background: #cee7ec;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8fcfc), to(#84c3d2));background: -webkit-linear-gradient(#f8fcfc, #84c3d2);background: -moz-linear-gradient(#f8fcfc, #84c3d2);background: -ms-linear-gradient(#f8fcfc, #84c3d2);background: -o-linear-gradient(#f8fcfc, #84c3d2);background: linear-gradient(#f8fcfc, #84c3d2);
-webkit-box-shadow: #005a72 0px 2px 3px; -moz-box-shadow: #005a72 0px 2px 3px; box-shadow: #005a72 0px 2px 3px;
color: #005b74;
font-size: 1em;
font-weight: 400;
}
.hint {
font-weight: normal;
width: 300px;
}
span.tool ol, .hint ol {
list-style-type: decimal;
list-style-position: inside;
text-align: left;
margin-left: 30px;
}
td > span.tool:hover span.tip {
right: 0;
}
.help_tool a:hover, .help_tool_right a:hover {position:relative;}
.help_tool a span, .help_tool_right a span {display:none;}
.help_tool a:hover span, .help_tool_right a:hover span {text-decoration: none; font-size: 1em; font-weight: 400; display: block; position: absolute; top:-45px; background: #f8fcfc; border: 1px solid #005670; color: #004d65; width: 350px; padding: 7px;}
.help_tool a:hover span {right: 25px;}
.help_tool_right a:hover span {left: 25px;}
.lst2 span.tooltip {
position: absolute; // смещает вниз
border: 2px solid #7600b3;
}
.dbl span.tooltip, #div_tbl_cell_title span.tooltip {
position: relative;
}
form[name="new_record"] span.tooltip, form[name="edit_record"] span.tooltip, .form_sim span.tooltip {
position: absolute;
margin-left: 5px;
}
.tooltip:hover:after {
position: absolute;
background: #e2f1f4;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#badee5), to(#fafdfd));background: -webkit-linear-gradient(#badee5, #fafdfd);background: -moz-linear-gradient(#badee5, #fafdfd);background: -ms-linear-gradient(#badee5, #fafdfd);background: -o-linear-gradient(#badee5, #fafdfd);background: linear-gradient(#badee5, #fafdfd);
border: 1px solid #38a6bb;
border-radius: 5px;
top: 25px;
color: #003143;
content: attr(data-tooltip);
right: -12px;
padding: 10px;
z-index: 98;
width: 380px;
-webkit-box-shadow: #515151 0px 2px 3px;-moz-box-shadow: #515151 0px 2px 3px;box-shadow: #515151 0px 2px 3px;
white-space: pre-line;
}
.tooltip:hover:before {
border: solid;
border-color: #badee5 transparent;
border-width: 0 8px 8px 8px;
top: 18px;
content: "";
right: 9px;
position: absolute;
z-index: 99;
}
.tooltip img {
cursor: help;
}
.tooltip img:hover:after {
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Календарь
------------------------------------------------------------------------------------------------*/
.calendar {
margin-top: 20px;
text-align: left;
}
.calendar th, .calendar td {
width: 25px;
}
.calendar th {
color: #005c75;
background: #d4ebef;
}
.calendar caption {
font-weight: bold;
background: #e2f1f4;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#59b2c4), to(#005a72));background: -webkit-linear-gradient(#59b2c4, #005a72);background: -moz-linear-gradient(#59b2c4, #005a72);background: -ms-linear-gradient(#59b2c4, #005a72);background: -o-linear-gradient(#59b2c4, #005a72);background: linear-gradient(#59b2c4, #005a72);
color: #fcffff;
}
.empt {
background: #fafdfd;
}
.past {
background: #f1f9fa;
color: #0097af;
}
.tday {
background: #005971;
color: #fbfefe;
font-weight: bold;
}
.futu {
background: #d4ebef;
color: #004055;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Картинки
------------------------------------------------------------------------------------------------*/
figure {
border: 1px solid #0097af;
display: table;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
background: #fcffff;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
figure img {
vertical-align: middle;
max-width: 100%;
display: block;
margin: 5px;
width: calc(100% - 10px); // margin above
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
figcaption {
text-align: center;
color: #004d65;
background: #f1f9fa;
padding: 1px 10px 2px 10px;
border-top: 1px solid #0097af;
}
.img_right, .img_left, .img_center {
border: 1px solid #fbfefe;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.img_left {
float: left; margin: 10px 15px 20px 0;
}
.img_right {
float: right; margin: 10px 0 20px 10px;
}
.img_center {
display: block;
margin: 0 auto;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Опросы и рассылка
------------------------------------------------------------------------------------------------*/
.apoll {
text-align: left;
}
.apoll th {
text-align: right;
}
.poll {
width: 100%;
}
.poll th {
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2f1f4), to(#84c3d2));background: -webkit-linear-gradient(#e2f1f4, #84c3d2);background: -moz-linear-gradient(#e2f1f4, #84c3d2);background: -ms-linear-gradient(#e2f1f4, #84c3d2);background: -o-linear-gradient(#e2f1f4, #84c3d2);background: linear-gradient(#e2f1f4, #84c3d2);
}
.poll td > img {
margin-right: 7px;
}
#poll_out, #loc {
border: 1px solid #fcffff;
background: #f8fcfc;
margin: 5px;
padding: 10px;
border-radius: 7px 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
#poll_out img {
display: block;
}
.rotate-15, #polltbl img[src*="vc_stamp"] {
-moz-transform: rotate(-15deg) translate(250px, 50px); /* Для Firefox */
-ms-transform: rotate(-15deg) translate(250px, 50px); /* Для IE */
-webkit-transform: rotate(-15deg) translate(250px, 50px); /* Для Safari, Chrome, iOS */
-o-transform: rotate(-15deg) translate(250px, 50px); /* Для Opera */
transform: rotate(-15deg) translate(250px, 50px);
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Новости
------------------------------------------------------------------------------------------------*/
ul.news {
margin-top: 20px;
}
.news a {
display: block;
}
.news li {
margin-bottom: 20px;
}
.news span {
font-size: 90%;
}
.newsa {
width: 500px;
margin: 0 auto;
margin-bottom: 30px;
text-align: left;
background-color: #e8f4f6;
border: 1px solid #006e87;
border-radius: 7px 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
.newsa a {
text-decoration: none;
color: #00374b;
}
.newsa ul li {
display: block;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #48acbf;
}
.newsa ul li:last-of-type {
border: none;
}
.newsa ul li:hover {
background: #dceef2;
}
.newsa ul li a {
display: inline-block;
width: 450px;
}
.newsa span.tooltip {
float: right;
}
.wrap {
max-width: 1280px;
min-width: 960px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 30px;
border: 1px solid #219eb5;
background-color: #f5fafb;
background: linear-gradient(#f8fcfc, #e8f4f6);
text-align: center;
border-radius: 5px 5px 15px 15px;
}
.wrap h1 {
margin-top: 15px;
margin-bottom: 15px;
}
.wrap nav {
font-size: 1.2em;
font-weight: bold;
color: #fbfefe;
}
.adm {
text-shadow: 2px 2px 2px #004055;
}
nav ul.group {
text-shadow: none;
}
.wrap div:first-of-type {
}
.wrap h1 a {
text-decoration: none;
color: #003143;
}
.wrap p {
margin: 20px 0;
}
table.nmoddel {
width: 90%;
margin: 0 auto;
font-size: 1em;
}
table.nmoddel td:first-child {
background-color: #e8f4f6;
}
table.nmoddel td:nth-child(2) {
text-align: left;
}
.w80 {
width: 80%;
}
.w80 td:first-of-type {
text-align: left;
}
.rndd {
min-height: 150px;
padding: 0 10px 0 150px;
+-bottom: 15px;
border: 1px solid #aecfd3;
background: #e3f0f3 url("/pics/qr_news.png") no-repeat 10px 10px;
}
.rndd h2 {
margin: 8px 0 0 0;
}
.rndd p {
}
.arch {
display: inline-block;
}
.arch li {
display: inline;
margin-left: 10px;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Таблицы
------------------------------------------------------------------------------------------------*/
.phone td:nth-of-type(2) {
background-color: #f5fafb;
white-space: nowrap;
}
.phone td img {
max-width: none;
}
.dbl td:nth-of-type(2) {
text-align: left;
}
.tbl_4r_6l {
min-width: 640px;
}
.tbl_4r_6l td:nth-child(1) {
width: 40%;
text-align: right;
}
.tbl_4r_6l td:nth-child(2) {
width: 60%;
text-align: left;
}
.tbl_4r_6l tr:nth-child(-n+2) td {
text-align: center;
}
.aleft {
text-align: left;
}
.lr_rl {
margin-top: 30px;
}
.lr_rl caption {
padding: 10px;
}
.lr_rl th {
text-align: right;
}
.lr_rl td {
text-align: left;
}
.wrap .tbl3cl th:first-child, .wrap .tbl3cl td:first-child {
text-align: right;
}
.wrap .tbl3cl th:nth-child(2), .wrap .tbl3cl td:nth-child(2) {
text-align: center;
}
.wrap .tbl3cl th:nth-child(3), .wrap .tbl3cl td:nth-child(3) {
text-align: left;
}
.tbl_left th, .tbl_left td {
text-align: left;
}
.cl_tr_gr td {
background-color: #e1e1e1;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Списки
------------------------------------------------------------------------------------------------*/
.numb {
list-style: inside decimal;
color: #004055;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Еще что-то
------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Разное
------------------------------------------------------------------------------------------------*/
.ml-10 {
margin-left: 10px;
}
.ml-20 {
margin-left: 20px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.d800 {
margin: 0 auto;
margin-top: 20px;
width: 900px;
padding: 20px;
background: #fafdfd;
border: 1px solid #006781;
}
.d800 ol, .li_left {
list-style: decimal inside;
text-align: left;
}
ol.li_left {
margin-right: auto;
margin-left: auto;
}
.li_left {
width: 50%;
}
sup {
vertical-align: super;
font-size: smaller;
}
.mypage textarea {
width: 100%;
height: 5em;
color: #005b74;
border: 1px solid #006781;
background: #f8fcfc;
}
.mypage img[src*="button"] {
float: left;
margin-right: 5px;
cursor: pointer;
}
.mypage img[src*="banner"] {
margin-bottom: 5px;
cursor: pointer;
}
.mypage  span {
cursor: pointer;
}
.lcomments {
margin: 10px 0 10px 0;
}
.lcomments img {
margin-right: 10px;
}
.links {
width: 100%;
}
.links td {
width: 33.33%;
}
.links tr:nth-child(odd) td {
background: #f5fafb;
}
.w33_65_x {
margin-top: 20px;
width: 1180px;
}
.w33_65_x th {
width: 300px;
text-align: right;
vertical-align: top;
}
.w33_65_x td {
text-align: left;
}
.w33_65_x td:last-of-type {
width: 23px;
}
.lst2 {
margin: 0 auto;
width: 400px;
background: #e2f1f4;
border: 1px solid #48acbf;
margin-bottom: 30px;
}
.lst2 li {
display: block;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #48acbf;
text-align: left;
}
.lst2 li:last-of-type {
border-bottom: none;
}
.lst2 li a {
display: inline-block;
width: 350px;
text-decoration: none;
color: #005971;
}
.lst2 span.tooltip {
float: right;
}
.lst2 li:hover {
background: #f1f9fa;
}
.brd {
margin-top: 15px;
border: 1px solid #c0e0e5;
padding: 0;
background: #fafeff;
border-radius: 7px 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
.brd span {
float:left;
margin:-20px 0 -25px 10px;
}
.brd span:before {
border: 1px solid #c0e0e5;
border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
font: 80% Arial, Helvetica, sans-serif;
content: "Реклама";
background: #e7f0f1;
padding: 2px 5px 1px 5px;
}
.brd table {
width: 100%;
border: none;
}
.brd table td {
border: none;
background: none;
}
.brd_header {
font: bold 100% Arial, Helvetica, sans-serif;
}
.brd_text, .brd_url {
font: 90% Arial, Helvetica, sans-serif;
}
brd_text p, brd_url p {
margin-bottom: 1px;
border: 1px solid #ccc;
}
/* -------------------------------------------------------------------------------------------- */
.rand, .weather {
border: 1px solid #fcffff;
border-radius: 7px 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
margin: 5px 5px 5px 5px;
padding: 10px;
background: #e8f4f6;
}
table.nset td {
vertical-align: top;
}
table.nset td:first-child {
text-align: left;
padding-left: 7px;
}
table.nset td:nth-child(2) {
padding-right: 9px;
padding-left: 0;
}
.okey, .nook, .warn  { margin: 10px 20% 10px 20%; padding: 10px; text-align: center;  border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;-webkit-box-shadow: #515151 0px 2px 3px;-moz-box-shadow: #515151 0px 2px 3px;box-shadow: #515151 0px 2px 3px;}
.okey {background-color: #cdecd2; border: #096344 2px solid}
.nook {background-color: #fffc00; border: #f00 2px solid}
.warn {background-color: #ffeb8b; border: #e96800 2px solid}
.okey p {
background: url("/pics/icons/tick.gif") no-repeat top left; padding-left: 25px
}
.warn p {
background: url("/pics/icons/exclam1.gif") no-repeat top left; padding-left: 25px
}
.nook p {
background: url("/pics/icons/stop.png") no-repeat top left; padding-left: 25px
}
.red {background-color: #f00}
.red_t, .html_tag {color: #f00}
.yellow {background-color: #ff0}
.yellow_t {color: #ff0}
.green {background-color: #093}
.green_t {color: #093}
form[name="edit_queue"] td:nth-child(6n+1) {
color: #ff0000;
background: #bfddbc;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#96ba92), to(#cbeac8));background: -webkit-linear-gradient(#96ba92, #cbeac8);background: -moz-linear-gradient(#96ba92, #cbeac8);background: -ms-linear-gradient(#96ba92, #cbeac8);background: -o-linear-gradient(#96ba92, #cbeac8);background: linear-gradient(#96ba92, #cbeac8);
}
@media only screen and (min-width:960px) {
/* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px) {
/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px) {
/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px) {
/* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px) {
/* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}