github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/dist/components/tab.css (about) 1 /*! 2 * # Semantic UI x.x - Tab 3 * http://github.com/semantic-org/semantic-ui/ 4 * 5 * 6 * Copyright 2014 Contributors 7 * Released under the MIT license 8 * http://opensource.org/licenses/MIT 9 * 10 */ 11 12 13 /******************************* 14 UI Tabs 15 *******************************/ 16 17 .ui.tab { 18 display: none; 19 } 20 21 22 /******************************* 23 States 24 *******************************/ 25 26 27 /*-------------------- 28 Active 29 ---------------------*/ 30 31 .ui.tab.active, 32 .ui.tab.open { 33 display: block; 34 } 35 36 /*-------------------- 37 Loading 38 ---------------------*/ 39 40 .ui.tab.loading { 41 position: relative; 42 overflow: hidden; 43 display: block; 44 min-height: 250px; 45 } 46 .ui.tab.loading * { 47 position: relative !important; 48 left: -10000px !important; 49 } 50 .ui.tab.loading:before, 51 .ui.tab.loading.segment:before { 52 position: absolute; 53 content: ''; 54 top: 100px; 55 left: 50%; 56 margin: -1.25em 0em 0em -1.25em; 57 width: 2.5em; 58 height: 2.5em; 59 border-radius: 500rem; 60 border: 0.2em solid rgba(0, 0, 0, 0.1); 61 } 62 .ui.tab.loading:after, 63 .ui.tab.loading.segment:after { 64 position: absolute; 65 content: ''; 66 top: 100px; 67 left: 50%; 68 margin: -1.25em 0em 0em -1.25em; 69 width: 2.5em; 70 height: 2.5em; 71 -webkit-animation: button-spin 0.6s linear; 72 animation: button-spin 0.6s linear; 73 -webkit-animation-iteration-count: infinite; 74 animation-iteration-count: infinite; 75 border-radius: 500rem; 76 border-color: #aaaaaa transparent transparent; 77 border-style: solid; 78 border-width: 0.2em; 79 box-shadow: 0px 0px 0px 1px transparent; 80 } 81 82 83 /******************************* 84 Tab Overrides 85 *******************************/ 86 87 88 89 /******************************* 90 User Overrides 91 *******************************/ 92