forked from website/openpower.foundation
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
1.7 KiB
CSS
93 lines
1.7 KiB
CSS
4 years ago
|
/*!
|
||
|
|
* # Semantic UI 2.3.0 - Tab
|
||
|
|
* http://github.com/semantic-org/semantic-ui/
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* Released under the MIT license
|
||
|
|
* http://opensource.org/licenses/MIT
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/*******************************
|
||
|
|
UI Tabs
|
||
|
|
*******************************/
|
||
|
|
|
||
|
|
.ui.tab {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*******************************
|
||
|
|
States
|
||
|
|
*******************************/
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------
|
||
|
|
Active
|
||
|
|
---------------------*/
|
||
|
|
|
||
|
|
.ui.tab.active,
|
||
|
|
.ui.tab.open {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------
|
||
|
|
Loading
|
||
|
|
---------------------*/
|
||
|
|
|
||
|
|
.ui.tab.loading {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
display: block;
|
||
|
|
min-height: 250px;
|
||
|
|
}
|
||
|
|
.ui.tab.loading * {
|
||
|
|
position: relative !important;
|
||
|
|
left: -10000px !important;
|
||
|
|
}
|
||
|
|
.ui.tab.loading:before,
|
||
|
|
.ui.tab.loading.segment:before {
|
||
|
|
position: absolute;
|
||
|
|
content: '';
|
||
|
|
top: 100px;
|
||
|
|
left: 50%;
|
||
|
|
margin: -1.25em 0em 0em -1.25em;
|
||
|
|
width: 2.5em;
|
||
|
|
height: 2.5em;
|
||
|
|
border-radius: 500rem;
|
||
|
|
border: 0.2em solid rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
.ui.tab.loading:after,
|
||
|
|
.ui.tab.loading.segment:after {
|
||
|
|
position: absolute;
|
||
|
|
content: '';
|
||
|
|
top: 100px;
|
||
|
|
left: 50%;
|
||
|
|
margin: -1.25em 0em 0em -1.25em;
|
||
|
|
width: 2.5em;
|
||
|
|
height: 2.5em;
|
||
|
|
-webkit-animation: button-spin 0.6s linear;
|
||
|
|
animation: button-spin 0.6s linear;
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
border-radius: 500rem;
|
||
|
|
border-color: #767676 transparent transparent;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0.2em;
|
||
|
|
-webkit-box-shadow: 0px 0px 0px 1px transparent;
|
||
|
|
box-shadow: 0px 0px 0px 1px transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*******************************
|
||
|
|
Tab Overrides
|
||
|
|
*******************************/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*******************************
|
||
|
|
User Overrides
|
||
|
|
*******************************/
|
||
|
|
|