orbit-basic/app/assets/stylesheets/desktop/desktop-component.css

407 lines
6.4 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;
}
.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.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;
}
.toolbar + .tinycanvas,
.s_tab + .tinycanvas {
height: 480px;
}