KiBot/kibot/resources/kiri/kiri.css

343 lines
6.5 KiB
CSS

html, body {
height : 100%;
margin : 0px;
font-size : 1em; /* Normalize view on firefox */
line-height : 1.5em; /* Normalize view on firefox */
caret-color: transparent;
}
.fill {
min-height: 100%;
height: 100%;
min-width: 100%;
width: 100%;
}
.no-gutters {
margin-right: 0px;
margin-left: 0px;
> .col,
> [class*="col-"] {
padding-right: 0px;
padding-left: 0px;
}
}
/* ==============================
Commits List
==============================
*/
.list-group-item {
user-select: none;
}
.list-group input[type="checkbox"] {
display: none;
}
.list-group input[type="checkbox"] + .list-group-item {
background-color: #222;
color: #dbdbdb;
font-family: monospace;
padding: 1px;
margin: 4px;
border-radius: 5px;
}
.list-group input[type="checkbox"] + .list-group-item:before {
color: transparent;
font-weight: bold;
}
.list-group input[type="checkbox"]:checked + .list-group-item {
background-color: #111;
color: #fff;
border-radius: 5px;
}
.list-group input[type="checkbox"]:checked + .list-group-item:before {
color: inherit;
}
/* ==============================
Scrollbar
==============================
*/
.scrollbox {
overflow: auto;
visibility: hidden;
}
.scrollbox-content,
.scrollbox:hover,
.scrollbox:focus {
visibility: visible;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background: rgba(90, 90, 90);
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
/* ==============================
Toolbar buttons
==============================
*/
.btn-group input[type="radio"] {
display: none;
}
.btn-group input[type="radio"] + .btn-group-item {
font-family: monospace;
}
.btn-group input[type="radio"] + .btn-group-item:before {
}
/* ==============================
Layers List
==============================
*/
.list-group input[type="radio"] {
display: none;
}
.list-group input[type="radio"] + .list-group-item {
background-color: #222222;
color: #dbdbdb;
font-family: monospace;
padding: 2px;
margin: 4px;
}
.list-group input[type="radio"] + .list-group-item:before {
color: transparent;
font-weight: bold;
}
.list-group input[type="radio"]:checked + .list-group-item {
background-color: #111111;
color: #FFF;
}
.list-group input[type="radio"]:checked + .list-group-item:before {
color: inherit;
}
/* ==============================
==============================
*/
#diff-container {
/* border: 1px solid #111;*/
margin-top: 15px;
background-color: #222;
border-radius: 5px;
}
#svg-id {
/* border: 1px solid #111;*/
margin-top: 15px;
background-color: #222;
border-radius: 5px;
}
/* ==============================
Layers colors
==============================
*/
.F_Cu {
filter : invert(28%) sepia(50%) saturate(2065%) hue-rotate(334deg) brightness(73%) contrast(97%);
}
.In1_Cu {
filter : invert(69%) sepia(39%) saturate(1246%) hue-rotate(17deg) brightness(97%) contrast(104%);
}
.In2_Cu {
filter : invert(14%) sepia(79%) saturate(5231%) hue-rotate(293deg) brightness(91%) contrast(119%);
}
.In3_Cu {
filter : invert(14%) sepia(79%) saturate(5231%) hue-rotate(293deg) brightness(91%) contrast(119%);
}
.In4_Cu {
filter : invert(14%) sepia(79%) saturate(5231%) hue-rotate(293deg) brightness(91%) contrast(119%);
}
.B_Cu {
filter : invert(44%) sepia(14%) saturate(2359%) hue-rotate(70deg) brightness(103%) contrast(82%);
}
.F_Mask {
filter : invert(27%) sepia(51%) saturate(1920%) hue-rotate(269deg) brightness(89%) contrast(96%);
}
.B_Mask {
filter : invert(22%) sepia(56%) saturate(2652%) hue-rotate(277deg) brightness(94%) contrast(87%);
}
.F_Paste {
filter : invert(57%) sepia(60%) saturate(6%) hue-rotate(314deg) brightness(92%) contrast(99%);
}
.B_Paste {
filter : invert(91%) sepia(47%) saturate(4033%) hue-rotate(139deg) brightness(82%) contrast(91%);
}
.F_SilkS {
filter : invert(46%) sepia(44%) saturate(587%) hue-rotate(132deg) brightness(101%) contrast(85%);
}
.B_SilkS {
filter : invert(14%) sepia(27%) saturate(2741%) hue-rotate(264deg) brightness(95%) contrast(102%);
}
.Edge_Cuts {
filter : invert(79%) sepia(79%) saturate(401%) hue-rotate(6deg) brightness(88%) contrast(88%);
}
.Margin {
filter : invert(74%) sepia(71%) saturate(5700%) hue-rotate(268deg) brightness(89%) contrast(84%);
}
.Dwgs_User {
filter : invert(40%) sepia(68%) saturate(7431%) hue-rotate(203deg) brightness(89%) contrast(98%);
}
.Cmts_User {
filter : invert(73%) sepia(10%) saturate(1901%) hue-rotate(171deg) brightness(95%) contrast(102%);
}
.Eco1_User {
filter : invert(25%) sepia(98%) saturate(2882%) hue-rotate(109deg) brightness(90%) contrast(104%);
}
.Eco2_User {
filter : invert(85%) sepia(21%) saturate(5099%) hue-rotate(12deg) brightness(91%) contrast(102%);
}
.F_Fab {
filter : invert(71%) sepia(21%) saturate(4662%) hue-rotate(21deg) brightness(103%) contrast(100%);
}
.B_Fab {
filter : invert(60%) sepia(0%) saturate(0%) hue-rotate(253deg) brightness(87%) contrast(90%);
}
.F_Adhes {
filter : invert(38%) sepia(49%) saturate(1009%) hue-rotate(254deg) brightness(88%) contrast(86%);
}
.B_Adhes {
filter : invert(24%) sepia(48%) saturate(2586%) hue-rotate(218deg) brightness(88%) contrast(92%);
}
.F_CrtYd {
filter : invert(73%) sepia(1%) saturate(0%) hue-rotate(116deg) brightness(92%) contrast(91%);
}
.B_CrtYd {
filter : invert(79%) sepia(92%) saturate(322%) hue-rotate(3deg) brightness(89%) contrast(92%);
}
/* ==============================
** ============================*/
.ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
}
label#layers, label#pages {
margin-top: 0px;
margin-bottom: 4px;
white-space: nowrap;
width: 180px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align:top;
}
#server_offline {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.8);
z-index: 2;
cursor: pointer;
}
/* ==============================
** ============================*/
a:link {
color: #28a745;
}
a:visited {
color: #28a745;
}
a:hover {
color: #28a745;
}
a:active {
color: #28a745;
}
#commit1_legend_hash {
color: #28a745;
}
#commit2_legend_hash {
color: #28a745;
}
/* ==============================
** ============================*/
.hidden_iframe {
position:absolute; top:-1px; left:-1px; width:1px; height:1px;
display: none;
}
.shortcut_col {
width: 150px;
text-align: right;
padding-right: 15px;
}
.modal-content {
background: #333;
}
hr {
background-color: white;
height: 1px;
border: 0;
}