/var/www/doncode.com.ua/www/public/css
Edit: /var/www/doncode.com.ua/www/public/css/style_nn.css (13425B)
.ani_1{
animation: showball 1s linear 1, moveball 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s 1,
hideball 1s linear 2s 1;
}
@keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1)
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(0.55)
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
.waveWrapper {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.waveWrapperInner {
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
bottom: -1px;
background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);
}
.bgTop {
z-index: 15;
opacity: 0.5;
}
.bgMiddle {
z-index: 10;
opacity: 0.75;
}
.bgBottom {
z-index: 5;
}
.wave {
position: absolute;
left: 0;
width: 200%;
height: 100%;
background-repeat: repeat no-repeat;
background-position: 0 bottom;
transform-origin: center bottom;
}
.waveTop {
background-size: 50% 100px;
}
.waveAnimation .waveTop {
animation: move-wave 3s;
-webkit-animation: move-wave 3s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.waveMiddle {
background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
animation: move_wave 10s linear infinite;
}
.waveBottom {
background-size: 50% 100px;
}
.waveAnimation .waveBottom {
animation: move_wave 15s linear infinite;
}
img{border:0;}
#map_logo{
position:relative;
content:url(/public/img/map.png);
max-width:400px;
top:-320px;
left:220px;
}
.twitter-typeahead .tt-hint {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius:4px;
}
.twitter-typeahead .hint-small {
height: 30px;
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
line-height: 1.5;
}
.twitter-typeahead .hint-large {
height: 45px;
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
line-height: 1.33;
}
.twitter-typeahead {
width: 100%;
}
.tt-dropdown-menu {
width: 100%;
}
.tt-hint {
width: 100%;
}
.tt-dropdown-menu {
max-height: 200px;
overflow-y: auto;
background-color: #CCF;
padding: 4px;
border: 2px solid #CCC;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor {
background-color: #428bca;
color: #ffffff;
}
.box-yellow{
padding: 4px;
padding-top: 10px;
border: 2px solid #FFD700;
border-radius: 8px;
margin-bottom: 10px;
font-size: 16px;
-webkit-box-shadow: inset 0 1px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
box-shadow: inset 0 10px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
}
.box-blue{
padding: 4px;
padding-top: 10px;
border: 2px solid #AAF;
border-radius: 8px;
margin-bottom: 10px;
font-size: 16px;
-webkit-box-shadow: inset 0 1px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
box-shadow: inset 0 10px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
}
.desc{
color: rgb(52, 82, 102);
display: block;
font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', tahoma, sans-serif;
font-size: 30px;
font-weight: normal;
margin-top: 10px;
}
.cont{
color: rgb(112, 132, 152);
display: block;
font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', tahoma, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
}
#menu{
margin-top: 0px;
height:150px;
position: static;
display: inline-block;
text-decoration: none;
padding:20px;
cursor:pointer;
}
#for_clients{
content:url(/public/img/but/main_but1.png);
width: 128px;
height: 128px;
border:none;
}
#for_clients:hover{
content:url(/public/img/but/main_but1_sel.png);
text-decoration: none;
}
#for_director{
content:url(/public/img/but/main_but2.png);
width: 128px;
height: 128px;
border:none;
}
#for_director:hover{
content:url(/public/img/but/main_but2_sel.png);
text-decoration: none;
}
#for_driver{
content:url(/public/img/but/main_but3.png);
width: 128px;
height: 128px;
border:none;
}
#for_driver:hover{
content:url(/public/img/but/main_but3_sel.png);
text-decoration: none;
}
#for_developer{
content:url(/public/img/but/main_but4.png);
width: 128px;
height: 128px;
border:none;
}
#for_developer:hover{
content:url(/public/img/but/main_but4_sel.png);
text-decoration: none;
}
#for_all_map{
content:url(/public/img/but/main_but6.png);
width: 128px;
height: 128px;
border:none;
}
#for_all_map:hover{
content:url(/public/img/but/main_but6_sel.png);
text-decoration: none;
}
#for_catalog_taxi{
content:url(/public/img/but/main_but5.png);
width: 128px;
height: 128px;
border:none;
}
#for_catalog_taxi:hover{
content:url(/public/img/but/main_but5_sel.png);
text-decoration: none;
}
a {
text-decoration:none;
border:none;
}
a:hover{
text-decoration:none;
}
.border-orange {
border: #f80 solid 2px;
border-radius: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.border-gray {
border: #CCD solid 1px;
border-radius: 8px;
padding: 8px;
box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(242,242,242,1) 49%, rgba(235,235,235,1) 50%, rgba(226,226,226,1) 100%);
}
.gradient-orange {
background-image: -webkit-linear-gradient(top, #F7D358 0%, #F5D0A9 100%);
background-image: -o-linear-gradient(top, #F7D358 0%, #F5D0A9 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#F7D358), to(#F5D0A9));
background-image: linear-gradient(to bottom, #F7D358 0%, #F5D0A9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF7D358', endColorstr='#ffF5D0A9', GradientType=0);
background-repeat: repeat-x;
}
.gradient-gray {
background-image: -webkit-linear-gradient(top, #335 0%, #557 100%);
background-image: -o-linear-gradient(top, #335 0%, #557 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#335), to(#557));
background-image: linear-gradient(to bottom, #334 0%, #556 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF7D358', endColorstr='#ffF5D0A9', GradientType=0);
background-repeat: repeat-x;
}
.footer, .push {
height: 4em;
bottom: 0px;
height: 20px;
padding: 0px;
margin:0px;
background: #EEE;
text-align: center;
font-size:9px;
font-weight: bold;
width: 100%;
}
html,
body {
padding: 0px;
margin: 0px;
font-family: 'proxima_nova_rgregular', tahoma, geneva, sans-serif;
/*font-family: ff-clan-web-pro-wide,"Helvetica Neue",Helvetica,sans-serif;*/
/*font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', tahoma, sans-serif;*/
/*font-family: 'Open Sans', Arial, sans-serif;*/
font-size: 20px;
/*background-image: url('/public/img/bg7.jpg');*/
background-color: #222;
/*background-repeat: repeat;*/
}
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -60px;
}
/* Set the fixed height of the footer here */
#push,
#footer {
height: 35px;
}
#footer {
padding: 10px;
background-color: #222222;
color: #FFF;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}
.subnav{
border-color: #D5D5D5;
border-radius: 0 0 0 0;
border-width: 0 0 1px;
box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
left: 0;
position: fixed;
right: 0;
top: 43px;
z-index: 1020;
padding: 3px;
}
#arm{
margin-top:40px;
}
.block_arm{
text-align: center!important; width:100%!important; height: 100%!important; position: fixed!important; background: url(../images/292.gif) no-repeat center rgba( 182, 182, 182, 0.5) !important; z-index: 100000!important;
}
div#auth{
padding: 25px;
margin: 10px auto ;
}
.paginator { font-size:1em; margin:5px auto; width:600px; height:65px; padding-top:0px; }
.paginator table { border-collapse:collapse; table-layout:fixed; width:100%; }
.paginator table td { padding:0; white-space:nowrap; text-align:center; font-size:14px; }
.paginator .left { text-align:right; }
.paginator .right { text-align:left; }
.paginator .left, .paginator .right { width:17%; }
.paginator .top, .paginator .top a { color:#006baf; }
.paginator .bottom, .paginator .bottom a { color:#004a79; font-size:12px; }
.paginator .spaser { width:30px; }
.paginator span { display:block; padding:3px 0; color:#fff; }
.paginator span strong, .paginator span a { padding:2px 6px; }
.paginator span a { color:#636363; }
.paginator a:hover { text-decoration:none; }
.paginator span strong { background:#2b90d0; font-style:normal; font-weight:normal; }
.paginator .scroll_bar { width:100%; height:20px; position:relative; margin-top:10px; }
.paginator .scroll_trough { width:100%; height:4px; background:#ccc; overflow:hidden; cursor: pointer; }
.paginator .scroll_thumb { position:absolute; z-index:2; width:8px; height:4px; top:0; left:0; font-size:1px; background:#363636; }
.paginator .scroll_knob { position:absolute; top:-3px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url(../images/slider_knob.gif) no-repeat 50% 50%; cursor:move; }
.paginator .current_page_mark { position:absolute; z-index:1; top:0; left:0; width:3px; height:4px; overflow:hidden; background:#55a6d9; cursor: pointer; }
.paginator_pages { width:600px; text-align:right; font-size:0.8em; color:#808080; margin-top:-10px; }
.switch-container {
}
.switch-container > .switch {
display: block;
margin: 12px auto;
}
.switch {
position: relative;
display: inline-block;
vertical-align: top;
width: 62px;
height: 20px;
padding: 3px;
background-color: white;
border-radius: 18px;
box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer;
background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
background-image: -o-linear-gradient(top, #eeeeee, white 25px);
background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}
.switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.switch-label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
-webkit-transition-property: opacity background;
-moz-transition-property: opacity background;
-o-transition-property: opacity background;
transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
position: absolute;
top: 50%;
margin-top: -.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
}
.switch-label:before {
content: attr(data-off);
right: 11px;
color: #aaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
content: attr(data-on);
left: 11px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
}
.switch-input:checked ~ .switch-label {
background: #47a8d8;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
opacity: 1;
}
.switch-handle {
position: absolute;
top: 4px;
left: 4px;
width: 18px;
height: 18px;
background: white;
border-radius: 10px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.switch-handle:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: #f9f9f9;
border-radius: 6px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
background-image: -webkit-linear-gradient(top, #eeeeee, white);
background-image: -moz-linear-gradient(top, #eeeeee, white);
background-image: -o-linear-gradient(top, #eeeeee, white);
background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
left: 40px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-green > .switch-input:checked ~ .switch-label {
background: #4fb845;
}
