mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-11 19:18:40 +00:00
95 lines
2.5 KiB
CSS
95 lines
2.5 KiB
CSS
/* Global */
|
|
/* Content Container */
|
|
/* Content box */
|
|
/* Navigation */
|
|
/* Colors */
|
|
/* Accordion */
|
|
/* Log */
|
|
/* Blockquote */
|
|
/* Breadcrumbs */
|
|
/* Input */
|
|
/* Button */
|
|
/* Canvas */
|
|
/* Article */
|
|
/* Form */
|
|
/* Icon */
|
|
/* Img */
|
|
/* list */
|
|
/* pagination */
|
|
/* pre */
|
|
/* tag */
|
|
.tabview .tab-links {
|
|
padding: 0.3rem 0 0 0; }
|
|
.tabview .tab-links label {
|
|
text-shadow: 1px 1px 1px #fff;
|
|
font-size: 0.9em;
|
|
cursor: pointer; }
|
|
.tabview .tab-links .active a {
|
|
cursor: default; }
|
|
.tabview .tab-links li {
|
|
display: inline-block; }
|
|
.tabview .tab-content > input {
|
|
display: none; }
|
|
.tabview .tab-content > input + div {
|
|
display: none; }
|
|
.tabview .tab-content > input:checked + div {
|
|
display: inherit; }
|
|
|
|
.tab-1 .tab-links {
|
|
margin: 0;
|
|
border-bottom: 1px solid #b7b7b7; }
|
|
.tab-1 .tab-links label {
|
|
padding: 5px 10px 1px 10px;
|
|
background: none;
|
|
overflow: auto; }
|
|
.tab-1 .tab-links .active, .tab-1 .tab-links .active label {
|
|
background: #fff;
|
|
border-bottom: 1px solid #fff; }
|
|
.tab-1 .tab-links .active label {
|
|
border-top: 1px solid #b7b7b7;
|
|
border-left: 1px solid #b7b7b7;
|
|
border-right: 1px solid #b7b7b7; }
|
|
.tab-1 .tab-links li {
|
|
margin: 0 5px 0 0; }
|
|
.tab-1 .tab-content {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
border-left: 1px solid #b7b7b7;
|
|
border-right: 1px solid #b7b7b7;
|
|
border-bottom: 1px solid #b7b7b7;
|
|
padding: 10px; }
|
|
.tab-1.left {
|
|
display: flex; }
|
|
.tab-1.left .tab-links {
|
|
margin: 0;
|
|
border: none; }
|
|
.tab-1.left .tab-links li {
|
|
display: block;
|
|
margin-bottom: 20px; }
|
|
.tab-1.left .tab-links label {
|
|
padding-bottom: 5px; }
|
|
.tab-1.left .tab-links .active label {
|
|
border-bottom: 1px solid #b7b7b7; }
|
|
.tab-1.left .tab-content {
|
|
width: 100%;
|
|
border-top: 1px solid #b7b7b7; }
|
|
|
|
.tab-2 .tab-links label {
|
|
padding: 5px 10px 5px 10px;
|
|
border: 1px solid transparent; }
|
|
.tab-2 .tab-links li {
|
|
margin: 0 5px 15px 0; }
|
|
.tab-2 .tab-links .active a, .tab-2 .tab-links .active label {
|
|
border: 1px solid #b7b7b7;
|
|
background: #fff;
|
|
background: -moz-linear-gradient(top, #fff 0, #f5f5ff 100);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100, #f5f5ff));
|
|
background: -webkit-linear-gradient(top, #fff 0, #f5f5ff 100);
|
|
background: -o-linear-gradient(top, #fff 0, #f5f5ff 100);
|
|
background: -ms-linear-gradient(top, #fff 0, #f5f5ff 100);
|
|
background: linear-gradient(to bottom, #fff 0, #f5f5ff 100); }
|
|
|
|
/*# sourceMappingURL=tab.css.map */
|