git add stuff
This commit is contained in:
Alan
91
simpla/design/css/banners.css
Normal file
91
simpla/design/css/banners.css
Normal file
@@ -0,0 +1,91 @@
|
||||
.icons a.edit{ background-image: url(../images/pencil.png); }
|
||||
|
||||
#imageThumb{
|
||||
width:450px;
|
||||
min-height:180px;
|
||||
border:1px #9b9b9b dashed;
|
||||
background:#e5e5e5;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
|
||||
font:bold 40px Arial, Helvetica, sans-serif;
|
||||
color:#d6d6d6;
|
||||
text-shadow: 1px 0px 2px #9b9b9b;
|
||||
}
|
||||
#imageThumb span{
|
||||
display:block;
|
||||
font-size:14px;
|
||||
color:silver;
|
||||
text-shadow: 1px 0px 1px #ffffff;
|
||||
}
|
||||
#imageThumb img{
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:auto auto;
|
||||
margin-top:5px;
|
||||
max-width:440px;
|
||||
max-height:170px;
|
||||
}
|
||||
|
||||
a.button_yellow {
|
||||
display: block;
|
||||
float: right;
|
||||
height: 16px;
|
||||
text-decoration: none;
|
||||
padding: 5px 20px;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
|
||||
.cell.banner,
|
||||
.cell.group{
|
||||
width: 830px;
|
||||
text-align: center;
|
||||
}
|
||||
.banner_wrapper{
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
width: 450px;
|
||||
border: 15px solid #fff;
|
||||
box-shadow: 1px 1px 4px #B4B4B4;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.banner_wrapper .title{border-bottom:1px dashed #d0d0d0;}
|
||||
|
||||
.banner_wrapper .title a,
|
||||
.banner_wrapper .title a:visited{
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:-15px -15px 0 -15px;
|
||||
padding:5px 10px;
|
||||
font:bold 12px Arial;
|
||||
color: #ffffff;
|
||||
text-align:left;
|
||||
text-decoration:none;
|
||||
border-radius: 3px 3px 0 0;
|
||||
background:#595858;
|
||||
}
|
||||
.group .banner_wrapper .title span{
|
||||
display:block;
|
||||
padding:5px 0;
|
||||
font:normal 11px Arial;
|
||||
color:#777777;
|
||||
}
|
||||
.banner_wrapper img{
|
||||
max-width: 420px;
|
||||
max-height: 200px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.banner_wrapper .banner{
|
||||
margin:15px 0;
|
||||
}
|
||||
.banner_wrapper .tip{
|
||||
position:relative;
|
||||
margin:0 -10px -10px -10px;
|
||||
padding:5px;
|
||||
font:normal 12px monospace;
|
||||
color:#000000;
|
||||
border-top:1px dashed #8a8a8a;
|
||||
background:#e9e5e5;
|
||||
}
|
||||
295
simpla/design/css/main.css
Normal file
295
simpla/design/css/main.css
Normal file
@@ -0,0 +1,295 @@
|
||||
body{
|
||||
background-color: #858585;
|
||||
background-image: url(../images/bgd.png);
|
||||
background-repeat: repeat;
|
||||
color: #333333;
|
||||
font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
|
||||
|
||||
}
|
||||
body, html{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#main {
|
||||
width: 1000px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#main_menu {
|
||||
width: 100%;
|
||||
padding-top: 35px;
|
||||
font-size: 12px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
height: 90px;
|
||||
}
|
||||
#main_menu li {
|
||||
float: left;
|
||||
width: 9%;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#main_menu li b {
|
||||
text-decoration: underline;
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#main_menu a {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
#main_menu a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
#main_menu div.counter {
|
||||
margin-left: 70px;
|
||||
margin-top:-75px;
|
||||
}
|
||||
#main_menu div.counter span{
|
||||
color:white;
|
||||
font-size:11px;
|
||||
text-align:center;
|
||||
background-color:red;
|
||||
padding: 1px 1px 1px 2px;
|
||||
min-width: 13px;
|
||||
line-height: 14px;
|
||||
display: table-cell;
|
||||
border-radius:10px;
|
||||
-moz-border-radius:10px;
|
||||
}
|
||||
|
||||
#tab_menu {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: 2px;
|
||||
font-size: 17px;
|
||||
height: 36px;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
#tab_menu a {
|
||||
text-decoration: none;
|
||||
color: #F2F2F2;
|
||||
}
|
||||
#tab_menu li {
|
||||
float: left;
|
||||
}
|
||||
#tab_menu li a {
|
||||
height: 28px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
padding-top: 7px;
|
||||
margin-right: 15px;
|
||||
border-top: 1px solid #ffffff;
|
||||
border-right: 1px solid #ffffff;
|
||||
border-left: 1px solid #ffffff;
|
||||
text-shadow: 0px 1px 0px #fff;
|
||||
display: block;
|
||||
background: url(../images/tabs_bgd.jpg) 0 -29px;
|
||||
background-repeat: repeat-x;
|
||||
color: #404040;
|
||||
/*
|
||||
border-top-left-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
-khtml-border-top-left-radius: 5px;
|
||||
-webkit-border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-khtml-border-top-right-radius: 5px;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
*/
|
||||
|
||||
}
|
||||
#tab_menu li a:hover {
|
||||
border-top: 1px solid #ffffff;
|
||||
border-right: 1px solid #ffffff;
|
||||
border-left: 1px solid #ffffff;
|
||||
background-position: 0 -65px;
|
||||
}
|
||||
#tab_menu li.active a {
|
||||
border-top: 1px solid #ffffff;
|
||||
border-right: 1px solid #ffffff;
|
||||
border-left: 1px solid #ffffff;
|
||||
border-bottom:1px solid #f7f7f7;
|
||||
height: 28px;
|
||||
text-shadow: 0px 1px 0px #fff;
|
||||
background-position: 0 -101px;
|
||||
background-color: #f4f4f4;
|
||||
color: #000;
|
||||
overflow: hidden;
|
||||
}
|
||||
#tab_menu li.active a:hover {
|
||||
color: #505050;
|
||||
}
|
||||
|
||||
|
||||
/* Центральная часть страницы */
|
||||
#middle {
|
||||
width: 940px;
|
||||
min-height: 300px;
|
||||
padding: 30px;
|
||||
background-color: #f7f7f7;
|
||||
display: block;
|
||||
border-left: 1px solid #ffffff;
|
||||
border-right: 1px solid #ffffff;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
|
||||
#middle h1 {
|
||||
font-size: 27px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
color: #000;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#middle h2 {
|
||||
font-size: 22px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
color: #000;
|
||||
text-shadow: 0px 1px 0px #fff;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/* @group Заголовок правой части */
|
||||
#header{
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#header .add {
|
||||
display: block;
|
||||
float: left;
|
||||
width: auto;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
padding: 7px 17px 7px 33px;
|
||||
border: 1px solid #c0c0c0;
|
||||
color: #5e5e5e;
|
||||
background: #ffffff url(../images/plus.png) no-repeat 10px 6px;
|
||||
border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
-khtml-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
white-space: nowrap;
|
||||
margin-top: 3px;
|
||||
|
||||
}
|
||||
|
||||
.icons.cell a {
|
||||
|
||||
}
|
||||
|
||||
.icons.cell a:hover {
|
||||
background-color: #e3e3e3;
|
||||
}
|
||||
|
||||
.link-add {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
padding: 1px 3px 1px 20px !important;
|
||||
border: 1px solid #c0c0c0;
|
||||
color: #5e5e5e;
|
||||
background: #ffffff url(../images/plus.png) no-repeat 3px 3px;
|
||||
background-size: 12px;
|
||||
background-position: 3px center !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.link-add:hover {
|
||||
background-color: #e3e3e3;
|
||||
}
|
||||
|
||||
|
||||
#header .add:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
a { color: #000; }
|
||||
|
||||
.dash_link {
|
||||
cursor: pointer;
|
||||
border-bottom: 1px dotted #4D4D4D;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
color: #4D4D4D;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.move_zone {
|
||||
display: block;
|
||||
float: left;
|
||||
background-image: url(../images/move_zone.png);
|
||||
background-repeat: repeat;
|
||||
margin: 0px;
|
||||
cursor: move;
|
||||
width: 20px;
|
||||
height:16px;
|
||||
}
|
||||
|
||||
.button_green, .button_red, .button_yellow{
|
||||
height: 28px;
|
||||
color: #ffffff;
|
||||
font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
|
||||
background-color: #ffffff;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-khtml-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
.button_green:hover, .button_red:hover {
|
||||
background-position: 0 -29px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button_green {
|
||||
background-image: url(../images/but_green.jpg);
|
||||
border: 1px solid #459300;
|
||||
text-shadow: -1px -1px 0px #459300;
|
||||
}
|
||||
.button_red {
|
||||
background-image: url(../images/but_red.jpg);
|
||||
border: 1px solid #d00000;
|
||||
text-shadow: -1px -1px 0px #930000;
|
||||
}
|
||||
.button_yellow {
|
||||
background-image: url(../images/but_yellow.jpg);
|
||||
border: 1px solid #ffc600;
|
||||
text-shadow: -1px -1px 0px #e79800;
|
||||
}
|
||||
|
||||
#footer {
|
||||
height: 40px;
|
||||
margin-top: 30px;
|
||||
cursor: pointer;
|
||||
color: #ffffff;
|
||||
}
|
||||
#footer a{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
input[type=text] {font-size:13px;}
|
||||
|
||||
a.admin_bookmark
|
||||
{
|
||||
position:absolute;
|
||||
left:3%;
|
||||
top:0px;
|
||||
width: 12px;
|
||||
height: 35px;
|
||||
background-image: url('../images/bookmark.gif');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
31
simpla/design/css/reset.css
Normal file
31
simpla/design/css/reset.css
Normal file
@@ -0,0 +1,31 @@
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
1519
simpla/design/css/style.css
Normal file
1519
simpla/design/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
261
simpla/design/css/utils.css
Normal file
261
simpla/design/css/utils.css
Normal file
@@ -0,0 +1,261 @@
|
||||
.text-monospace {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;}
|
||||
.text-justify {text-align: justify !important;}
|
||||
.text-wrap {white-space: normal !important;}
|
||||
.text-nowrap {white-space: nowrap !important;}
|
||||
.text-truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
|
||||
.text-left {text-align: left !important;}
|
||||
.text-right {text-align: right !important;}
|
||||
.text-center {text-align: center !important;}
|
||||
.text-lowercase {text-transform: lowercase !important;}
|
||||
.text-uppercase {text-transform: uppercase !important;}
|
||||
.text-capitalize {text-transform: capitalize !important;}
|
||||
.text-hide {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
|
||||
.text-decoration-none {text-decoration: none !important;}
|
||||
.text-break {word-break: break-word !important;word-wrap: break-word !important;}
|
||||
.text-reset {color: inherit !important;}
|
||||
|
||||
.text-white {color: #fff !important;}
|
||||
.text-primary {color: #007bff !important;}
|
||||
a.text-primary:hover, a.text-primary:focus {color: #0056b3 !important;}
|
||||
.text-secondary {color: #6c757d !important;}
|
||||
a.text-secondary:hover, a.text-secondary:focus {color: #494f54 !important;}
|
||||
.text-success {color: #28a745 !important;}
|
||||
a.text-success:hover, a.text-success:focus {color: #19692c !important;}
|
||||
.text-info {color: #17a2b8 !important;}
|
||||
a.text-info:hover, a.text-info:focus {color: #0f6674 !important;}
|
||||
.text-warning {color: #ffc107 !important;}
|
||||
a.text-warning:hover, a.text-warning:focus {color: #ba8b00 !important;}
|
||||
.text-danger {color: #dc3545 !important;}
|
||||
a.text-danger:hover, a.text-danger:focus {color: #a71d2a !important;}
|
||||
.text-light {color: #f8f9fa !important;}
|
||||
a.text-light:hover, a.text-light:focus {color: #cbd3da !important;}
|
||||
.text-dark {color: #343a40 !important;}
|
||||
a.text-dark:hover, a.text-dark:focus {color: #121416 !important;}
|
||||
.text-body {color: #212529 !important;}
|
||||
.text-muted {color: #6c757d !important;}
|
||||
.text-black-50 {color: rgba(0, 0, 0, 0.5) !important;}
|
||||
.text-white-50 {color: rgba(255, 255, 255, 0.5) !important;}
|
||||
|
||||
.bg-white { background-color: #fff !important;}
|
||||
.rounded { border-radius: 1rem }
|
||||
|
||||
.w-25 { width: 25% !important;}
|
||||
.w-50 { width: 50% !important;}
|
||||
.w-75 { width: 75% !important;}
|
||||
.w-100 { width: 100% !important;}
|
||||
.w-auto { width: auto !important;}
|
||||
.h-25 { height: 25% !important;}
|
||||
.h-50 { height: 50% !important;}
|
||||
.h-75 { height: 75% !important;}
|
||||
.h-100 { height: 100% !important;}
|
||||
.h-auto { height: auto !important;}
|
||||
|
||||
.mw-100 { max-width: 100% !important;}
|
||||
.mh-100 { max-height: 100% !important;}
|
||||
.min-vw-100 { min-width: 100vw !important;}
|
||||
.min-vh-100 { min-height: 100vh !important;}
|
||||
.vw-100 { width: 100vw !important;}
|
||||
.vh-100 { height: 100vh !important;}
|
||||
|
||||
.m-0 { margin: 0 !important;}
|
||||
.mt-0, .my-0 { margin-top: 0 !important;}
|
||||
.mr-0, .mx-0 { margin-right: 0 !important;}
|
||||
.mb-0, .my-0 { margin-bottom: 0 !important;}
|
||||
.ml-0, .mx-0 { margin-left: 0 !important;}
|
||||
.m-1 { margin: 0.25rem !important;}
|
||||
.mt-1, .my-1 { margin-top: 0.25rem !important;}
|
||||
.mr-1, .mx-1 { margin-right: 0.25rem !important;}
|
||||
.mb-1, .my-1 { margin-bottom: 0.25rem !important;}
|
||||
.ml-1, .mx-1 { margin-left: 0.25rem !important;}
|
||||
.m-2 { margin: 0.5rem !important;}
|
||||
.mt-2, .my-2 { margin-top: 0.5rem !important;}
|
||||
.mr-2, .mx-2 { margin-right: 0.5rem !important;}
|
||||
.mb-2, .my-2 { margin-bottom: 0.5rem !important;}
|
||||
.ml-2, .mx-2 { margin-left: 0.5rem !important;}
|
||||
.m-3 {margin: 1rem !important;}
|
||||
.mt-3, .my-3 {margin-top: 1rem !important;}
|
||||
.mr-3, .mx-3 {margin-right: 1rem !important;}
|
||||
.mb-3, .my-3 {margin-bottom: 1rem !important;}
|
||||
.ml-3, .mx-3 {margin-left: 1rem !important;}
|
||||
.m-4 {margin: 1.5rem !important;}
|
||||
.mt-4, .my-4 {margin-top: 1.5rem !important;}
|
||||
.mr-4, .mx-4 {margin-right: 1.5rem !important;}
|
||||
.mb-4, .my-4 {margin-bottom: 1.5rem !important;}
|
||||
.ml-4, .mx-4 {margin-left: 1.5rem !important;}
|
||||
.m-5 {margin: 3rem !important;}
|
||||
.mt-5, .my-5 {margin-top: 3rem !important;}
|
||||
.mr-5, .mx-5 {margin-right: 3rem !important;}
|
||||
.mb-5, .my-5 {margin-bottom: 3rem !important;}
|
||||
.ml-5, .mx-5 {margin-left: 3rem !important;}
|
||||
|
||||
.p-0 {padding: 0 !important;}
|
||||
.pt-0,.py-0 {padding-top: 0 !important;}
|
||||
.pr-0,.px-0 {padding-right: 0 !important;}
|
||||
.pb-0,.py-0 {padding-bottom: 0 !important;}
|
||||
.pl-0,.px-0 {padding-left: 0 !important;}
|
||||
.p-1 {padding: 0.25rem !important;}
|
||||
.pt-1,.py-1 {padding-top: 0.25rem !important;}
|
||||
.pr-1,.px-1 {padding-right: 0.25rem !important;}
|
||||
.pb-1,.py-1 {padding-bottom: 0.25rem !important;}
|
||||
.pl-1,.px-1 {padding-left: 0.25rem !important;}
|
||||
.p-2 {padding: 0.5rem !important;}
|
||||
.pt-2,.py-2 {padding-top: 0.5rem !important;}
|
||||
.pr-2,.px-2 {padding-right: 0.5rem !important;}
|
||||
.pb-2,.py-2 {padding-bottom: 0.5rem !important;}
|
||||
.pl-2,.px-2 {padding-left: 0.5rem !important;}
|
||||
.p-3 {padding: 1rem !important;}
|
||||
.pt-3,.py-3 {padding-top: 1rem !important;}
|
||||
.pr-3,.px-3 {padding-right: 1rem !important;}
|
||||
.pb-3,.py-3 {padding-bottom: 1rem !important;}
|
||||
.pl-3,.px-3 {padding-left: 1rem !important;}
|
||||
.p-4 {padding: 1.5rem !important;}
|
||||
.pt-4,.py-4 {padding-top: 1.5rem !important;}
|
||||
.pr-4,.px-4 {padding-right: 1.5rem !important;}
|
||||
.pb-4,.py-4 {padding-bottom: 1.5rem !important;}
|
||||
.pl-4,.px-4 {padding-left: 1.5rem !important;}
|
||||
.p-5 {padding: 3rem !important;}
|
||||
.pt-5,.py-5 {padding-top: 3rem !important;}
|
||||
.pr-5,.px-5 {padding-right: 3rem !important;}
|
||||
.pb-5,.py-5 {padding-bottom: 3rem !important;}
|
||||
.pl-5,.px-5 {padding-left: 3rem !important;}
|
||||
|
||||
.m-n1 {margin: -0.25rem !important;}
|
||||
.mt-n1,.my-n1 {margin-top: -0.25rem !important;}
|
||||
.mr-n1,.mx-n1 {margin-right: -0.25rem !important;}
|
||||
.mb-n1,.my-n1 {margin-bottom: -0.25rem !important;}
|
||||
.ml-n1,.mx-n1 {margin-left: -0.25rem !important;}
|
||||
.m-n2 {margin: -0.5rem !important;}
|
||||
.mt-n2,.my-n2 {margin-top: -0.5rem !important;}
|
||||
.mr-n2,.mx-n2 {margin-right: -0.5rem !important;}
|
||||
.mb-n2,.my-n2 {margin-bottom: -0.5rem !important;}
|
||||
.ml-n2,.mx-n2 {margin-left: -0.5rem !important;}
|
||||
.m-n3 {margin: -1rem !important;}
|
||||
.mt-n3,.my-n3 {margin-top: -1rem !important;}
|
||||
.mr-n3,.mx-n3 {margin-right: -1rem !important;}
|
||||
.mb-n3,.my-n3 {margin-bottom: -1rem !important;}
|
||||
.ml-n3,.mx-n3 {margin-left: -1rem !important;}
|
||||
.m-n4 {margin: -1.5rem !important;}
|
||||
.mt-n4,.my-n4 {margin-top: -1.5rem !important;}
|
||||
.mr-n4,.mx-n4 {margin-right: -1.5rem !important;}
|
||||
.mb-n4,.my-n4 {margin-bottom: -1.5rem !important;}
|
||||
.ml-n4,.mx-n4 {margin-left: -1.5rem !important;}
|
||||
.m-n5 {margin: -3rem !important;}
|
||||
.mt-n5,.my-n5 {margin-top: -3rem !important;}
|
||||
.mr-n5,.mx-n5 {margin-right: -3rem !important;}
|
||||
.mb-n5,.my-n5 { margin-bottom: -3rem !important;}
|
||||
.ml-n5,.mx-n5 {margin-left: -3rem !important;}
|
||||
.m-auto {margin: auto !important;}
|
||||
.mt-auto,.my-auto {margin-top: auto !important;}
|
||||
.mr-auto,.mx-auto {margin-right: auto !important;}
|
||||
.mb-auto,.my-auto {margin-bottom: auto !important;}
|
||||
.ml-auto,.mx-auto {margin-left: auto !important;}
|
||||
|
||||
.clearfix::after {display: block;clear: both;content: "";}
|
||||
.float-left {float: left !important;}
|
||||
.float-right {float: right !important;}
|
||||
.float-none {float: none !important;}
|
||||
|
||||
.stretched-link::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";}
|
||||
.position-static {position: static !important;}
|
||||
.position-relative {position: relative !important;}
|
||||
.position-absolute {position: absolute !important;}
|
||||
.position-fixed {position: fixed !important;}
|
||||
|
||||
.d-inline {display: inline !important;}
|
||||
.d-inline-block {display: inline-block !important;}
|
||||
.d-block {display: block !important;}
|
||||
.d-grid {display: grid !important;}
|
||||
.d-table {display: table !important;}
|
||||
.d-table-row {display: table-row !important;}
|
||||
.d-table-cell {display: table-cell !important;}
|
||||
.d-flex {display: flex !important;}
|
||||
.d-inline-flex {display: inline-flex !important;}
|
||||
.d-none {display: none !important;}
|
||||
.display-none {display: none;}
|
||||
|
||||
.flex-row {flex-direction: row !important;}
|
||||
.flex-column {flex-direction: column !important;}
|
||||
.flex-row-reverse {flex-direction: row-reverse !important;}
|
||||
.flex-column-reverse {flex-direction: column-reverse !important;}
|
||||
.flex-wrap {flex-wrap: wrap !important;}
|
||||
.flex-nowrap {flex-wrap: nowrap !important;}
|
||||
.flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
|
||||
.flex-fill {flex: 1 1 auto !important;}
|
||||
.flex-grow-0 {flex-grow: 0 !important;}
|
||||
.flex-grow-1 {flex-grow: 1 !important;}
|
||||
.flex-shrink-0 {flex-shrink: 0 !important;}
|
||||
.flex-shrink-1 {flex-shrink: 1 !important;}
|
||||
.justify-content-start {justify-content: flex-start !important;}
|
||||
.justify-content-end {justify-content: flex-end !important;}
|
||||
.justify-content-center {justify-content: center !important;}
|
||||
.justify-content-between {justify-content: space-between !important;}
|
||||
.justify-content-around {justify-content: space-around !important;}
|
||||
.align-items-start {align-items: flex-start !important;}
|
||||
.align-items-end {align-items: flex-end !important;}
|
||||
.align-items-center {align-items: center !important;}
|
||||
.align-items-baseline {align-items: baseline !important;}
|
||||
.align-items-stretch {align-items: stretch !important;}
|
||||
.align-content-start {align-content: flex-start !important;}
|
||||
.align-content-end {align-content: flex-end !important;}
|
||||
.align-content-center {align-content: center !important;}
|
||||
.align-content-between {align-content: space-between !important;}
|
||||
.align-content-around {align-content: space-around !important;}
|
||||
.align-content-stretch {align-content: stretch !important;}
|
||||
.align-self-auto {align-self: auto !important;}
|
||||
.align-self-start {align-self: flex-start !important;}
|
||||
.align-self-end {align-self: flex-end !important;}
|
||||
.align-self-center {align-self: center !important;}
|
||||
.align-self-baseline {align-self: baseline !important;}
|
||||
.align-self-stretch {align-self: stretch !important;}
|
||||
|
||||
.border {border: 1px solid #dee2e6 !important;}
|
||||
.border-top {border-top: 1px solid #dee2e6 !important;}
|
||||
.border-right {border-right: 1px solid #dee2e6 !important;}
|
||||
.border-bottom {border-bottom: 1px solid #dee2e6 !important;}
|
||||
.border-left {border-left: 1px solid #dee2e6 !important;}
|
||||
.border-0 {border: 0 !important;}
|
||||
.border-top-0 {border-top: 0 !important;}
|
||||
.border-right-0 {border-right: 0 !important;}
|
||||
.border-dark {border-color: #aaa !important;}
|
||||
|
||||
.stretched-link::after { position: absolute; top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto;content: "";background-color: rgba(0, 0, 0, 0);}
|
||||
|
||||
/* autocomplete */
|
||||
.autocomplete-w1 {position:absolute; top:0px; left:0px; margin:6px 0 0 6px;}
|
||||
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; overflow:auto; min-width: 300px; margin:-2px 6px 6px -6px;}
|
||||
.autocomplete .selected { background:#F0F0F0; }
|
||||
.autocomplete div { padding:2px 5px; white-space:nowrap; }
|
||||
.autocomplete strong { font-weight:normal; color:#3399FF; }
|
||||
|
||||
.autocomplete-suggestions {
|
||||
overflow: auto;
|
||||
/*overflow-y: auto;*/
|
||||
min-width: 300px;
|
||||
border:1px solid #999;
|
||||
background: #fff;
|
||||
margin:-1px 0 0 0;
|
||||
}
|
||||
.autocomplete-suggestions strong { color:#3399FF; }
|
||||
.autocomplete-suggestion {
|
||||
cursor: pointer;
|
||||
margin:6px 5px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
/* формы */
|
||||
form .form-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
form .required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
.form-group label {
|
||||
width: 50%;
|
||||
}
|
||||
.form-group input[type=text] {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
Reference in New Issue
Block a user