github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/dist/components/breadcrumb.css (about) 1 /*! 2 * # Semantic UI x.x - Breadcrumb 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 Breadcrumb 15 *******************************/ 16 17 .ui.breadcrumb { 18 margin: 1em 0em; 19 display: inline-block; 20 vertical-align: middle; 21 } 22 .ui.breadcrumb:first-child { 23 margin-top: 0em; 24 } 25 .ui.breadcrumb:last-child { 26 margin-bottom: 0em; 27 } 28 29 30 /******************************* 31 Content 32 *******************************/ 33 34 35 /* Divider */ 36 .ui.breadcrumb .divider { 37 display: inline-block; 38 opacity: 0.5; 39 margin: 0em 0.2rem 0em; 40 font-size: 0.9em; 41 color: rgba(0, 0, 0, 0.4); 42 vertical-align: baseline; 43 } 44 45 /* Link */ 46 .ui.breadcrumb a { 47 color: #009fda; 48 } 49 .ui.breadcrumb a:hover { 50 color: #00b2f3; 51 } 52 53 /* Icon Divider */ 54 .ui.breadcrumb .icon.divider { 55 font-size: 0.85714286em; 56 vertical-align: baseline; 57 } 58 59 /* Section */ 60 .ui.breadcrumb a.section { 61 cursor: pointer; 62 } 63 .ui.breadcrumb .section { 64 display: inline-block; 65 margin: 0em; 66 padding: 0em; 67 } 68 69 /* Loose Coupling */ 70 .ui.breadcrumb.segment { 71 display: inline-block; 72 padding: 0.5em 1em; 73 } 74 75 76 /******************************* 77 States 78 *******************************/ 79 80 .ui.breadcrumb .active.section { 81 font-weight: bold; 82 } 83 84 85 /******************************* 86 Variations 87 *******************************/ 88 89 .ui.mini.breadcrumb { 90 font-size: 0.65em; 91 } 92 .ui.tiny.breadcrumb { 93 font-size: 0.7em; 94 } 95 .ui.small.breadcrumb { 96 font-size: 0.75em; 97 } 98 .ui.breadcrumb { 99 font-size: 1em; 100 } 101 .ui.large.breadcrumb { 102 font-size: 1.1em; 103 } 104 .ui.big.breadcrumb { 105 font-size: 1.05em; 106 } 107 .ui.huge.breadcrumb { 108 font-size: 1.3em; 109 } 110 .ui.massive.breadcrumb { 111 font-size: 1.5em; 112 } 113 114 115 /******************************* 116 Theme Overrides 117 *******************************/ 118 119 120 121 /******************************* 122 Site Overrides 123 *******************************/ 124