Изабакаров Р.И / [ST2012_2]Izabakrov_Rabadan_Final / Final / Content / styles / Site

body {
font: 10px Verdana,Arial;
color: #091f30;
padding: 0px;
height: 100%;
margin: 0;
background: #fff url(/content/images/bg.gif) repeat-x;
}

html {
height: 100%;
}

label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
}

input:focus {
border: 2px solid #BDE5F8;
}

header,
footer,
nav,
section {
display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
border: 1px solid #ddd;
padding: 0 1.4em 1.4em 1.4em;
margin: 0 0 1.5em 0;
}

legend {
font-size: 1.2em;
font-weight: bold;
}

textarea {
min-height: 75px;
}

.editor-label {
margin: 1em 0 0 0;
}

.editor-field {
margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
color: #ff0000;
}

.field-validation-valid {
display: none;
}

.input-validation-error {
border: 1px solid #ff0000;
background-color: #ffeeee;
}

.validation-summary-errors {
font-weight: bold;
color: #ff0000;
}

.validation-summary-valid {
display: none;
}

div {
display: block;
}


/*------------------------- Подсказки к ссылкам begin ------------------------*/
.tooltip {
display: inline;
position: relative;
}

.tooltip:hover:after {
background: #333;
background: rgba(0, 0, 0, 0.8);
border-radius: 4px;
bottom: 26px;
color: #fff;
content: attr(title); /* Информацию выводим содержащуюся в тэге title */
left: 20%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}

.tooltip:hover:before { /* Стрелочка вниз */
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
}

/*------------------------- Подсказки к ссылкам end ------------------------*/



/*------------------------- Основная разметка страницы begin ------------------------*/

.wrap {
width: 1000px;
margin: 0 auto;
}

.clear {
clear: both;
float: none;
}

header {
position: relative;
width: 100%;
height: 30px;
background: #222;
color: #fff;
font-size: 14px;
font-family: sans-serif;
padding: 5px;
margin: 0px;
}

a {
color: #2B587A;
cursor: pointer;
}

#logo {
display: block;
position: absolute;
box-shadow: white;
-moz-transition: box-shadow .3s .4s;
-o-transition: box-shadow .3s .4s;
-webkit-transition: box-shadow .3s .4s;
transition: box-shadow .3s .4s;
background: white;
}

#logo h1 {
color: rgba(0,0,0,0.6);
-webkit-text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
margin: 0px;
margin-left: 15px;
padding: 0px;
position: absolute;
top: -3px;
font-size: 28px;
}

#logo h1:hover {
border: 0 1px white;
-moz-transition: box-shadow .3s .4s;
-o-transition: box-shadow .3s .4s;
-webkit-transition: box-shadow .3s .4s;
transition: box-shadow .3s .4s;
}

aside {
position: relative;
width: 190px;
float: left;
}

article {
position: relative;
width: 795px;
float: right;
padding: 5px;
border-left: 1px white;
min-height: 500px;
}

footer {
position: relative;
width: 100%;
min-height: 20px;
}


/*------------------------- Основная разметка страницы end ------------------------*/


/* ----------------- LogOut --------------------*/
.logout {
margin-top: 5px;
float: right;
position: relative;
clear: both;
display: block;
margin-right: 20px;
}

.logout a {
text-decoration: none;
font-size: 14.5px;
font-weight: bold;
color: white;
-webkit-text-shadow: 0px 4px 3px rgba(200,200,200,0.4), 0px 8px 13px rgba(200,200,200,0.1), 0px 18px 23px rgba(200,200,200,0.1);
text-shadow: 0px 4px 3px rgba(200,200,200,0.4), 0px 8px 13px rgba(200,200,200,0.1), 0px 18px 23px rgba(200,200,200,0.1);
}

.logout a:hover {
color: rgba(0,0,0,0.6);
-webkit-text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
font-size: 14px;
}
/* ----------------- LogOut --------------------*/





/* ----------------- стилизация кнопок begin --------------------*/
.button {
overflow: visible;
border: 1px solid #DDD;
border-radius: 3px;
text-shadow: 0 1px 1px white;
-webkit-box-shadow: 0 1px 1px #fff;
-moz-box-shadow: 0 1px 1px #fff;
box-shadow: 0 1px 1px #fff;
font: bold 11px Sans-Serif;
padding: 6px 10px;
white-space: nowrap;
vertical-align: middle;
color: #666;
background: transparent;
cursor: pointer;
}

.button:hover, .button:focus {
border-color: #999;
background: -webkit-linear-gradient(top, white, #E0E0E0);
background: -moz-linear-gradient(top, white, #E0E0E0);
background: -ms-linear-gradient(top, white, #E0E0E0);
background: -o-linear-gradient(top, white, #E0E0E0);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}

.button:active {
border: 1px solid #AAA;
border-bottom-color: #CCC;
border-top-color: #999;
-webkit-box-shadow: inset 0 1px 2px #aaa;
-moz-box-shadow: inset 0 1px 2px #aaa;
box-shadow: inset 0 1px 2px #aaa;
background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
background: -moz-linear-gradient(top, #E6E6E6, gainsboro);
background: -ms-linear-gradient(top, #E6E6E6, gainsboro);
background: -o-linear-gradient(top, #E6E6E6, gainsboro);
}


/* Удаляем избыточный отступ внутрь для Firefox */
.button::-moz-focus-inner {
border: 0;
padding: 0;
}

/* ----------------- стилизация кнопок end --------------------*/


/*/* ----------------- снег на сайте begin --------------------*/

/*html body {
background-color: #6b92b9;
background-image: url('~/Content/Images/snow1.png'), url('~/Content/Images/snow2.png'), url('~/Content/Images/snow3.png');
-moz-animation: snow 20s linear infinite;
-o-animation: snow 20s linear infinite;
-webkit-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}*/
/* ----------------- снег на сайте end --------------------*/


.progress {
display: block;
float: right;
margin-left: 340px;
position: fixed;
top: 9px;
}

/* Выводимые сообщения пользователю*/
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/content/images/info.png');
background-repeat: no-repeat;
}

.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/content/images/success.png');
background-repeat: no-repeat;
}

.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/content/images/warning.png');
background-repeat: no-repeat;
}

.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/content/images/error.png');
background-repeat: no-repeat;
}

.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('/content/images/validation.png');
background-repeat: no-repeat;
}

.input .changeForm {
border: 1px solid #AAA;
color: #333;
-webkit-text-shadow: 0 1px 0 white;
text-shadow: 0 1px 0 white;
background: #F9F9F9;
background-image: -webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#EEE));
background-image: -webkit-linear-gradient(#F9F9F9,#EEE);
background-image: -moz-linear-gradient(#F9F9F9,#EEE);
background-image: -ms-linear-gradient(#F9F9F9,#EEE);
background-image: -o-linear-gradient(#F9F9F9,#EEE);
background-image: linear-gradient(#F9F9F9,#EEE);
-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
}