425 lines
6.8 KiB
CSS
425 lines
6.8 KiB
CSS
/* simple dropdown menu */
|
|
.sdm {
|
|
position: relative;
|
|
}
|
|
.sdm_t {
|
|
cursor: default;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.sdm:hover .sdm_o {
|
|
display: block;
|
|
}
|
|
.sdm_o {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 9;
|
|
left: 0;
|
|
top: 60px;
|
|
font-size: 15px;
|
|
}
|
|
.sdm_o li {
|
|
border-top: solid 1px #f2f2f2;
|
|
}
|
|
.sdm_o li:first-child {
|
|
border: none;
|
|
}
|
|
.sdm_o a {
|
|
display: block;
|
|
}
|
|
.sdm_o .admtxt {
|
|
display: block;
|
|
line-height: 36px;
|
|
}
|
|
|
|
/* simple dropdown menu with indicator */
|
|
.sdm_mdr .sdm_t {
|
|
padding-right: 12px;
|
|
}
|
|
.sdm_mdr .mdr {
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
/* simple menu */
|
|
.s_menu {
|
|
font-size: 15px;
|
|
line-height: 36px;
|
|
}
|
|
.s_menu li {
|
|
border-top: solid 1px #ddd;
|
|
}
|
|
.s_menu li:first-child {
|
|
border: none;
|
|
}
|
|
.s_menu a {
|
|
display: block;
|
|
}
|
|
|
|
/* simple tabs */
|
|
.s_tab {
|
|
font-size: 15px;
|
|
line-height: 36px;
|
|
}
|
|
.stb_h {}
|
|
.stb_v {}
|
|
.s_tab ul {
|
|
overflow: hidden;
|
|
}
|
|
.s_tab li {
|
|
float: left;
|
|
}
|
|
.s_tab a {
|
|
display: block;
|
|
}
|
|
.s_tab .admbg {
|
|
background-color: #f0f0f0;
|
|
}
|
|
.st_c {
|
|
display: none;
|
|
}
|
|
.st_c:first-child {
|
|
display: block;
|
|
}
|
|
|
|
/* simple form */
|
|
.s_form {
|
|
font-size: 15px;
|
|
}
|
|
.s_form li {
|
|
overflow: hidden;
|
|
padding: 6px;
|
|
margin-bottom: 12px;
|
|
position: relative;
|
|
}
|
|
.s_form .s_grid_row {
|
|
padding: 3px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.s_form label {
|
|
font-size: 13px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 100px;
|
|
margin-right: 24px;
|
|
color: #777;
|
|
}
|
|
.s_form input[type=text],
|
|
.s_form input[type=password],
|
|
.s_form textarea{
|
|
outline: solid 3px #f6f6f6;
|
|
border: solid 1px #eee;
|
|
font-size: 15px;
|
|
font-family: Arial !important;
|
|
margin: 0;
|
|
padding: 6px;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.s_form select {
|
|
font-family: Arial !important;
|
|
padding: 6px; height: auto;
|
|
}
|
|
.s_form input[type=file] {
|
|
margin: 0px;
|
|
vertical-align: baseline;
|
|
}
|
|
.s_form input[type=text]:focus,
|
|
.s_form input[type=password]:focus,
|
|
.s_form textarea:focus {
|
|
background-color: #333;
|
|
color: #fff;
|
|
}
|
|
.s_form textarea {
|
|
resize: none;
|
|
}
|
|
.check_box_g {
|
|
padding: 4px 8px;
|
|
outline: solid 1px #eee;
|
|
}
|
|
.check_box_g > label {
|
|
font-size: 15px;
|
|
display: block;
|
|
padding: 4px 0;
|
|
}
|
|
.check_box_g li {
|
|
margin: 0 6px 6px 0;
|
|
padding: 0;
|
|
}
|
|
.check_box_g li,
|
|
.check_box_g li > * {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.check_box_g label {
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
.check_box_g li label {
|
|
padding-left: 4px;
|
|
font-family: Arial;
|
|
}
|
|
.s_form .input_append {
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
right: 5px;
|
|
top: 5px;
|
|
display: block;
|
|
background-color: #fff;
|
|
}
|
|
.s_form.s_grid_con {
|
|
width: 416px;
|
|
}
|
|
.s_form .s_grid_row {
|
|
width: 410px;
|
|
}
|
|
.s_form .s_grid_row .s_grid:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.s_form input[type=text].s_grid,
|
|
.s_form input[type=passowrd].s_grid,
|
|
.s_form textarea.s_grid,
|
|
.s_form label.s_grid,
|
|
.s_form select.s_grid {
|
|
margin-left: 10px;
|
|
}
|
|
.s_form input[type=text].s_grid_1,
|
|
.s_form input[type=passowrd].s_grid_1,
|
|
.s_form textarea.s_grid_1 {
|
|
width: 46px;
|
|
}
|
|
.s_form input[type=text].s_grid_2,
|
|
.s_form input[type=passowrd].s_grid_2,
|
|
.s_form textarea.s_grid_2 {
|
|
width: 116px;
|
|
}
|
|
.s_form input[type=text].s_grid_3,
|
|
.s_form input[type=passowrd].s_grid_3,
|
|
.s_form textarea.s_grid_3 {
|
|
width: 186px;
|
|
}
|
|
.s_form input[type=text].s_grid_4,
|
|
.s_form input[type=passowrd].s_grid_4,
|
|
.s_form textarea.s_grid_4 {
|
|
width: 256px;
|
|
}
|
|
.s_form input[type=text].s_grid_5,
|
|
.s_form input[type=passowrd].s_grid_5,
|
|
.s_form textarea.s_grid_5 {
|
|
width: 326px;
|
|
}
|
|
.s_form input[type=text].s_grid_6,
|
|
.s_form input[type=passowrd].s_grid_6,
|
|
.s_form textarea.s_grid_6 {
|
|
width: 396px;
|
|
}
|
|
.s_form select.s_grid_1 {
|
|
width: 60px;
|
|
}
|
|
.s_form select.s_grid_2 {
|
|
width: 130px;
|
|
}
|
|
.s_form select.s_grid_3 {
|
|
width: 200px;
|
|
}
|
|
.s_form select.s_grid_4 {
|
|
width: 270px;
|
|
}
|
|
.s_form select.s_grid_5 {
|
|
width: 340px;
|
|
}
|
|
.s_form select.s_grid_6 {
|
|
width: 410px;
|
|
}
|
|
.s_form label.s_grid {
|
|
line-height: 34px;
|
|
}
|
|
.s_form select.s_grid {
|
|
height: 26px;
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.s_form textarea.full_height {
|
|
height: 436px;
|
|
}
|
|
.s_form .s_table {
|
|
width: 100%;
|
|
}
|
|
.s_form .s_table th,
|
|
.s_form .s_table td {
|
|
padding: 6px 0;
|
|
}
|
|
.s_form .s_table th {
|
|
text-align: left;
|
|
}
|
|
.s_form .s_table td {
|
|
vertical-align: middle;
|
|
}
|
|
.s_form .s_table thead th {
|
|
border-bottom: solid 1px #eee;
|
|
}
|
|
|
|
/* tool bar */
|
|
.toolbar {
|
|
background-color: #f0f0f0;
|
|
font-size: 15px;
|
|
line-height: 36px;
|
|
position: relative;
|
|
z-index: 9;
|
|
}
|
|
.toolbar .sdm, .toolbar .fn_g {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.toolbar .sdm_o {
|
|
top: 36px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
.toolbar button {
|
|
border: none;
|
|
outline: none;
|
|
padding: 0 16px;
|
|
margin: 0;
|
|
font-family: inherit;
|
|
font-size: 15px;
|
|
vertical-align: top;
|
|
}
|
|
.toolbar .fn_btn {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* tinygrid */
|
|
.s_grid_con {
|
|
width: 410px;
|
|
}
|
|
.s_grid_row {
|
|
overflow: hidden;
|
|
margin-bottom: 12px;
|
|
}
|
|
.s_grid_row .s_grid:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.s_grid {
|
|
float: left;
|
|
margin: 0 0 0 10px;
|
|
}
|
|
.s_grid_con .s_grid_1 {
|
|
width: 60px;
|
|
}
|
|
.s_grid_con .s_grid_2 {
|
|
width: 130px;
|
|
}
|
|
.s_grid_con .s_grid_3 {
|
|
width: 200px;
|
|
}
|
|
.s_grid_con .s_grid_4 {
|
|
width: 270px;
|
|
}
|
|
.s_grid_con .s_grid_5 {
|
|
width: 340px;
|
|
}
|
|
.s_grid_con .s_grid_6 {
|
|
width: 410px;
|
|
}
|
|
|
|
/* tiny scrollbar */
|
|
.tinycanvas {
|
|
overflow: hidden;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.tinycanvas .viewport {
|
|
width: auto;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.tinycanvas .overview {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
min-width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tinycanvas .track {
|
|
height: 100%;
|
|
width: 6px;
|
|
position: relative;
|
|
}
|
|
.tinycanvas .thumb {
|
|
height: 6px;
|
|
width: 6px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.tinycanvas .thumb .end {
|
|
overflow: hidden;
|
|
height: 6px;
|
|
width: 6px;
|
|
}
|
|
.noSelect {
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.tinycanvas .scrollbar {
|
|
position: absolute;
|
|
z-index: 9;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.3s ease;
|
|
-moz-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
.tinycanvas .scrollbar.dragging {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.tinycanvas .scrollbar.sb_h {
|
|
left: 0;
|
|
bottom: -6px;
|
|
height: 6px;
|
|
}
|
|
.tinycanvas .scrollbar.sb_v {
|
|
right: 0;
|
|
top: 0;
|
|
width: 6px;
|
|
}
|
|
.tinycanvas .scrollbar.disable,
|
|
.tinycanvas:hover .scrollbar.disable {
|
|
visibility: hidden !important;
|
|
}
|
|
.tinycanvas:hover .scrollbar {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.tinycanvas .overview > .column {
|
|
float: left;
|
|
border-left: solid 1px #eee;
|
|
padding: 0 12px;
|
|
height: 100%;
|
|
}
|
|
.tinycanvas .overview > .column:first-child {
|
|
padding-left: 0;
|
|
border-left: 0;
|
|
}
|
|
.tinycanvas .overview > .column > ul {
|
|
height: 100%;
|
|
}
|
|
.tinycanvas .overview > .column .datalist_item {
|
|
overflow: hidden;
|
|
}
|
|
.toolbar + .tinycanvas,
|
|
.s_tab + .tinycanvas {
|
|
height: 480px;
|
|
} |