317 lines
6.2 KiB
CSS
317 lines
6.2 KiB
CSS
div#da-wrapper {
|
|
height: auto;
|
|
min-height: 100%;
|
|
position: relative;
|
|
min-width: 320px
|
|
}
|
|
|
|
div#da-wrapper, div#da-wrapper.fluid {
|
|
width: 100%
|
|
}
|
|
|
|
div#da-wrapper .da-container, div#da-wrapper.fluid .da-container {
|
|
width: 96%;
|
|
margin: auto
|
|
}
|
|
|
|
div#da-wrapper.fixed {
|
|
min-width: 960px
|
|
}
|
|
|
|
div#da-wrapper.fixed .da-container {
|
|
width: 960px
|
|
}
|
|
|
|
|
|
div#da-content {
|
|
clear: both;
|
|
padding-bottom: 58px
|
|
}
|
|
|
|
|
|
|
|
div#da-wrapper.fixed #da-sidebar-separator {
|
|
left: 50%;
|
|
margin-left: -300px
|
|
}
|
|
|
|
div#da-content #da-sidebar {
|
|
position: relative;
|
|
float: left;
|
|
z-index: 150
|
|
}
|
|
|
|
div#da-content #da-sidebar .da-button-container {
|
|
padding: 2px;
|
|
margin-bottom: 6px;
|
|
border: 1px solid #cacaca;
|
|
-webkit-border-radius: 4px;
|
|
-o-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
|
|
-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
|
|
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
|
|
background-color: #fff;
|
|
background-image: linear-gradient(bottom, #fff 0, #f1f1f1 100%);
|
|
background-image: -o-linear-gradient(bottom, #fff 0, #f1f1f1 100%);
|
|
background-image: -moz-linear-gradient(bottom, #fff 0, #f1f1f1 100%);
|
|
background-image: -webkit-linear-gradient(bottom, #fff 0, #f1f1f1 100%);
|
|
background-image: -ms-linear-gradient(bottom, #fff 0, #f1f1f1 100%);
|
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #f1f1f1))
|
|
}
|
|
|
|
div#da-content #da-sidebar #da-main-nav.da-button-container {
|
|
width: 174px
|
|
}
|
|
|
|
div#da-content #da-main-nav ul, div#da-content #da-main-nav ul li {
|
|
margin: 0;
|
|
list-style: none
|
|
}
|
|
|
|
div#da-content #da-main-nav ul {
|
|
border: 1px solid #cacaca;
|
|
background: #fff;
|
|
-webkit-border-radius: 4px;
|
|
-o-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px
|
|
}
|
|
|
|
div#da-content #da-main-nav ul li {
|
|
display: block;
|
|
border-top: 1px solid #fff;
|
|
border-bottom: 1px solid #cacaca;
|
|
background-color: #fdfdfd;
|
|
-webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1);
|
|
-o-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1);
|
|
-moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1);
|
|
box-shadow: inset 0 0 2px rgba(255, 255, 255, 1)
|
|
}
|
|
|
|
div#da-content #da-main-nav ul li:first-child {
|
|
border-top: 0;
|
|
-webkit-border-radius: 4px 4px 0 0;
|
|
-o-border-radius: 4px 4px 0 0;
|
|
-moz-border-radius: 4px 4px 0 0;
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
div#da-content #da-main-nav ul li:last-child {
|
|
border-bottom: 0;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
-o-border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px
|
|
}
|
|
|
|
|
|
div#da-content #da-main-nav ul li span.da-nav-count {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: -1px;
|
|
background: 0;
|
|
margin: 0;
|
|
font-size: 10px;
|
|
line-height: 1;
|
|
z-index: 100;
|
|
text-align: center;
|
|
background: #f0f0f0;
|
|
border: 1px solid #bbb;
|
|
min-width: 10px;
|
|
padding: 2px 4px;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
|
|
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
|
|
-o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
|
|
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
|
|
-webkit-border-radius: 0 0 2px 0;
|
|
-moz-border-radius: 0 0 2px 0;
|
|
-o-border-radius: 0 0 2px 0;
|
|
border-radius: 0 0 2px 0
|
|
}
|
|
|
|
div#da-content #da-main-nav ul li span.da-nav-icon {
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 32px;
|
|
height: 32px;
|
|
background: none !important;
|
|
position: absolute;
|
|
left: 8px;
|
|
top: 50%;
|
|
margin-top: -16px
|
|
}
|
|
|
|
div#da-content #da-main-nav ul li span.da-nav-icon img {
|
|
max-width: 24px;
|
|
max-height: 24px;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -12px;
|
|
margin-top: -12px
|
|
}
|
|
|
|
|
|
|
|
div#da-content #da-main-nav ul li ul.closed {
|
|
display: none
|
|
}
|
|
|
|
div#da-content #da-main-nav ul li ul li {
|
|
border: 0;
|
|
background: 0;
|
|
font-size: 12px;
|
|
-webkit-box-shadow: none;
|
|
-o-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
|
|
|
|
div#da-content #da-main-nav ul li ul li a, div#da-content #da-main-nav ul li ul li span {
|
|
padding: 6px 0;
|
|
padding-left: 48px;
|
|
background: none !important
|
|
}
|
|
|
|
div#da-content #da-content-wrap {
|
|
margin-left: 230px;
|
|
padding-bottom: 20px;
|
|
margin-top: 20px
|
|
}
|
|
|
|
div#da-content #da-content-wrap #da-content-area {
|
|
float: left;
|
|
width: 100%;
|
|
display: block
|
|
}
|
|
|
|
|
|
div#da-error-wrapper {
|
|
width: 320px;
|
|
padding: 30px 0;
|
|
margin: auto;
|
|
position: relative
|
|
}
|
|
|
|
div#da-error-wrapper .da-error-heading {
|
|
color: #e15656;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
font-family: Georgia, "Times New Roman", Times, serif
|
|
}
|
|
|
|
|
|
|
|
div#da-error-wrapper #da-error-pin {
|
|
width: 38px;
|
|
height: 38px;
|
|
display: block;
|
|
margin: auto;
|
|
margin-bottom: -27px;
|
|
z-index: 10;
|
|
position: relative;
|
|
background: url("../images/error-pin.png") no-repeat center center
|
|
}
|
|
|
|
|
|
|
|
div#da-error-wrapper #da-error-code {
|
|
width: 285px;
|
|
height: 170px;
|
|
padding: 127px 16px 0 16px;
|
|
position: relative;
|
|
margin: auto;
|
|
margin-bottom: 20px;
|
|
z-index: 5;
|
|
line-height: 1;
|
|
font-size: 32px;
|
|
text-align: center;
|
|
background: url("../images/error-hanger.png") no-repeat center center;
|
|
-webkit-transform-origin: center top;
|
|
-moz-transform-origin: center top;
|
|
transform-origin: center top;
|
|
-webkit-animation: error-swing infinite 2s ease-in-out alternate;
|
|
-moz-animation: error-swing infinite 2s ease-in-out alternate;
|
|
animation: error-swing infinite 2s ease-in-out alternate
|
|
}
|
|
|
|
div#da-error-wrapper #da-error-code span {
|
|
font-size: 96px;
|
|
display: block
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes error-swing {
|
|
0% {
|
|
-webkit-transform: rotate(1deg)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(-2deg)
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes error-swing {
|
|
0% {
|
|
-moz-transform: rotate(1deg)
|
|
}
|
|
100% {
|
|
-moz-transform: rotate(-2deg)
|
|
}
|
|
}
|
|
|
|
@keyframes error-swing {
|
|
0% {
|
|
transform: rotate(1deg)
|
|
}
|
|
100% {
|
|
transform: rotate(-2deg)
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|