1
0
Fork 0
mirror of https://gitlab.com/Oreolek/salet-playground.git synced 2024-05-04 01:59:43 +03:00
salet-playground/css/jstinker.css
2017-02-22 20:16:39 +07:00

338 lines
6.2 KiB
CSS

body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
.btn .caret {
margin: 6px 0px 0px 3px;
float: right;
}
.editors {
margin: 0px 0px 0 217px;
padding: 10px;
position: relative;
background: #F6F6F6;
}
.top, .bottom {
width: 100%;
height: 50%;
overflow: hidden;
}
.editorContainer {
width: 49%;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.editor {
height: 400px;
width: 100%;
border: 1px #cecece solid;
}
.scrollable-menu {
height: auto;
max-height: 200px;
overflow-x: hidden;
}
#sidebar {
padding: 1em;
margin: 0;
font-size: 11px;
width: 217px;
position: absolute;
top: 51px;
left: 0;
background-color: #fff;
color: #444;
height: 100%;
}
.navbar-default {
background: #609B61;
border-color: #cecece;
border-radius: 0px;
border: none;
height: 44px;
margin-bottom: 0px;
}
.navbar-default .navbar-brand {
width: 217px;
margin-right: 0px;
color: #fff;
}
.navbar-default .navbar-brand:hover {
color: #cecece;
}
.navbar-default ul li {
background: #579357;
margin-right: 1px;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
color: #cecece;
}
.panel-group .panel {
border-radius: 0px;
border: none;
}
.panel-title {
font-size: 14px;
}
.panel-group .panel+.panel {
margin-top: 2px;
}
.panel-default>.panel-heading {
background-image: none;
}
.panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown, .panel .panel-heading{
text-align: center;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: none;
}
.btn-default {
background-image: none;
border-radius: 0px;
padding: 5px;
font-size: 12px;
width: 170px;
margin-bottom: 10px;
}
.dropdown-menu {
border-radius: 0px;
}
.add {
border: none;
width: 25px;
padding: 0px;
margin: 0px;
box-shadow: none;
}
Radio Check Labels
.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
padding-left: 25px;
font-size: 12px;
}
input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
margin-top: 5px;
margin-left: -25px;
border: none;
background-color: transparent;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
}
input[type="radio"]:focus,
.radio input[type="radio"]:focus,
.radio-inline input[type="radio"]:focus {
outline: none;
}
input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before,
input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
content: "";
display: block;
width: 18px;
height: 18px;
margin-top: -3px;
border-radius: 50%;
-webkit-transition: 240ms;
-o-transition: 240ms;
transition: 240ms;
}
input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before {
position: absolute;
left: 0;
top: 0;
background-color: #609B61;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
border: 2px solid #666666;
}
input[type="radio"]:checked:before,
.radio input[type="radio"]:checked:before,
.radio-inline input[type="radio"]:checked:before {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
input[type="radio"]:disabled:checked:before,
.radio input[type="radio"]:disabled:checked:before,
.radio-inline input[type="radio"]:disabled:checked:before {
background-color: #bbbbbb;
}
input[type="radio"]:checked:after,
.radio input[type="radio"]:checked:after,
.radio-inline input[type="radio"]:checked:after {
border-color: #579357;
}
input[type="radio"]:disabled:after,
.radio input[type="radio"]:disabled:after,
.radio-inline input[type="radio"]:disabled:after,
input[type="radio"]:disabled:checked:after,
.radio input[type="radio"]:disabled:checked:after,
.radio-inline input[type="radio"]:disabled:checked:after {
border-color: #bbbbbb;
}
input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
margin-left: -25px;
border: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
}
input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus,
.checkbox-inline input[type="checkbox"]:focus {
outline: none;
}
input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
content: "";
display: block;
width: 18px;
height: 18px;
margin-top: -2px;
margin-right: 5px;
border: 2px solid #666666;
border-radius: 2px;
-webkit-transition: 240ms;
-o-transition: 240ms;
transition: 240ms;
}
input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:checked:before {
content: "";
position: absolute;
top: 0;
left: 6px;
display: table;
width: 6px;
height: 12px;
border: 2px solid #fff;
border-top-width: 0;
border-left-width: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
background-color: #609B61;
border-color: #579357;
}
.leftside {
width: 49%;
height: 100%;
margin-right: 5px;
float: left;
}
.rightside {
width: 49%;
height: 100%;
float: left;
}
.extra {
text-align: left;
}
.chk_lbl {
font-size: 14px;
}
input, textarea {
width: 100%;
margin-bottom: 5px;
}
.ext_res {
width: 155px;
}
.langcontainer {
float: left;
width: 85px;
margin-bottom: 10px;
}
.langbutton {
float: left;
width: 85px;
margin: 0px;
}
.langright {
margin-left: 10px;
}