84 lines
1.5 KiB
CSS
84 lines
1.5 KiB
CSS
/*!
|
|
* # Fomantic-UI 2.9.3 - Tab
|
|
* https://github.com/fomantic/Fomantic-UI/
|
|
*
|
|
*
|
|
* Released under the MIT license
|
|
* https://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: 50%;
|
|
left: 50%;
|
|
margin: -1.25em 0 0 -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: 50%;
|
|
left: 50%;
|
|
margin: -1.25em 0 0 -1.25em;
|
|
width: 2.5em;
|
|
height: 2.5em;
|
|
animation: loader 0.6s infinite linear;
|
|
border: 0.2em solid #767676;
|
|
border-radius: 500rem;
|
|
box-shadow: 0 0 0 1px transparent;
|
|
}
|
|
|
|
|
|
/*******************************
|
|
Tab Overrides
|
|
*******************************/
|
|
|
|
|
|
|
|
/*******************************
|
|
User Overrides
|
|
*******************************/
|
|
|