robo-bo
2 years ago
parent
dde4dc3bcf
commit
c2d82ec6d7
File diff suppressed because it is too large
Load Diff
@ -1,157 +0,0 @@
|
|||||||
/*
|
|
||||||
* # Semantic UI - 2.4.2
|
|
||||||
* https://github.com/Semantic-Org/Semantic-UI
|
|
||||||
* http://www.semantic-ui.com/
|
|
||||||
*
|
|
||||||
* Copyright 2014 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/*!
|
|
||||||
* # Semantic UI - Container
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Container
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* All Sizes */
|
|
||||||
.ui.container {
|
|
||||||
display: block;
|
|
||||||
max-width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile */
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.ui.container {
|
|
||||||
width: auto !important;
|
|
||||||
margin-left: 1em !important;
|
|
||||||
margin-right: 1em !important;
|
|
||||||
}
|
|
||||||
.ui.grid.container {
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
.ui.relaxed.grid.container {
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
.ui.very.relaxed.grid.container {
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tablet */
|
|
||||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
||||||
.ui.container {
|
|
||||||
width: 723px;
|
|
||||||
margin-left: auto !important;
|
|
||||||
margin-right: auto !important;
|
|
||||||
}
|
|
||||||
.ui.grid.container {
|
|
||||||
width: calc( 723px + 2rem ) !important;
|
|
||||||
}
|
|
||||||
.ui.relaxed.grid.container {
|
|
||||||
width: calc( 723px + 3rem ) !important;
|
|
||||||
}
|
|
||||||
.ui.very.relaxed.grid.container {
|
|
||||||
width: calc( 723px + 5rem ) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Small Monitor */
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
||||||
.ui.container {
|
|
||||||
width: 933px;
|
|
||||||
margin-left: auto !important;
|
|
||||||
margin-right: auto !important;
|
|
||||||
}
|
|
||||||
.ui.grid.container {
|
|
||||||
width: calc( 933px + 2rem ) !important;
|
|
||||||
}
|
|
||||||
.ui.relaxed.grid.container {
|
|
||||||
width: calc( 933px + 3rem ) !important;
|
|
||||||
}
|
|
||||||
.ui.very.relaxed.grid.container {
|
|
||||||
width: calc( 933px + 5rem ) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Large Monitor */
|
|
||||||
@media only screen and (min-width: 1200px) {
|
|
||||||
.ui.container {
|
|
||||||
width: 1127px;
|
|
||||||
margin-left: auto !important;
|
|
||||||
margin-right: auto !important;
|
|
||||||
}
|
|
||||||
.ui.grid.container {
|
|
||||||
width: calc( 1127px + 2rem ) !important;
|
|
||||||
}
|
|
||||||
.ui.relaxed.grid.container {
|
|
||||||
width: calc( 1127px + 3rem ) !important;
|
|
||||||
}
|
|
||||||
.ui.very.relaxed.grid.container {
|
|
||||||
width: calc( 1127px + 5rem ) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Types
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Text Container */
|
|
||||||
.ui.text.container {
|
|
||||||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
||||||
max-width: 700px !important;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
.ui.text.container {
|
|
||||||
font-size: 1.14285714rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fluid */
|
|
||||||
.ui.fluid.container {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui[class*="left aligned"].container {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.ui[class*="center aligned"].container {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.ui[class*="right aligned"].container {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.ui.justified.container {
|
|
||||||
text-align: justify;
|
|
||||||
-webkit-hyphens: auto;
|
|
||||||
-ms-hyphens: auto;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@ -1,270 +0,0 @@
|
|||||||
/*
|
|
||||||
* # Semantic UI - 2.4.2
|
|
||||||
* https://github.com/Semantic-Org/Semantic-UI
|
|
||||||
* http://www.semantic-ui.com/
|
|
||||||
*
|
|
||||||
* Copyright 2014 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/*!
|
|
||||||
* # Semantic UI - Divider
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Divider
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.divider {
|
|
||||||
margin: 1rem 0rem;
|
|
||||||
line-height: 1;
|
|
||||||
height: 0em;
|
|
||||||
font-weight: bold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
color: rgba(0, 0, 0, 0.85);
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Basic
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.divider:not(.vertical):not(.horizontal) {
|
|
||||||
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Coupling
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Allow divider between each column row */
|
|
||||||
.ui.grid > .column + .divider,
|
|
||||||
.ui.grid > .row > .column + .divider {
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Horizontal
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.horizontal.divider {
|
|
||||||
display: table;
|
|
||||||
white-space: nowrap;
|
|
||||||
height: auto;
|
|
||||||
margin: '';
|
|
||||||
line-height: 1;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.ui.horizontal.divider:before,
|
|
||||||
.ui.horizontal.divider:after {
|
|
||||||
content: '';
|
|
||||||
display: table-cell;
|
|
||||||
position: relative;
|
|
||||||
top: 50%;
|
|
||||||
width: 50%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.ui.horizontal.divider:before {
|
|
||||||
background-position: right 1em top 50%;
|
|
||||||
}
|
|
||||||
.ui.horizontal.divider:after {
|
|
||||||
background-position: left 1em top 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Vertical
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.vertical.divider {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 2;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
margin: 0rem;
|
|
||||||
padding: 0em;
|
|
||||||
width: auto;
|
|
||||||
height: 50%;
|
|
||||||
line-height: 0em;
|
|
||||||
text-align: center;
|
|
||||||
-webkit-transform: translateX(-50%);
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
.ui.vertical.divider:before,
|
|
||||||
.ui.vertical.divider:after {
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
content: '';
|
|
||||||
z-index: 3;
|
|
||||||
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
width: 0%;
|
|
||||||
height: calc(100% - 1rem );
|
|
||||||
}
|
|
||||||
.ui.vertical.divider:before {
|
|
||||||
top: -100%;
|
|
||||||
}
|
|
||||||
.ui.vertical.divider:after {
|
|
||||||
top: auto;
|
|
||||||
bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inside grid */
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.ui.stackable.grid .ui.vertical.divider,
|
|
||||||
.ui.grid .stackable.row .ui.vertical.divider {
|
|
||||||
display: table;
|
|
||||||
white-space: nowrap;
|
|
||||||
height: auto;
|
|
||||||
margin: '';
|
|
||||||
overflow: hidden;
|
|
||||||
line-height: 1;
|
|
||||||
text-align: center;
|
|
||||||
position: static;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
-webkit-transform: none;
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
.ui.stackable.grid .ui.vertical.divider:before,
|
|
||||||
.ui.grid .stackable.row .ui.vertical.divider:before,
|
|
||||||
.ui.stackable.grid .ui.vertical.divider:after,
|
|
||||||
.ui.grid .stackable.row .ui.vertical.divider:after {
|
|
||||||
position: static;
|
|
||||||
left: 0;
|
|
||||||
border-left: none;
|
|
||||||
border-right: none;
|
|
||||||
content: '';
|
|
||||||
display: table-cell;
|
|
||||||
position: relative;
|
|
||||||
top: 50%;
|
|
||||||
width: 50%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.ui.stackable.grid .ui.vertical.divider:before,
|
|
||||||
.ui.grid .stackable.row .ui.vertical.divider:before {
|
|
||||||
background-position: right 1em top 50%;
|
|
||||||
}
|
|
||||||
.ui.stackable.grid .ui.vertical.divider:after,
|
|
||||||
.ui.grid .stackable.row .ui.vertical.divider:after {
|
|
||||||
background-position: left 1em top 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Icon
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.divider > .icon {
|
|
||||||
margin: 0rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
height: 1em;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Hidden
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.hidden.divider {
|
|
||||||
border-color: transparent !important;
|
|
||||||
}
|
|
||||||
.ui.hidden.divider:before,
|
|
||||||
.ui.hidden.divider:after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Inverted
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.divider.inverted,
|
|
||||||
.ui.vertical.inverted.divider,
|
|
||||||
.ui.horizontal.inverted.divider {
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
.ui.divider.inverted,
|
|
||||||
.ui.divider.inverted:after,
|
|
||||||
.ui.divider.inverted:before {
|
|
||||||
border-top-color: rgba(34, 36, 38, 0.15) !important;
|
|
||||||
border-left-color: rgba(34, 36, 38, 0.15) !important;
|
|
||||||
border-bottom-color: rgba(255, 255, 255, 0.15) !important;
|
|
||||||
border-right-color: rgba(255, 255, 255, 0.15) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Fitted
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.fitted.divider {
|
|
||||||
margin: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Clearing
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.clearing.divider {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Section
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.section.divider {
|
|
||||||
margin-top: 2rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Sizes
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.divider {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.horizontal.divider:before,
|
|
||||||
.ui.horizontal.divider:after {
|
|
||||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.ui.stackable.grid .ui.vertical.divider:before,
|
|
||||||
.ui.grid .stackable.row .ui.vertical.divider:before,
|
|
||||||
.ui.stackable.grid .ui.vertical.divider:after,
|
|
||||||
.ui.grid .stackable.row .ui.vertical.divider:after {
|
|
||||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,320 +0,0 @@
|
|||||||
/*
|
|
||||||
* # Semantic UI - 2.4.2
|
|
||||||
* https://github.com/Semantic-Org/Semantic-UI
|
|
||||||
* http://www.semantic-ui.com/
|
|
||||||
*
|
|
||||||
* Copyright 2014 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/*!
|
|
||||||
* # Semantic UI - Image
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Image
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.image {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
max-width: 100%;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
img.ui.image {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.ui.image svg,
|
|
||||||
.ui.image img {
|
|
||||||
display: block;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
States
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.hidden.images,
|
|
||||||
.ui.hidden.image {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.ui.hidden.transition.images,
|
|
||||||
.ui.hidden.transition.image {
|
|
||||||
display: block;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
.ui.images > .hidden.transition {
|
|
||||||
display: inline-block;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
.ui.disabled.images,
|
|
||||||
.ui.disabled.image {
|
|
||||||
cursor: default;
|
|
||||||
opacity: 0.45;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Inline
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.inline.image,
|
|
||||||
.ui.inline.image svg,
|
|
||||||
.ui.inline.image img {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------
|
|
||||||
Vertical Aligned
|
|
||||||
-------------------*/
|
|
||||||
|
|
||||||
.ui.top.aligned.images .image,
|
|
||||||
.ui.top.aligned.image,
|
|
||||||
.ui.top.aligned.image svg,
|
|
||||||
.ui.top.aligned.image img {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.ui.middle.aligned.images .image,
|
|
||||||
.ui.middle.aligned.image,
|
|
||||||
.ui.middle.aligned.image svg,
|
|
||||||
.ui.middle.aligned.image img {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.ui.bottom.aligned.images .image,
|
|
||||||
.ui.bottom.aligned.image,
|
|
||||||
.ui.bottom.aligned.image svg,
|
|
||||||
.ui.bottom.aligned.image img {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Rounded
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.rounded.images .image,
|
|
||||||
.ui.rounded.image,
|
|
||||||
.ui.rounded.images .image > *,
|
|
||||||
.ui.rounded.image > * {
|
|
||||||
border-radius: 0.3125em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Bordered
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.bordered.images .image,
|
|
||||||
.ui.bordered.images img,
|
|
||||||
.ui.bordered.images svg,
|
|
||||||
.ui.bordered.image img,
|
|
||||||
.ui.bordered.image svg,
|
|
||||||
img.ui.bordered.image {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Circular
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.circular.images,
|
|
||||||
.ui.circular.image {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.ui.circular.images .image,
|
|
||||||
.ui.circular.image,
|
|
||||||
.ui.circular.images .image > *,
|
|
||||||
.ui.circular.image > * {
|
|
||||||
border-radius: 500rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Fluid
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.fluid.images,
|
|
||||||
.ui.fluid.image,
|
|
||||||
.ui.fluid.images img,
|
|
||||||
.ui.fluid.images svg,
|
|
||||||
.ui.fluid.image svg,
|
|
||||||
.ui.fluid.image img {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Avatar
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.avatar.images .image,
|
|
||||||
.ui.avatar.images img,
|
|
||||||
.ui.avatar.images svg,
|
|
||||||
.ui.avatar.image img,
|
|
||||||
.ui.avatar.image svg,
|
|
||||||
.ui.avatar.image {
|
|
||||||
margin-right: 0.25em;
|
|
||||||
display: inline-block;
|
|
||||||
width: 2em;
|
|
||||||
height: 2em;
|
|
||||||
border-radius: 500rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Spaced
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.spaced.image {
|
|
||||||
display: inline-block !important;
|
|
||||||
margin-left: 0.5em;
|
|
||||||
margin-right: 0.5em;
|
|
||||||
}
|
|
||||||
.ui[class*="left spaced"].image {
|
|
||||||
margin-left: 0.5em;
|
|
||||||
margin-right: 0em;
|
|
||||||
}
|
|
||||||
.ui[class*="right spaced"].image {
|
|
||||||
margin-left: 0em;
|
|
||||||
margin-right: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Floated
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.floated.image,
|
|
||||||
.ui.floated.images {
|
|
||||||
float: left;
|
|
||||||
margin-right: 1em;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
.ui.right.floated.images,
|
|
||||||
.ui.right.floated.image {
|
|
||||||
float: right;
|
|
||||||
margin-right: 0em;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
margin-left: 1em;
|
|
||||||
}
|
|
||||||
.ui.floated.images:last-child,
|
|
||||||
.ui.floated.image:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
.ui.centered.images,
|
|
||||||
.ui.centered.image {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Sizes
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.mini.images .image,
|
|
||||||
.ui.mini.images img,
|
|
||||||
.ui.mini.images svg,
|
|
||||||
.ui.mini.image {
|
|
||||||
width: 35px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 0.78571429rem;
|
|
||||||
}
|
|
||||||
.ui.tiny.images .image,
|
|
||||||
.ui.tiny.images img,
|
|
||||||
.ui.tiny.images svg,
|
|
||||||
.ui.tiny.image {
|
|
||||||
width: 80px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 0.85714286rem;
|
|
||||||
}
|
|
||||||
.ui.small.images .image,
|
|
||||||
.ui.small.images img,
|
|
||||||
.ui.small.images svg,
|
|
||||||
.ui.small.image {
|
|
||||||
width: 150px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 0.92857143rem;
|
|
||||||
}
|
|
||||||
.ui.medium.images .image,
|
|
||||||
.ui.medium.images img,
|
|
||||||
.ui.medium.images svg,
|
|
||||||
.ui.medium.image {
|
|
||||||
width: 300px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.ui.large.images .image,
|
|
||||||
.ui.large.images img,
|
|
||||||
.ui.large.images svg,
|
|
||||||
.ui.large.image {
|
|
||||||
width: 450px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 1.14285714rem;
|
|
||||||
}
|
|
||||||
.ui.big.images .image,
|
|
||||||
.ui.big.images img,
|
|
||||||
.ui.big.images svg,
|
|
||||||
.ui.big.image {
|
|
||||||
width: 600px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 1.28571429rem;
|
|
||||||
}
|
|
||||||
.ui.huge.images .image,
|
|
||||||
.ui.huge.images img,
|
|
||||||
.ui.huge.images svg,
|
|
||||||
.ui.huge.image {
|
|
||||||
width: 800px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 1.42857143rem;
|
|
||||||
}
|
|
||||||
.ui.massive.images .image,
|
|
||||||
.ui.massive.images img,
|
|
||||||
.ui.massive.images svg,
|
|
||||||
.ui.massive.image {
|
|
||||||
width: 960px;
|
|
||||||
height: auto;
|
|
||||||
font-size: 1.71428571rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Groups
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.images {
|
|
||||||
font-size: 0em;
|
|
||||||
margin: 0em -0.25rem 0rem;
|
|
||||||
}
|
|
||||||
.ui.images .image,
|
|
||||||
.ui.images > img,
|
|
||||||
.ui.images > svg {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0em 0.25rem 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@ -1,963 +0,0 @@
|
|||||||
/*
|
|
||||||
* # Semantic UI - 2.4.2
|
|
||||||
* https://github.com/Semantic-Org/Semantic-UI
|
|
||||||
* http://www.semantic-ui.com/
|
|
||||||
*
|
|
||||||
* Copyright 2014 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/*!
|
|
||||||
* # Semantic UI - List
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
List
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
ul.ui.list,
|
|
||||||
ol.ui.list,
|
|
||||||
.ui.list {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 1em 0em;
|
|
||||||
padding: 0em 0em;
|
|
||||||
}
|
|
||||||
ul.ui.list:first-child,
|
|
||||||
ol.ui.list:first-child,
|
|
||||||
.ui.list:first-child {
|
|
||||||
margin-top: 0em;
|
|
||||||
padding-top: 0em;
|
|
||||||
}
|
|
||||||
ul.ui.list:last-child,
|
|
||||||
ol.ui.list:last-child,
|
|
||||||
.ui.list:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
padding-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Content
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* List Item */
|
|
||||||
ul.ui.list li,
|
|
||||||
ol.ui.list li,
|
|
||||||
.ui.list > .item,
|
|
||||||
.ui.list .list > .item {
|
|
||||||
display: list-item;
|
|
||||||
table-layout: fixed;
|
|
||||||
list-style-type: none;
|
|
||||||
list-style-position: outside;
|
|
||||||
padding: 0.21428571em 0em;
|
|
||||||
line-height: 1.14285714em;
|
|
||||||
}
|
|
||||||
ul.ui.list > li:first-child:after,
|
|
||||||
ol.ui.list > li:first-child:after,
|
|
||||||
.ui.list > .list > .item,
|
|
||||||
.ui.list > .item:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
height: 0;
|
|
||||||
clear: both;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
ul.ui.list li:first-child,
|
|
||||||
ol.ui.list li:first-child,
|
|
||||||
.ui.list .list > .item:first-child,
|
|
||||||
.ui.list > .item:first-child {
|
|
||||||
padding-top: 0em;
|
|
||||||
}
|
|
||||||
ul.ui.list li:last-child,
|
|
||||||
ol.ui.list li:last-child,
|
|
||||||
.ui.list .list > .item:last-child,
|
|
||||||
.ui.list > .item:last-child {
|
|
||||||
padding-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Child List */
|
|
||||||
ul.ui.list ul,
|
|
||||||
ol.ui.list ol,
|
|
||||||
.ui.list .list {
|
|
||||||
clear: both;
|
|
||||||
margin: 0em;
|
|
||||||
padding: 0.75em 0em 0.25em 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Child Item */
|
|
||||||
ul.ui.list ul li,
|
|
||||||
ol.ui.list ol li,
|
|
||||||
.ui.list .list > .item {
|
|
||||||
padding: 0.14285714em 0em;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Icon */
|
|
||||||
.ui.list .list > .item > i.icon,
|
|
||||||
.ui.list > .item > i.icon {
|
|
||||||
display: table-cell;
|
|
||||||
margin: 0em;
|
|
||||||
padding-top: 0em;
|
|
||||||
padding-right: 0.28571429em;
|
|
||||||
vertical-align: top;
|
|
||||||
-webkit-transition: color 0.1s ease;
|
|
||||||
transition: color 0.1s ease;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item > i.icon:only-child,
|
|
||||||
.ui.list > .item > i.icon:only-child {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Image */
|
|
||||||
.ui.list .list > .item > .image,
|
|
||||||
.ui.list > .item > .image {
|
|
||||||
display: table-cell;
|
|
||||||
background-color: transparent;
|
|
||||||
margin: 0em;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item > .image:not(:only-child):not(img),
|
|
||||||
.ui.list > .item > .image:not(:only-child):not(img) {
|
|
||||||
padding-right: 0.5em;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item > .image img,
|
|
||||||
.ui.list > .item > .image img {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item > img.image,
|
|
||||||
.ui.list .list > .item > .image:only-child,
|
|
||||||
.ui.list > .item > img.image,
|
|
||||||
.ui.list > .item > .image:only-child {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Content */
|
|
||||||
.ui.list .list > .item > .content,
|
|
||||||
.ui.list > .item > .content {
|
|
||||||
line-height: 1.14285714em;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item > .image + .content,
|
|
||||||
.ui.list .list > .item > .icon + .content,
|
|
||||||
.ui.list > .item > .image + .content,
|
|
||||||
.ui.list > .item > .icon + .content {
|
|
||||||
display: table-cell;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0em 0em 0em 0.5em;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item > img.image + .content,
|
|
||||||
.ui.list > .item > img.image + .content {
|
|
||||||
display: inline-block;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item > .content > .list,
|
|
||||||
.ui.list > .item > .content > .list {
|
|
||||||
margin-left: 0em;
|
|
||||||
padding-left: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header */
|
|
||||||
.ui.list .list > .item .header,
|
|
||||||
.ui.list > .item .header {
|
|
||||||
display: block;
|
|
||||||
margin: 0em;
|
|
||||||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Description */
|
|
||||||
.ui.list .list > .item .description,
|
|
||||||
.ui.list > .item .description {
|
|
||||||
display: block;
|
|
||||||
color: rgba(0, 0, 0, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Child Link */
|
|
||||||
.ui.list > .item a,
|
|
||||||
.ui.list .list > .item a {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Linking Item */
|
|
||||||
.ui.list .list > a.item,
|
|
||||||
.ui.list > a.item {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #4183C4;
|
|
||||||
}
|
|
||||||
.ui.list .list > a.item:hover,
|
|
||||||
.ui.list > a.item:hover {
|
|
||||||
color: #1e70bf;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Linked Item Icons */
|
|
||||||
.ui.list .list > a.item i.icon,
|
|
||||||
.ui.list > a.item i.icon {
|
|
||||||
color: rgba(0, 0, 0, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header Link */
|
|
||||||
.ui.list .list > .item a.header,
|
|
||||||
.ui.list > .item a.header {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #4183C4 !important;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item a.header:hover,
|
|
||||||
.ui.list > .item a.header:hover {
|
|
||||||
color: #1e70bf !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Floated Content */
|
|
||||||
.ui[class*="left floated"].list {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.ui[class*="right floated"].list {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item [class*="left floated"],
|
|
||||||
.ui.list > .item [class*="left floated"] {
|
|
||||||
float: left;
|
|
||||||
margin: 0em 1em 0em 0em;
|
|
||||||
}
|
|
||||||
.ui.list .list > .item [class*="right floated"],
|
|
||||||
.ui.list > .item [class*="right floated"] {
|
|
||||||
float: right;
|
|
||||||
margin: 0em 0em 0em 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Coupling
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.menu .ui.list > .item,
|
|
||||||
.ui.menu .ui.list .list > .item {
|
|
||||||
display: list-item;
|
|
||||||
table-layout: fixed;
|
|
||||||
background-color: transparent;
|
|
||||||
list-style-type: none;
|
|
||||||
list-style-position: outside;
|
|
||||||
padding: 0.21428571em 0em;
|
|
||||||
line-height: 1.14285714em;
|
|
||||||
}
|
|
||||||
.ui.menu .ui.list .list > .item:before,
|
|
||||||
.ui.menu .ui.list > .item:before {
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
.ui.menu .ui.list .list > .item:first-child,
|
|
||||||
.ui.menu .ui.list > .item:first-child {
|
|
||||||
padding-top: 0em;
|
|
||||||
}
|
|
||||||
.ui.menu .ui.list .list > .item:last-child,
|
|
||||||
.ui.menu .ui.list > .item:last-child {
|
|
||||||
padding-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Types
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Horizontal
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.horizontal.list {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 0em;
|
|
||||||
}
|
|
||||||
.ui.horizontal.list > .item {
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: 1em;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.ui.horizontal.list:not(.celled) > .item:first-child {
|
|
||||||
margin-left: 0em !important;
|
|
||||||
padding-left: 0em !important;
|
|
||||||
}
|
|
||||||
.ui.horizontal.list .list {
|
|
||||||
padding-left: 0em;
|
|
||||||
padding-bottom: 0em;
|
|
||||||
}
|
|
||||||
.ui.horizontal.list > .item > .image,
|
|
||||||
.ui.horizontal.list .list > .item > .image,
|
|
||||||
.ui.horizontal.list > .item > .icon,
|
|
||||||
.ui.horizontal.list .list > .item > .icon,
|
|
||||||
.ui.horizontal.list > .item > .content,
|
|
||||||
.ui.horizontal.list .list > .item > .content {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Padding on all elements */
|
|
||||||
.ui.horizontal.list > .item:first-child,
|
|
||||||
.ui.horizontal.list > .item:last-child {
|
|
||||||
padding-top: 0.21428571em;
|
|
||||||
padding-bottom: 0.21428571em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Horizontal List */
|
|
||||||
.ui.horizontal.list > .item > i.icon {
|
|
||||||
margin: 0em;
|
|
||||||
padding: 0em 0.25em 0em 0em;
|
|
||||||
}
|
|
||||||
.ui.horizontal.list > .item > .icon,
|
|
||||||
.ui.horizontal.list > .item > .icon + .content {
|
|
||||||
float: none;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
States
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Disabled
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.list .list > .disabled.item,
|
|
||||||
.ui.list > .disabled.item {
|
|
||||||
pointer-events: none;
|
|
||||||
color: rgba(40, 40, 40, 0.3) !important;
|
|
||||||
}
|
|
||||||
.ui.inverted.list .list > .disabled.item,
|
|
||||||
.ui.inverted.list > .disabled.item {
|
|
||||||
color: rgba(225, 225, 225, 0.3) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Hover
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.list .list > a.item:hover .icon,
|
|
||||||
.ui.list > a.item:hover .icon {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Inverted
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.inverted.list .list > a.item > .icon,
|
|
||||||
.ui.inverted.list > a.item > .icon {
|
|
||||||
color: rgba(255, 255, 255, 0.7);
|
|
||||||
}
|
|
||||||
.ui.inverted.list .list > .item .header,
|
|
||||||
.ui.inverted.list > .item .header {
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
}
|
|
||||||
.ui.inverted.list .list > .item .description,
|
|
||||||
.ui.inverted.list > .item .description {
|
|
||||||
color: rgba(255, 255, 255, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Item Link */
|
|
||||||
.ui.inverted.list .list > a.item,
|
|
||||||
.ui.inverted.list > a.item {
|
|
||||||
cursor: pointer;
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
}
|
|
||||||
.ui.inverted.list .list > a.item:hover,
|
|
||||||
.ui.inverted.list > a.item:hover {
|
|
||||||
color: #1e70bf;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Linking Content */
|
|
||||||
.ui.inverted.list .item a:not(.ui) {
|
|
||||||
color: rgba(255, 255, 255, 0.9) !important;
|
|
||||||
}
|
|
||||||
.ui.inverted.list .item a:not(.ui):hover {
|
|
||||||
color: #1e70bf !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Aligned
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.list[class*="top aligned"] .image,
|
|
||||||
.ui.list[class*="top aligned"] .content,
|
|
||||||
.ui.list [class*="top aligned"] {
|
|
||||||
vertical-align: top !important;
|
|
||||||
}
|
|
||||||
.ui.list[class*="middle aligned"] .image,
|
|
||||||
.ui.list[class*="middle aligned"] .content,
|
|
||||||
.ui.list [class*="middle aligned"] {
|
|
||||||
vertical-align: middle !important;
|
|
||||||
}
|
|
||||||
.ui.list[class*="bottom aligned"] .image,
|
|
||||||
.ui.list[class*="bottom aligned"] .content,
|
|
||||||
.ui.list [class*="bottom aligned"] {
|
|
||||||
vertical-align: bottom !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Link
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.link.list .item,
|
|
||||||
.ui.link.list a.item,
|
|
||||||
.ui.link.list .item a:not(.ui) {
|
|
||||||
color: rgba(0, 0, 0, 0.4);
|
|
||||||
-webkit-transition: 0.1s color ease;
|
|
||||||
transition: 0.1s color ease;
|
|
||||||
}
|
|
||||||
.ui.link.list.list a.item:hover,
|
|
||||||
.ui.link.list.list .item a:not(.ui):hover {
|
|
||||||
color: rgba(0, 0, 0, 0.8);
|
|
||||||
}
|
|
||||||
.ui.link.list.list a.item:active,
|
|
||||||
.ui.link.list.list .item a:not(.ui):active {
|
|
||||||
color: rgba(0, 0, 0, 0.9);
|
|
||||||
}
|
|
||||||
.ui.link.list.list .active.item,
|
|
||||||
.ui.link.list.list .active.item a:not(.ui) {
|
|
||||||
color: rgba(0, 0, 0, 0.95);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inverted */
|
|
||||||
.ui.inverted.link.list .item,
|
|
||||||
.ui.inverted.link.list a.item,
|
|
||||||
.ui.inverted.link.list .item a:not(.ui) {
|
|
||||||
color: rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
.ui.inverted.link.list.list a.item:hover,
|
|
||||||
.ui.inverted.link.list.list .item a:not(.ui):hover {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.ui.inverted.link.list.list a.item:active,
|
|
||||||
.ui.inverted.link.list.list .item a:not(.ui):active {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.ui.inverted.link.list.list a.active.item,
|
|
||||||
.ui.inverted.link.list.list .active.item a:not(.ui) {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Selection
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.selection.list .list > .item,
|
|
||||||
.ui.selection.list > .item {
|
|
||||||
cursor: pointer;
|
|
||||||
background: transparent;
|
|
||||||
padding: 0.5em 0.5em;
|
|
||||||
margin: 0em;
|
|
||||||
color: rgba(0, 0, 0, 0.4);
|
|
||||||
border-radius: 0.5em;
|
|
||||||
-webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
|
|
||||||
transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
|
|
||||||
}
|
|
||||||
.ui.selection.list .list > .item:last-child,
|
|
||||||
.ui.selection.list > .item:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
.ui.selection.list.list > .item:hover,
|
|
||||||
.ui.selection.list > .item:hover {
|
|
||||||
background: rgba(0, 0, 0, 0.03);
|
|
||||||
color: rgba(0, 0, 0, 0.8);
|
|
||||||
}
|
|
||||||
.ui.selection.list .list > .item:active,
|
|
||||||
.ui.selection.list > .item:active {
|
|
||||||
background: rgba(0, 0, 0, 0.05);
|
|
||||||
color: rgba(0, 0, 0, 0.9);
|
|
||||||
}
|
|
||||||
.ui.selection.list .list > .item.active,
|
|
||||||
.ui.selection.list > .item.active {
|
|
||||||
background: rgba(0, 0, 0, 0.05);
|
|
||||||
color: rgba(0, 0, 0, 0.95);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inverted */
|
|
||||||
.ui.inverted.selection.list > .item,
|
|
||||||
.ui.inverted.selection.list > .item {
|
|
||||||
background: transparent;
|
|
||||||
color: rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
.ui.inverted.selection.list > .item:hover,
|
|
||||||
.ui.inverted.selection.list > .item:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.02);
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.ui.inverted.selection.list > .item:active,
|
|
||||||
.ui.inverted.selection.list > .item:active {
|
|
||||||
background: rgba(255, 255, 255, 0.08);
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.ui.inverted.selection.list > .item.active,
|
|
||||||
.ui.inverted.selection.list > .item.active {
|
|
||||||
background: rgba(255, 255, 255, 0.08);
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Celled / Divided Selection List */
|
|
||||||
.ui.celled.selection.list .list > .item,
|
|
||||||
.ui.divided.selection.list .list > .item,
|
|
||||||
.ui.celled.selection.list > .item,
|
|
||||||
.ui.divided.selection.list > .item {
|
|
||||||
border-radius: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Animated
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.animated.list > .item {
|
|
||||||
-webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
|
|
||||||
transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
|
|
||||||
}
|
|
||||||
.ui.animated.list:not(.horizontal) > .item:hover {
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Fitted
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.fitted.list:not(.selection) .list > .item,
|
|
||||||
.ui.fitted.list:not(.selection) > .item {
|
|
||||||
padding-left: 0em;
|
|
||||||
padding-right: 0em;
|
|
||||||
}
|
|
||||||
.ui.fitted.selection.list .list > .item,
|
|
||||||
.ui.fitted.selection.list > .item {
|
|
||||||
margin-left: -0.5em;
|
|
||||||
margin-right: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Bulleted
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
ul.ui.list,
|
|
||||||
.ui.bulleted.list {
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
}
|
|
||||||
ul.ui.list li,
|
|
||||||
.ui.bulleted.list .list > .item,
|
|
||||||
.ui.bulleted.list > .item {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
ul.ui.list li:before,
|
|
||||||
.ui.bulleted.list .list > .item:before,
|
|
||||||
.ui.bulleted.list > .item:before {
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
pointer-events: none;
|
|
||||||
position: absolute;
|
|
||||||
top: auto;
|
|
||||||
left: auto;
|
|
||||||
font-weight: normal;
|
|
||||||
margin-left: -1.25rem;
|
|
||||||
content: '•';
|
|
||||||
opacity: 1;
|
|
||||||
color: inherit;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
ul.ui.list li:before,
|
|
||||||
.ui.bulleted.list .list > a.item:before,
|
|
||||||
.ui.bulleted.list > a.item:before {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
ul.ui.list ul,
|
|
||||||
.ui.bulleted.list .list {
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Horizontal Bulleted */
|
|
||||||
ul.ui.horizontal.bulleted.list,
|
|
||||||
.ui.horizontal.bulleted.list {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
ul.ui.horizontal.bulleted.list li,
|
|
||||||
.ui.horizontal.bulleted.list > .item {
|
|
||||||
margin-left: 1.75rem;
|
|
||||||
}
|
|
||||||
ul.ui.horizontal.bulleted.list li:first-child,
|
|
||||||
.ui.horizontal.bulleted.list > .item:first-child {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
ul.ui.horizontal.bulleted.list li::before,
|
|
||||||
.ui.horizontal.bulleted.list > .item::before {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
ul.ui.horizontal.bulleted.list li:first-child::before,
|
|
||||||
.ui.horizontal.bulleted.list > .item:first-child::before {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Ordered
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
ol.ui.list,
|
|
||||||
.ui.ordered.list,
|
|
||||||
.ui.ordered.list .list,
|
|
||||||
ol.ui.list ol {
|
|
||||||
counter-reset: ordered;
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
ol.ui.list li,
|
|
||||||
.ui.ordered.list .list > .item,
|
|
||||||
.ui.ordered.list > .item {
|
|
||||||
list-style-type: none;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
ol.ui.list li:before,
|
|
||||||
.ui.ordered.list .list > .item:before,
|
|
||||||
.ui.ordered.list > .item:before {
|
|
||||||
position: absolute;
|
|
||||||
top: auto;
|
|
||||||
left: auto;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
pointer-events: none;
|
|
||||||
margin-left: -1.25rem;
|
|
||||||
counter-increment: ordered;
|
|
||||||
content: counters(ordered, ".") " ";
|
|
||||||
text-align: right;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
vertical-align: middle;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
ol.ui.inverted.list li:before,
|
|
||||||
.ui.ordered.inverted.list .list > .item:before,
|
|
||||||
.ui.ordered.inverted.list > .item:before {
|
|
||||||
color: rgba(255, 255, 255, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Value */
|
|
||||||
.ui.ordered.list > .list > .item[data-value],
|
|
||||||
.ui.ordered.list > .item[data-value] {
|
|
||||||
content: attr(data-value);
|
|
||||||
}
|
|
||||||
ol.ui.list li[value]:before {
|
|
||||||
content: attr(value);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Child Lists */
|
|
||||||
ol.ui.list ol,
|
|
||||||
.ui.ordered.list .list {
|
|
||||||
margin-left: 1em;
|
|
||||||
}
|
|
||||||
ol.ui.list ol li:before,
|
|
||||||
.ui.ordered.list .list > .item:before {
|
|
||||||
margin-left: -2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Horizontal Ordered */
|
|
||||||
ol.ui.horizontal.list,
|
|
||||||
.ui.ordered.horizontal.list {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
ol.ui.horizontal.list li:before,
|
|
||||||
.ui.ordered.horizontal.list .list > .item:before,
|
|
||||||
.ui.ordered.horizontal.list > .item:before {
|
|
||||||
position: static;
|
|
||||||
margin: 0em 0.5em 0em 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Divided
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.divided.list > .item {
|
|
||||||
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
}
|
|
||||||
.ui.divided.list .list > .item {
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
.ui.divided.list .item .list > .item {
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
.ui.divided.list .list > .item:first-child,
|
|
||||||
.ui.divided.list > .item:first-child {
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sub Menu */
|
|
||||||
.ui.divided.list:not(.horizontal) .list > .item:first-child {
|
|
||||||
border-top-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Divided bulleted */
|
|
||||||
.ui.divided.bulleted.list:not(.horizontal),
|
|
||||||
.ui.divided.bulleted.list .list {
|
|
||||||
margin-left: 0em;
|
|
||||||
padding-left: 0em;
|
|
||||||
}
|
|
||||||
.ui.divided.bulleted.list > .item:not(.horizontal) {
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Divided Ordered */
|
|
||||||
.ui.divided.ordered.list {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
.ui.divided.ordered.list .list > .item,
|
|
||||||
.ui.divided.ordered.list > .item {
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
}
|
|
||||||
.ui.divided.ordered.list .item .list {
|
|
||||||
margin-left: 0em;
|
|
||||||
margin-right: 0em;
|
|
||||||
padding-bottom: 0.21428571em;
|
|
||||||
}
|
|
||||||
.ui.divided.ordered.list .item .list > .item {
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Divided Selection */
|
|
||||||
.ui.divided.selection.list .list > .item,
|
|
||||||
.ui.divided.selection.list > .item {
|
|
||||||
margin: 0em;
|
|
||||||
border-radius: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Divided horizontal */
|
|
||||||
.ui.divided.horizontal.list {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
.ui.divided.horizontal.list > .item:not(:first-child) {
|
|
||||||
padding-left: 0.5em;
|
|
||||||
}
|
|
||||||
.ui.divided.horizontal.list > .item:not(:last-child) {
|
|
||||||
padding-right: 0.5em;
|
|
||||||
}
|
|
||||||
.ui.divided.horizontal.list > .item {
|
|
||||||
border-top: none;
|
|
||||||
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
margin: 0em;
|
|
||||||
line-height: 0.6;
|
|
||||||
}
|
|
||||||
.ui.horizontal.divided.list > .item:first-child {
|
|
||||||
border-left: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inverted */
|
|
||||||
.ui.divided.inverted.list > .item,
|
|
||||||
.ui.divided.inverted.list > .list,
|
|
||||||
.ui.divided.inverted.horizontal.list > .item {
|
|
||||||
border-color: rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Celled
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.celled.list > .item,
|
|
||||||
.ui.celled.list > .list {
|
|
||||||
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
padding-left: 0.5em;
|
|
||||||
padding-right: 0.5em;
|
|
||||||
}
|
|
||||||
.ui.celled.list > .item:last-child {
|
|
||||||
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Padding on all elements */
|
|
||||||
.ui.celled.list > .item:first-child,
|
|
||||||
.ui.celled.list > .item:last-child {
|
|
||||||
padding-top: 0.21428571em;
|
|
||||||
padding-bottom: 0.21428571em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sub Menu */
|
|
||||||
.ui.celled.list .item .list > .item {
|
|
||||||
border-width: 0px;
|
|
||||||
}
|
|
||||||
.ui.celled.list .list > .item:first-child {
|
|
||||||
border-top-width: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Celled Bulleted */
|
|
||||||
.ui.celled.bulleted.list {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
.ui.celled.bulleted.list .list > .item,
|
|
||||||
.ui.celled.bulleted.list > .item {
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
}
|
|
||||||
.ui.celled.bulleted.list .item .list {
|
|
||||||
margin-left: -1.25rem;
|
|
||||||
margin-right: -1.25rem;
|
|
||||||
padding-bottom: 0.21428571em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Celled Ordered */
|
|
||||||
.ui.celled.ordered.list {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
.ui.celled.ordered.list .list > .item,
|
|
||||||
.ui.celled.ordered.list > .item {
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
}
|
|
||||||
.ui.celled.ordered.list .item .list {
|
|
||||||
margin-left: 0em;
|
|
||||||
margin-right: 0em;
|
|
||||||
padding-bottom: 0.21428571em;
|
|
||||||
}
|
|
||||||
.ui.celled.ordered.list .list > .item {
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Celled Horizontal */
|
|
||||||
.ui.horizontal.celled.list {
|
|
||||||
margin-left: 0em;
|
|
||||||
}
|
|
||||||
.ui.horizontal.celled.list .list > .item,
|
|
||||||
.ui.horizontal.celled.list > .item {
|
|
||||||
border-top: none;
|
|
||||||
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
margin: 0em;
|
|
||||||
padding-left: 0.5em;
|
|
||||||
padding-right: 0.5em;
|
|
||||||
line-height: 0.6;
|
|
||||||
}
|
|
||||||
.ui.horizontal.celled.list .list > .item:last-child,
|
|
||||||
.ui.horizontal.celled.list > .item:last-child {
|
|
||||||
border-bottom: none;
|
|
||||||
border-right: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inverted */
|
|
||||||
.ui.celled.inverted.list > .item,
|
|
||||||
.ui.celled.inverted.list > .list {
|
|
||||||
border-color: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
.ui.celled.inverted.horizontal.list .list > .item,
|
|
||||||
.ui.celled.inverted.horizontal.list > .item {
|
|
||||||
border-color: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Relaxed
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
|
|
||||||
padding-top: 0.42857143em;
|
|
||||||
}
|
|
||||||
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
|
|
||||||
padding-bottom: 0.42857143em;
|
|
||||||
}
|
|
||||||
.ui.horizontal.relaxed.list .list > .item:not(:first-child),
|
|
||||||
.ui.horizontal.relaxed.list > .item:not(:first-child) {
|
|
||||||
padding-left: 1rem;
|
|
||||||
}
|
|
||||||
.ui.horizontal.relaxed.list .list > .item:not(:last-child),
|
|
||||||
.ui.horizontal.relaxed.list > .item:not(:last-child) {
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Very Relaxed */
|
|
||||||
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
|
|
||||||
padding-top: 0.85714286em;
|
|
||||||
}
|
|
||||||
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
|
|
||||||
padding-bottom: 0.85714286em;
|
|
||||||
}
|
|
||||||
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
|
|
||||||
.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
|
|
||||||
padding-left: 1.5rem;
|
|
||||||
}
|
|
||||||
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
|
|
||||||
.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
|
|
||||||
padding-right: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Sizes
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
.ui.mini.list {
|
|
||||||
font-size: 0.78571429em;
|
|
||||||
}
|
|
||||||
.ui.tiny.list {
|
|
||||||
font-size: 0.85714286em;
|
|
||||||
}
|
|
||||||
.ui.small.list {
|
|
||||||
font-size: 0.92857143em;
|
|
||||||
}
|
|
||||||
.ui.list {
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
.ui.large.list {
|
|
||||||
font-size: 1.14285714em;
|
|
||||||
}
|
|
||||||
.ui.big.list {
|
|
||||||
font-size: 1.28571429em;
|
|
||||||
}
|
|
||||||
.ui.huge.list {
|
|
||||||
font-size: 1.42857143em;
|
|
||||||
}
|
|
||||||
.ui.massive.list {
|
|
||||||
font-size: 1.71428571em;
|
|
||||||
}
|
|
||||||
.ui.mini.horizontal.list .list > .item,
|
|
||||||
.ui.mini.horizontal.list > .item {
|
|
||||||
font-size: 0.78571429rem;
|
|
||||||
}
|
|
||||||
.ui.tiny.horizontal.list .list > .item,
|
|
||||||
.ui.tiny.horizontal.list > .item {
|
|
||||||
font-size: 0.85714286rem;
|
|
||||||
}
|
|
||||||
.ui.small.horizontal.list .list > .item,
|
|
||||||
.ui.small.horizontal.list > .item {
|
|
||||||
font-size: 0.92857143rem;
|
|
||||||
}
|
|
||||||
.ui.horizontal.list .list > .item,
|
|
||||||
.ui.horizontal.list > .item {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.ui.large.horizontal.list .list > .item,
|
|
||||||
.ui.large.horizontal.list > .item {
|
|
||||||
font-size: 1.14285714rem;
|
|
||||||
}
|
|
||||||
.ui.big.horizontal.list .list > .item,
|
|
||||||
.ui.big.horizontal.list > .item {
|
|
||||||
font-size: 1.28571429rem;
|
|
||||||
}
|
|
||||||
.ui.huge.horizontal.list .list > .item,
|
|
||||||
.ui.huge.horizontal.list > .item {
|
|
||||||
font-size: 1.42857143rem;
|
|
||||||
}
|
|
||||||
.ui.massive.horizontal.list .list > .item,
|
|
||||||
.ui.massive.horizontal.list > .item {
|
|
||||||
font-size: 1.71428571rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
User Variable Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,495 +0,0 @@
|
|||||||
/*
|
|
||||||
* # Semantic UI - 2.4.2
|
|
||||||
* https://github.com/Semantic-Org/Semantic-UI
|
|
||||||
* http://www.semantic-ui.com/
|
|
||||||
*
|
|
||||||
* Copyright 2014 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/*!
|
|
||||||
* # Semantic UI - Reset
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Reset
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Border-Box */
|
|
||||||
*,
|
|
||||||
*:before,
|
|
||||||
*:after {
|
|
||||||
-webkit-box-sizing: inherit;
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
html {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* iPad Input Shadows */
|
|
||||||
input[type="text"],
|
|
||||||
input[type="email"],
|
|
||||||
input[type="search"],
|
|
||||||
input[type="password"] {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
-moz-appearance: none;
|
|
||||||
|
|
||||||
/* mobile firefox too! */
|
|
||||||
}
|
|
||||||
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
|
||||||
|
|
||||||
/* Document
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* 1. Correct the line height in all browsers.
|
|
||||||
* 2. Prevent adjustments of font size after orientation changes in
|
|
||||||
* IE on Windows Phone and in iOS.
|
|
||||||
*/
|
|
||||||
html {
|
|
||||||
line-height: 1.15;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
-ms-text-size-adjust: 100%;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sections
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* Remove the margin in all browsers (opinionated).
|
|
||||||
*/
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 9-.
|
|
||||||
*/
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
nav,
|
|
||||||
section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Correct the font size and margin on `h1` elements within `section` and
|
|
||||||
* `article` contexts in Chrome, Firefox, and Safari.
|
|
||||||
*/
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0.67em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grouping content
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 9-.
|
|
||||||
* 1. Add the correct display in IE.
|
|
||||||
*/
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
main {
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct margin in IE 8.
|
|
||||||
*/
|
|
||||||
figure {
|
|
||||||
margin: 1em 40px;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in Firefox.
|
|
||||||
* 2. Show the overflow in Edge and IE.
|
|
||||||
*/
|
|
||||||
hr {
|
|
||||||
-webkit-box-sizing: content-box;
|
|
||||||
box-sizing: content-box;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
height: 0;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
overflow: visible;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
pre {
|
|
||||||
font-family: monospace, monospace;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
font-size: 1em;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Text-level semantics
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* 1. Remove the gray background on active links in IE 10.
|
|
||||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
|
||||||
*/
|
|
||||||
a {
|
|
||||||
background-color: transparent;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
-webkit-text-decoration-skip: objects;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
|
||||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
||||||
*/
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: none;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
text-decoration: underline;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
-webkit-text-decoration: underline dotted;
|
|
||||||
text-decoration: underline dotted;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
|
||||||
*/
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: inherit;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
||||||
*/
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, monospace;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
font-size: 1em;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct font style in Android 4.3-.
|
|
||||||
*/
|
|
||||||
dfn {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct background and color in IE 9-.
|
|
||||||
*/
|
|
||||||
mark {
|
|
||||||
background-color: #ff0;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct font size in all browsers.
|
|
||||||
*/
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
||||||
* all browsers.
|
|
||||||
*/
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 9-.
|
|
||||||
*/
|
|
||||||
audio,
|
|
||||||
video {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct display in iOS 4-7.
|
|
||||||
*/
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Remove the border on images inside links in IE 10-.
|
|
||||||
*/
|
|
||||||
img {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Hide the overflow in IE.
|
|
||||||
*/
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Forms
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* 1. Change the font styles in all browsers (opinionated).
|
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
|
||||||
*/
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
optgroup,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: sans-serif;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
font-size: 100%;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
line-height: 1.15;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Show the overflow in IE.
|
|
||||||
* 1. Show the overflow in Edge.
|
|
||||||
*/
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
||||||
* 1. Remove the inheritance of text transform in Firefox.
|
|
||||||
*/
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
|
||||||
* controls in Android 4.
|
|
||||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
*/
|
|
||||||
button,
|
|
||||||
html [type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Remove the inner border and padding in Firefox.
|
|
||||||
*/
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner {
|
|
||||||
border-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Restore the focus styles unset by the previous rule.
|
|
||||||
*/
|
|
||||||
button:-moz-focusring,
|
|
||||||
[type="button"]:-moz-focusring,
|
|
||||||
[type="reset"]:-moz-focusring,
|
|
||||||
[type="submit"]:-moz-focusring {
|
|
||||||
outline: 1px dotted ButtonText;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Correct the padding in Firefox.
|
|
||||||
*/
|
|
||||||
fieldset {
|
|
||||||
padding: 0.35em 0.75em 0.625em;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Correct the text wrapping in Edge and IE.
|
|
||||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
||||||
* 3. Remove the padding so developers are not caught out when they zero out
|
|
||||||
* `fieldset` elements in all browsers.
|
|
||||||
*/
|
|
||||||
legend {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
color: inherit;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
display: table;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
/* 3 */
|
|
||||||
white-space: normal;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Add the correct display in IE 9-.
|
|
||||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
||||||
*/
|
|
||||||
progress {
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
vertical-align: baseline;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Remove the default vertical scrollbar in IE.
|
|
||||||
*/
|
|
||||||
textarea {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in IE 10-.
|
|
||||||
* 2. Remove the padding in IE 10-.
|
|
||||||
*/
|
|
||||||
[type="checkbox"],
|
|
||||||
[type="radio"] {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
||||||
*/
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Correct the odd appearance in Chrome and Safari.
|
|
||||||
* 2. Correct the outline style in Safari.
|
|
||||||
*/
|
|
||||||
[type="search"] {
|
|
||||||
-webkit-appearance: textfield;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
outline-offset: -2px;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
|
||||||
*/
|
|
||||||
[type="search"]::-webkit-search-cancel-button,
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
* 2. Change font properties to `inherit` in Safari.
|
|
||||||
*/
|
|
||||||
::-webkit-file-upload-button {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
font: inherit;
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Interactive
|
|
||||||
========================================================================== */
|
|
||||||
/*
|
|
||||||
* Add the correct display in IE 9-.
|
|
||||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
|
||||||
*/
|
|
||||||
details,
|
|
||||||
menu {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
* Add the correct display in all browsers.
|
|
||||||
*/
|
|
||||||
summary {
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scripting
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 9-.
|
|
||||||
*/
|
|
||||||
canvas {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE.
|
|
||||||
*/
|
|
||||||
template {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hidden
|
|
||||||
========================================================================== */
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10-.
|
|
||||||
*/
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@ -1,638 +0,0 @@
|
|||||||
/*
|
|
||||||
* # Semantic UI - 2.4.2
|
|
||||||
* https://github.com/Semantic-Org/Semantic-UI
|
|
||||||
* http://www.semantic-ui.com/
|
|
||||||
*
|
|
||||||
* Copyright 2014 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/*!
|
|
||||||
* # Semantic UI - Sidebar
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Sidebar
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Sidebar Menu */
|
|
||||||
.ui.sidebar {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
-webkit-transition: none;
|
|
||||||
transition: none;
|
|
||||||
will-change: transform;
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
visibility: hidden;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
height: 100% !important;
|
|
||||||
max-height: 100%;
|
|
||||||
border-radius: 0em !important;
|
|
||||||
margin: 0em !important;
|
|
||||||
overflow-y: auto !important;
|
|
||||||
z-index: 102;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GPU Layers for Child Elements */
|
|
||||||
.ui.sidebar > * {
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Direction
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.left.sidebar {
|
|
||||||
right: auto;
|
|
||||||
left: 0px;
|
|
||||||
-webkit-transform: translate3d(-100%, 0, 0);
|
|
||||||
transform: translate3d(-100%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.right.sidebar {
|
|
||||||
right: 0px !important;
|
|
||||||
left: auto !important;
|
|
||||||
-webkit-transform: translate3d(100%, 0%, 0);
|
|
||||||
transform: translate3d(100%, 0%, 0);
|
|
||||||
}
|
|
||||||
.ui.top.sidebar,
|
|
||||||
.ui.bottom.sidebar {
|
|
||||||
width: 100% !important;
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
.ui.top.sidebar {
|
|
||||||
top: 0px !important;
|
|
||||||
bottom: auto !important;
|
|
||||||
-webkit-transform: translate3d(0, -100%, 0);
|
|
||||||
transform: translate3d(0, -100%, 0);
|
|
||||||
}
|
|
||||||
.ui.bottom.sidebar {
|
|
||||||
top: auto !important;
|
|
||||||
bottom: 0px !important;
|
|
||||||
-webkit-transform: translate3d(0, 100%, 0);
|
|
||||||
transform: translate3d(0, 100%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Pushable
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.pushable {
|
|
||||||
height: 100%;
|
|
||||||
overflow-x: hidden;
|
|
||||||
padding: 0em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Whole Page */
|
|
||||||
body.pushable {
|
|
||||||
background: #545454 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Page Context */
|
|
||||||
.pushable:not(body) {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
.pushable:not(body) > .ui.sidebar,
|
|
||||||
.pushable:not(body) > .fixed,
|
|
||||||
.pushable:not(body) > .pusher:after {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Fixed
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.pushable > .fixed {
|
|
||||||
position: fixed;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
will-change: transform;
|
|
||||||
z-index: 101;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Page
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.pushable > .pusher {
|
|
||||||
position: relative;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
overflow: hidden;
|
|
||||||
min-height: 100%;
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
body.pushable > .pusher {
|
|
||||||
background: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pusher should inherit background from context */
|
|
||||||
.pushable > .pusher {
|
|
||||||
background: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Dimmer
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.pushable > .pusher:after {
|
|
||||||
position: fixed;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
content: '';
|
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
|
||||||
overflow: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: opacity 500ms;
|
|
||||||
transition: opacity 500ms;
|
|
||||||
will-change: opacity;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Coupling
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.sidebar.menu .item {
|
|
||||||
border-radius: 0em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
States
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Dimmed
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.pushable > .pusher.dimmed:after {
|
|
||||||
width: 100% !important;
|
|
||||||
height: 100% !important;
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Animating
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.animating.sidebar {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Visible
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.visible.sidebar {
|
|
||||||
visibility: visible;
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Shadow Direction */
|
|
||||||
.ui.left.visible.sidebar,
|
|
||||||
.ui.right.visible.sidebar {
|
|
||||||
-webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
|
||||||
box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
|
||||||
}
|
|
||||||
.ui.top.visible.sidebar,
|
|
||||||
.ui.bottom.visible.sidebar {
|
|
||||||
-webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
|
||||||
box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Visible On Load */
|
|
||||||
.ui.visible.left.sidebar ~ .fixed,
|
|
||||||
.ui.visible.left.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(260px, 0, 0);
|
|
||||||
transform: translate3d(260px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.right.sidebar ~ .fixed,
|
|
||||||
.ui.visible.right.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(-260px, 0, 0);
|
|
||||||
transform: translate3d(-260px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.top.sidebar ~ .fixed,
|
|
||||||
.ui.visible.top.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(0, 36px, 0);
|
|
||||||
transform: translate3d(0, 36px, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.bottom.sidebar ~ .fixed,
|
|
||||||
.ui.visible.bottom.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(0, -36px, 0);
|
|
||||||
transform: translate3d(0, -36px, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* opposite sides visible forces content overlay */
|
|
||||||
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
|
|
||||||
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
|
|
||||||
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
|
|
||||||
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
iOS
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Width
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Left / Right */
|
|
||||||
.ui.thin.left.sidebar,
|
|
||||||
.ui.thin.right.sidebar {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
.ui[class*="very thin"].left.sidebar,
|
|
||||||
.ui[class*="very thin"].right.sidebar {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
.ui.left.sidebar,
|
|
||||||
.ui.right.sidebar {
|
|
||||||
width: 260px;
|
|
||||||
}
|
|
||||||
.ui.wide.left.sidebar,
|
|
||||||
.ui.wide.right.sidebar {
|
|
||||||
width: 350px;
|
|
||||||
}
|
|
||||||
.ui[class*="very wide"].left.sidebar,
|
|
||||||
.ui[class*="very wide"].right.sidebar {
|
|
||||||
width: 475px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Left Visible */
|
|
||||||
.ui.visible.thin.left.sidebar ~ .fixed,
|
|
||||||
.ui.visible.thin.left.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(150px, 0, 0);
|
|
||||||
transform: translate3d(150px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
|
|
||||||
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(60px, 0, 0);
|
|
||||||
transform: translate3d(60px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.wide.left.sidebar ~ .fixed,
|
|
||||||
.ui.visible.wide.left.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(350px, 0, 0);
|
|
||||||
transform: translate3d(350px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
|
|
||||||
.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(475px, 0, 0);
|
|
||||||
transform: translate3d(475px, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Right Visible */
|
|
||||||
.ui.visible.thin.right.sidebar ~ .fixed,
|
|
||||||
.ui.visible.thin.right.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(-150px, 0, 0);
|
|
||||||
transform: translate3d(-150px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
|
|
||||||
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(-60px, 0, 0);
|
|
||||||
transform: translate3d(-60px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.wide.right.sidebar ~ .fixed,
|
|
||||||
.ui.visible.wide.right.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(-350px, 0, 0);
|
|
||||||
transform: translate3d(-350px, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
|
|
||||||
.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: translate3d(-475px, 0, 0);
|
|
||||||
transform: translate3d(-475px, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Animations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Overlay
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Set-up */
|
|
||||||
.ui.overlay.sidebar {
|
|
||||||
z-index: 102;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Initial */
|
|
||||||
.ui.left.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(-100%, 0%, 0);
|
|
||||||
transform: translate3d(-100%, 0%, 0);
|
|
||||||
}
|
|
||||||
.ui.right.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(100%, 0%, 0);
|
|
||||||
transform: translate3d(100%, 0%, 0);
|
|
||||||
}
|
|
||||||
.ui.top.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, -100%, 0);
|
|
||||||
transform: translate3d(0%, -100%, 0);
|
|
||||||
}
|
|
||||||
.ui.bottom.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 100%, 0);
|
|
||||||
transform: translate3d(0%, 100%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animation */
|
|
||||||
.animating.ui.overlay.sidebar,
|
|
||||||
.ui.visible.overlay.sidebar {
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* End - Sidebar */
|
|
||||||
.ui.visible.left.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 0%, 0);
|
|
||||||
transform: translate3d(0%, 0%, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.right.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 0%, 0);
|
|
||||||
transform: translate3d(0%, 0%, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.top.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 0%, 0);
|
|
||||||
transform: translate3d(0%, 0%, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.bottom.overlay.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 0%, 0);
|
|
||||||
transform: translate3d(0%, 0%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* End - Pusher */
|
|
||||||
.ui.visible.overlay.sidebar ~ .fixed,
|
|
||||||
.ui.visible.overlay.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: none !important;
|
|
||||||
transform: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Push
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Initial */
|
|
||||||
.ui.push.sidebar {
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
z-index: 102;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar - Initial */
|
|
||||||
.ui.left.push.sidebar {
|
|
||||||
-webkit-transform: translate3d(-100%, 0, 0);
|
|
||||||
transform: translate3d(-100%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.right.push.sidebar {
|
|
||||||
-webkit-transform: translate3d(100%, 0, 0);
|
|
||||||
transform: translate3d(100%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.top.push.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, -100%, 0);
|
|
||||||
transform: translate3d(0%, -100%, 0);
|
|
||||||
}
|
|
||||||
.ui.bottom.push.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 100%, 0);
|
|
||||||
transform: translate3d(0%, 100%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* End */
|
|
||||||
.ui.visible.push.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 0, 0);
|
|
||||||
transform: translate3d(0%, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Uncover
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Initial */
|
|
||||||
.ui.uncover.sidebar {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* End */
|
|
||||||
.ui.visible.uncover.sidebar {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Slide Along
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Initial */
|
|
||||||
.ui.slide.along.sidebar {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar - Initial */
|
|
||||||
.ui.left.slide.along.sidebar {
|
|
||||||
-webkit-transform: translate3d(-50%, 0, 0);
|
|
||||||
transform: translate3d(-50%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.right.slide.along.sidebar {
|
|
||||||
-webkit-transform: translate3d(50%, 0, 0);
|
|
||||||
transform: translate3d(50%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.top.slide.along.sidebar {
|
|
||||||
-webkit-transform: translate3d(0, -50%, 0);
|
|
||||||
transform: translate3d(0, -50%, 0);
|
|
||||||
}
|
|
||||||
.ui.bottom.slide.along.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 50%, 0);
|
|
||||||
transform: translate3d(0%, 50%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animation */
|
|
||||||
.ui.animating.slide.along.sidebar {
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* End */
|
|
||||||
.ui.visible.slide.along.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 0, 0);
|
|
||||||
transform: translate3d(0%, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Slide Out
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Initial */
|
|
||||||
.ui.slide.out.sidebar {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar - Initial */
|
|
||||||
.ui.left.slide.out.sidebar {
|
|
||||||
-webkit-transform: translate3d(50%, 0, 0);
|
|
||||||
transform: translate3d(50%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.right.slide.out.sidebar {
|
|
||||||
-webkit-transform: translate3d(-50%, 0, 0);
|
|
||||||
transform: translate3d(-50%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.top.slide.out.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 50%, 0);
|
|
||||||
transform: translate3d(0%, 50%, 0);
|
|
||||||
}
|
|
||||||
.ui.bottom.slide.out.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, -50%, 0);
|
|
||||||
transform: translate3d(0%, -50%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animation */
|
|
||||||
.ui.animating.slide.out.sidebar {
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* End */
|
|
||||||
.ui.visible.slide.out.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 0, 0);
|
|
||||||
transform: translate3d(0%, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Scale Down
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Initial */
|
|
||||||
.ui.scale.down.sidebar {
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
z-index: 102;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar - Initial */
|
|
||||||
.ui.left.scale.down.sidebar {
|
|
||||||
-webkit-transform: translate3d(-100%, 0, 0);
|
|
||||||
transform: translate3d(-100%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.right.scale.down.sidebar {
|
|
||||||
-webkit-transform: translate3d(100%, 0, 0);
|
|
||||||
transform: translate3d(100%, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.top.scale.down.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, -100%, 0);
|
|
||||||
transform: translate3d(0%, -100%, 0);
|
|
||||||
}
|
|
||||||
.ui.bottom.scale.down.sidebar {
|
|
||||||
-webkit-transform: translate3d(0%, 100%, 0);
|
|
||||||
transform: translate3d(0%, 100%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pusher - Initial */
|
|
||||||
.ui.scale.down.left.sidebar ~ .pusher {
|
|
||||||
-webkit-transform-origin: 75% 50%;
|
|
||||||
transform-origin: 75% 50%;
|
|
||||||
}
|
|
||||||
.ui.scale.down.right.sidebar ~ .pusher {
|
|
||||||
-webkit-transform-origin: 25% 50%;
|
|
||||||
transform-origin: 25% 50%;
|
|
||||||
}
|
|
||||||
.ui.scale.down.top.sidebar ~ .pusher {
|
|
||||||
-webkit-transform-origin: 50% 75%;
|
|
||||||
transform-origin: 50% 75%;
|
|
||||||
}
|
|
||||||
.ui.scale.down.bottom.sidebar ~ .pusher {
|
|
||||||
-webkit-transform-origin: 50% 25%;
|
|
||||||
transform-origin: 50% 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animation */
|
|
||||||
.ui.animating.scale.down > .visible.ui.sidebar {
|
|
||||||
-webkit-transition: -webkit-transform 500ms ease;
|
|
||||||
transition: -webkit-transform 500ms ease;
|
|
||||||
transition: transform 500ms ease;
|
|
||||||
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
|
||||||
}
|
|
||||||
.ui.visible.scale.down.sidebar ~ .pusher,
|
|
||||||
.ui.animating.scale.down.sidebar ~ .pusher {
|
|
||||||
display: block !important;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* End */
|
|
||||||
.ui.visible.scale.down.sidebar {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
.ui.visible.scale.down.sidebar ~ .pusher {
|
|
||||||
-webkit-transform: scale(0.75);
|
|
||||||
transform: scale(0.75);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@ -1,214 +0,0 @@
|
|||||||
/*
|
|
||||||
* # Semantic UI - 2.4.2
|
|
||||||
* https://github.com/Semantic-Org/Semantic-UI
|
|
||||||
* http://www.semantic-ui.com/
|
|
||||||
*
|
|
||||||
* Copyright 2014 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/*!
|
|
||||||
* # Semantic UI - Site
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Page
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
html {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
overflow-x: hidden;
|
|
||||||
min-width: 320px;
|
|
||||||
background: #FFFFFF;
|
|
||||||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.4285em;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
font-smoothing: antialiased;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Headers
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5 {
|
|
||||||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
||||||
line-height: 1.28571429em;
|
|
||||||
margin: calc(2rem - 0.14285714em ) 0em 1rem;
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 0em;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
min-height: 1rem;
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-size: 1.71428571rem;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 1.28571429rem;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-size: 1.07142857rem;
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
h1:first-child,
|
|
||||||
h2:first-child,
|
|
||||||
h3:first-child,
|
|
||||||
h4:first-child,
|
|
||||||
h5:first-child {
|
|
||||||
margin-top: 0em;
|
|
||||||
}
|
|
||||||
h1:last-child,
|
|
||||||
h2:last-child,
|
|
||||||
h3:last-child,
|
|
||||||
h4:last-child,
|
|
||||||
h5:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Text
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0em 0em 1em;
|
|
||||||
line-height: 1.4285em;
|
|
||||||
}
|
|
||||||
p:first-child {
|
|
||||||
margin-top: 0em;
|
|
||||||
}
|
|
||||||
p:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*-------------------
|
|
||||||
Links
|
|
||||||
--------------------*/
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #4183C4;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: #1e70bf;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Scrollbars
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Highlighting
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Site */
|
|
||||||
::-webkit-selection {
|
|
||||||
background-color: #CCE2FF;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
::-moz-selection {
|
|
||||||
background-color: #CCE2FF;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
::selection {
|
|
||||||
background-color: #CCE2FF;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Form */
|
|
||||||
textarea::-webkit-selection,
|
|
||||||
input::-webkit-selection {
|
|
||||||
background-color: rgba(100, 100, 100, 0.4);
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
textarea::-moz-selection,
|
|
||||||
input::-moz-selection {
|
|
||||||
background-color: rgba(100, 100, 100, 0.4);
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
textarea::selection,
|
|
||||||
input::selection {
|
|
||||||
background-color: rgba(100, 100, 100, 0.4);
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Force Simple Scrollbars */
|
|
||||||
body ::-webkit-scrollbar {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
}
|
|
||||||
body ::-webkit-scrollbar-track {
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
border-radius: 0px;
|
|
||||||
}
|
|
||||||
body ::-webkit-scrollbar-thumb {
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 5px;
|
|
||||||
background: rgba(0, 0, 0, 0.25);
|
|
||||||
-webkit-transition: color 0.2s ease;
|
|
||||||
transition: color 0.2s ease;
|
|
||||||
}
|
|
||||||
body ::-webkit-scrollbar-thumb:window-inactive {
|
|
||||||
background: rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
body ::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: rgba(128, 135, 139, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inverted UI */
|
|
||||||
body .ui.inverted::-webkit-scrollbar-track {
|
|
||||||
background: rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
body .ui.inverted::-webkit-scrollbar-thumb {
|
|
||||||
background: rgba(255, 255, 255, 0.25);
|
|
||||||
}
|
|
||||||
body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
}
|
|
||||||
body .ui.inverted::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.35);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Global Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue