/* * # Semantic UI * Version: 0.8.6 * http://github.com/jlukic/semantic-ui * * * Copyright 2013 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * * Released: 11/02/2013 */ .ui.breadcrumb { margin: 1em 0; display: inline-block; vertical-align: middle; } .ui.breadcrumb:first-child { margin-top: 0; } .ui.breadcrumb:last-child { margin-bottom: 0; } .ui.breadcrumb .divider { display: inline-block; opacity: .5; margin: 0 .15em; font-size: 1em; color: rgba(0,0,0,.3); } .ui.breadcrumb a.section { cursor: pointer; } .ui.breadcrumb .section { display: inline-block; margin: 0; padding: 0; } .ui.breadcrumb.segment { display: inline-block; padding: .5em 1em; } .ui.breadcrumb .active.section { font-weight: 700; } .ui.small.breadcrumb { font-size: .75em; } .ui.large.breadcrumb { font-size: 1.1em; } .ui.huge.breadcrumb { font-size: 1.3em; } .ui.form { position: relative; max-width: 100%; } .ui.form :first-child { margin-top: 0; } .ui.form :last-child { margin-bottom: 0; } .ui.form>p { margin: 1em 0; } .ui.form .field { clear: both; margin: 0 0 1em; } .ui.form .field>label { margin: 0 0 .3em; display: block; color: #555; font-size: .875em; } .ui.form textarea, .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=date], .ui.form input[type=password], .ui.form input[type=number], .ui.form input[type=tel], .ui.form .ui.input { width: 100%; } .ui.form textarea, .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=date], .ui.form input[type=password], .ui.form input[type=number], .ui.form input[type=tel] { margin: 0; padding: .85em 1.2em; font-size: .875em; background-color: #FFF; border: 1px solid rgba(0,0,0,.15); outline: 0; color: rgba(0,0,0,.7); border-radius: .3125em; -webkit-transition: background-color .3s ease-out,-webkit-box-shadow .2s ease,border-color .2s ease; transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease; -webkit-box-shadow: 0 0 rgba(0,0,0,.3) inset; box-shadow: 0 0 rgba(0,0,0,.3) inset; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.textarea, .ui.form textarea { line-height: 1.33; min-height: 8em; height: 12em; max-height: 24em; resize: vertical; } .ui.form textarea, .ui.form input[type=checkbox] { vertical-align: top; } .ui.form .divider { clear: both; margin: 1em 0; } .ui.form .info.message, .ui.form .warning.message, .ui.form .error.message { display: none; } .ui.form .message:first-child { margin-top: 0; } .ui.form .field .prompt.label { white-space: nowrap; } .ui.form .inline.field .prompt { margin-top: 0; margin-right: 1em; } .ui.form .inline.field .prompt:before { margin-top: -.3em; bottom: auto; left: auto; top: 50%; right: 0; } .ui.form input[type=text]:focus, .ui.form input[type=email]:focus, .ui.form input[type=date]:focus, .ui.form input[type=password]:focus, .ui.form input[type=number]:focus, .ui.form input[type=tel]:focus, .ui.form textarea:focus { color: rgba(0,0,0,.85); border-color: rgba(0,0,0,.2); border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-appearance: none; -webkit-box-shadow: .3em 0 0 0 rgba(0,0,0,.2) inset; box-shadow: .3em 0 0 0 rgba(0,0,0,.2) inset; } .ui.form.warning .warning.message { display: block; } .ui.form.error .error.message { display: block; } .ui.form .fields.error .field label, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .field.error .input { color: #D95C5C; } .ui.form .fields.error .field .corner.label, .ui.form .field.error .corner.label { border-color: #D95C5C; color: #FFF; } .ui.form .fields.error .field textarea, .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=date], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field input[type=tel], .ui.form .field.error textarea, .ui.form .field.error input[type=text], .ui.form .field.error input[type=email], .ui.form .field.error input[type=date], .ui.form .field.error input[type=password], .ui.form .field.error input[type=number], .ui.form .field.error input[type=tel] { background-color: snow; border-color: #E7BEBE; border-right: 0; color: #D95C5C; padding-right: 1.2em; border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-box-shadow: .3em 0 0 0 #D95C5C inset; box-shadow: .3em 0 0 0 #D95C5C inset; } .ui.form .field.error textarea:focus, .ui.form .field.error input[type=text]:focus, .ui.form .field.error input[type=email]:focus, .ui.form .field.error input[type=date]:focus, .ui.form .field.error input[type=password]:focus, .ui.form .field.error input[type=number]:focus, .ui.form .field.error input[type=tel]:focus { border-color: #ff5050; color: #ff5050; -webkit-appearance: none; -webkit-box-shadow: .3em 0 0 0 #FF5050 inset; box-shadow: .3em 0 0 0 #FF5050 inset; } .ui.form ::-webkit-input-placeholder { color: #E0E0E0; } .ui.form ::-moz-placeholder { color: #E0E0E0; } .ui.form :focus::-webkit-input-placeholder { color: #AAA; } .ui.form :focus::-moz-placeholder { color: #AAA; } .ui.form .error ::-webkit-input-placeholder { color: rgba(255,80,80,.4); } .ui.form .error ::-moz-placeholder { color: rgba(255,80,80,.4); } .ui.form .error :focus::-webkit-input-placeholder { color: rgba(255,80,80,.7); } .ui.form .error :focus::-moz-placeholder { color: rgba(255,80,80,.7); } .ui.form .field :disabled, .ui.form .field.disabled { opacity: .5; } .ui.form .field.disabled label { opacity: .5; } .ui.form .field.disabled :disabled { opacity: 1; } .ui.form.loading { position: relative; } .ui.form.loading:after { position: absolute; top: 0; right: 0; content: ''; width: 100%; height: 100%; background: rgba(255,255,255,.8) url(../images/loader-large.gif) no-repeat 50% 50%; visibility: visible; } .ui.form.fluid { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.form input.attached { width: auto; } .ui.form .date.field>label { position: relative; } .ui.form .date.field>label:after { position: absolute; top: 2em; left: .5em; font-family: Icons; content: '\f133'; font-size: 1.2em; font-weight: 400; color: #CCC; } .ui.inverted.form label { color: #FFF; } .ui.inverted.form .field.error textarea, .ui.inverted.form .field.error input[type=text], .ui.inverted.form .field.error input[type=email], .ui.inverted.form .field.error input[type=date], .ui.inverted.form .field.error input[type=password], .ui.inverted.form .field.error input[type=number], .ui.inverted.form .field.error input[type=tel] { background-color: #FCC; } .ui.form .grouped.fields { margin: 0 0 1em; } .ui.form .grouped.fields .field { display: block; float: none; margin: .5em 0; padding: 0; } .ui.form .fields { clear: both; } .ui.form .fields:after { content: ' '; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .ui.form .fields>.field { clear: none; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.form .fields>.field:first-child { border-right: 0; -webkit-box-shadow: none; box-shadow: none; } .ui.form .two.fields>.fields, .ui.form .two.fields>.field { width: 50%; padding-right: 1%; padding-left: 1%; } .ui.form .three.fields>.fields, .ui.form .three.fields>.field { width: 33.333%; padding-right: 1%; padding-left: 1%; } .ui.form .four.fields>.fields, .ui.form .four.fields>.field { width: 25%; padding-right: 1%; padding-left: 1%; } .ui.form .five.fields>.fields, .ui.form .five.fields>.field { width: 20%; padding-right: 1%; padding-left: 1%; } .ui.form .fields .field:first-child { padding-right: 0; } .ui.form .fields .field:last-child { padding-left: 0; } .ui.form .inline.fields .field { min-height: 1.3em; margin-left: .5em; } .ui.form .inline.fields .field>label, .ui.form .inline.fields .field>p, .ui.form .inline.fields .field>input, .ui.form .inline.field>label, .ui.form .inline.field>p, .ui.form .inline.field>input { display: inline-block; width: auto; margin-top: 0; margin-bottom: 0; vertical-align: middle; font-size: 1em; } .ui.form .inline.fields .field>input, .ui.form .inline.field>input { font-size: .875em; } .ui.form .inline.fields .field>:first-child, .ui.form .inline.field>:first-child { margin: 0 0 0 .5em; } .ui.form .inline.fields .field>:only-child, .ui.form .inline.field>:only-child { margin: 0; } .ui.small.form { font-size: .875em; } .ui.small.form textarea, .ui.small.form input[type=text], .ui.small.form input[type=email], .ui.small.form input[type=date], .ui.small.form input[type=password], .ui.small.form input[type=number], .ui.small.form input[type=tel], .ui.small.form label { font-size: 1em; } .ui.large.form { font-size: 1.125em; } .ui.grid { display: block; text-align: right; font-size: 0; margin: 0 -1.5%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body>.ui.grid { margin-right: 0; margin-left: 0; } .ui.grid:after, .ui.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui.grid>.column, .ui.grid>.row>.column { display: inline-block; text-align: right; font-size: 1rem; padding-right: 1.5%; padding-left: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .ui.grid>.row { display: block; width: 100%!important; margin-top: 1.5%; padding: 1.5% 0 0; font-size: 0rem; } .ui.grid>.row:first-child { padding-top: 0rem; margin-top: 0rem; } .ui.grid>.row>img, .ui.grid>.row>.column>img { max-width: 100%; } .ui.grid .column>.ui.segment:only-child { margin: 0; } .ui.page.grid { min-width: 320px; margin-right: 0; margin-left: 0; } @media only screen and (max-width:998px) { .ui.page.grid { padding: 0 4%; } } @media only screen and (min-width:998px) { .ui.page.grid { padding: 0 8%; } } @media only screen and (min-width:1500px) { .ui.page.grid { padding: 0 13%; } } @media only screen and (min-width:1750px) { .ui.page.grid { padding: 0 18%; } } @media only screen and (min-width:2000px) { .ui.page.grid { padding: 0 23%; } } .ui.grid>.row>.one.wide.column, .ui.grid>.one.wide.column { width: 6.25%; } .ui.grid>.row>.two.wide.column, .ui.grid>.two.wide.column { width: 12.5%; } .ui.grid>.row>.three.wide.column, .ui.grid>.three.wide.column { width: 18.75%; } .ui.grid>.row>.four.wide.column, .ui.grid>.four.wide.column { width: 25%; } .ui.grid>.row>.five.wide.column, .ui.grid>.five.wide.column { width: 31.25%; } .ui.grid>.row>.six.wide.column, .ui.grid>.six.wide.column { width: 37.5%; } .ui.grid>.row>.seven.wide.column, .ui.grid>.seven.wide.column { width: 43.75%; } .ui.grid>.row>.eight.wide.column, .ui.grid>.eight.wide.column { width: 50%; } .ui.grid>.row>.nine.wide.column, .ui.grid>.nine.wide.column { width: 56.25%; } .ui.grid>.row>.ten.wide.column, .ui.grid>.ten.wide.column { width: 62.5%; } .ui.grid>.row>.eleven.wide.column, .ui.grid>.eleven.wide.column { width: 68.75%; } .ui.grid>.row>.twelve.wide.column, .ui.grid>.twelve.wide.column { width: 75%; } .ui.grid>.row>.thirteen.wide.column, .ui.grid>.thirteen.wide.column { width: 81.25%; } .ui.grid>.row>.fourteen.wide.column, .ui.grid>.fourteen.wide.column { width: 87.5%; } .ui.grid>.row>.fifteen.wide.column, .ui.grid>.fifteen.wide.column { width: 93.75%; } .ui.grid>.row>.sixteen.wide.column, .ui.grid>.sixteen.wide.column { width: 100%; } .ui.grid>.column, .ui.grid>.row>.column { width: 6.25%; } .ui.one.column.grid>.row>.column, .ui.one.column.grid>.column, .ui.grid>.one.column.row>.column { width: 100%; } .ui.two.column.grid>.row>.column, .ui.two.column.grid>.column, .ui.grid>.two.column.row>.column { width: 50%; } .ui.three.column.grid>.row>.column, .ui.three.column.grid>.column, .ui.grid>.three.column.row>.column { width: 33.3333%; } .ui.four.column.grid>.row>.column, .ui.four.column.grid>.column, .ui.grid>.four.column.row>.column { width: 25%; } .ui.five.column.grid>.row>.column, .ui.five.column.grid>.column, .ui.grid>.five.column.row>.column { width: 20%; } .ui.six.column.grid>.row>.column, .ui.six.column.grid>.column, .ui.grid>.six.column.row>.column { width: 16.66667%; } .ui.seven.column.grid>.row>.column, .ui.seven.column.grid>.column, .ui.grid>.seven.column.row>.column { width: 14.2857%; } .ui.eight.column.grid>.row>.column, .ui.eight.column.grid>.column, .ui.grid>.eight.column.row>.column { width: 12.5%; } .ui.nine.column.grid>.row>.column, .ui.nine.column.grid>.column, .ui.grid>.nine.column.row>.column { width: 11.1111%; } .ui.ten.column.grid>.row>.column, .ui.ten.column.grid>.column, .ui.grid>.ten.column.row>.column { width: 10%; } .ui.eleven.column.grid>.row>.column, .ui.eleven.column.grid>.column, .ui.grid>.eleven.column.row>.column { width: 9.0909%; } .ui.twelve.column.grid>.row>.column, .ui.twelve.column.grid>.column, .ui.grid>.twelve.column.row>.column { width: 8.3333%; } .ui.thirteen.column.grid>.row>.column, .ui.thirteen.column.grid>.column, .ui.grid>.thirteen.column.row>.column { width: 7.6923%; } .ui.fourteen.column.grid>.row>.column, .ui.fourteen.column.grid>.column, .ui.grid>.fourteen.column.row>.column { width: 7.1428%; } .ui.fifteen.column.grid>.row>.column, .ui.fifteen.column.grid>.column, .ui.grid>.fifteen.column.row>.column { width: 6.6666%; } .ui.sixteen.column.grid>.row>.column, .ui.sixteen.column.grid>.column, .ui.grid>.sixteen.column.row>.column { width: 6.25%; } .ui.grid>.column:only-child, .ui.grid>.row>.column:only-child { width: 100%; } .ui.relaxed.grid { margin: 0 -2.5%; } .ui.relaxed.grid>.column, .ui.relaxed.grid>.row>.column { padding-right: 2.5%; padding-left: 2.5%; } .ui.grid .left.floated.column { float: right; } .ui.grid .right.floated.column { float: left; } .ui.divided.grid, .ui.divided.grid>.row { display: table; width: 100%; margin-right: 0!important; margin-left: 0!important; } .ui.divided.grid>.column:not(.row), .ui.divided.grid>.row>.column { display: table-cell; -webkit-box-shadow: -1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8); box-shadow: -1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.8); } .ui.divided.grid>.column.row { display: table; } .ui.divided.grid>.column:first-child, .ui.divided.grid>.row>.column:first-child { -webkit-box-shadow: none; box-shadow: none; } .ui.vertically.divided.grid>.row { -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8)!important; box-shadow: 0 -1px 0 0 rgba(0,0,0,.1),0 -2px 0 0 rgba(255,255,255,.8)!important; } .ui.vertically.divided.grid>.row>.column, .ui.vertically.divided.grid>.column:not(.row), .ui.vertically.divided.grid>.row:first-child { -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.celled.grid { display: table; width: 100%; margin-right: 0!important; margin-left: 0!important; -webkit-box-shadow: 0 0 0 1px #DFDFDF; box-shadow: 0 0 0 1px #DFDFDF; } .ui.celled.grid>.row, .ui.celled.grid>.column.row, .ui.celled.grid>.column.row:first-child { display: table; width: 100%; margin-top: 0; padding-top: 0; -webkit-box-shadow: 0 -1px 0 0 #dfdfdf; box-shadow: 0 -1px 0 0 #dfdfdf; } .ui.celled.grid>.column:not(.row), .ui.celled.grid>.row>.column { display: table-cell; padding: .75em; -webkit-box-shadow: -1px 0 0 0 #dfdfdf; box-shadow: -1px 0 0 0 #dfdfdf; } .ui.celled.grid>.column:first-child, .ui.celled.grid>.row>.column:first-child { -webkit-box-shadow: none; box-shadow: none; } .ui.celled.page.grid { -webkit-box-shadow: none; box-shadow: none; } .ui.left.aligned.grid, .ui.left.aligned.grid>.row>.column, .ui.left.aligned.grid>.column, .ui.grid .left.aligned.column, .ui.grid>.left.aligned.row>.column { text-align: right; } .ui.center.aligned.grid, .ui.center.aligned.grid>.row>.column, .ui.center.aligned.grid>.column, .ui.grid .center.aligned.column, .ui.grid>.center.aligned.row>.column { text-align: center; } .ui.right.aligned.grid, .ui.right.aligned.grid>.row>.column, .ui.right.aligned.grid>.column, .ui.grid .right.aligned.column, .ui.grid>.right.aligned.row>.column { text-align: left; } .ui.top.aligned.grid, .ui.top.aligned.grid>.row>.column, .ui.top.aligned.grid>.column, .ui.grid .top.aligned.column, .ui.grid>.top.aligned.row>.column { vertical-align: top; } .ui.middle.aligned.grid, .ui.middle.aligned.grid>.row>.column, .ui.middle.aligned.grid>.column, .ui.grid .middle.aligned.column, .ui.grid>.middle.aligned.row>.column { vertical-align: middle; } .ui.bottom.aligned.grid, .ui.bottom.aligned.grid>.row>.column, .ui.bottom.aligned.grid>.column, .ui.grid .bottom.aligned.column, .ui.grid>.bottom.aligned.row>.column { vertical-align: bottom; } .ui.grid>.equal.height.row { display: table; width: 100%; } .ui.grid>.equal.height.row>.column { display: table-cell; } @media only screen and (max-width:768px) { .ui.mobile.only.grid, .ui.grid>.mobile.only.row { display: block!important; } .ui.grid>.row>.mobile.only.column { display: inline-block!important; } .ui.divided.mobile.only.grid, .ui.celled.mobile.only.grid, .ui.divided.mobile.only.grid .row, .ui.celled.mobile.only.grid .row, .ui.divided.grid .mobile.only.row, .ui.celled.grid .mobile.only.row, .ui.grid .mobile.only.equal.height.row, .ui.mobile.only.grid .equal.height.row { display: table!important; } .ui.divided.grid>.row>.mobile.only.column, .ui.celled.grid>.row>.mobile.only.column, .ui.divided.mobile.only.grid>.row>.column, .ui.celled.mobile.only.grid>.row>.column, .ui.divided.mobile.only.grid>.column, .ui.celled.mobile.only.grid>.column { display: table-cell!important; } } @media only screen and (min-width:768px) { .ui.mobile.only.grid, .ui.grid>.mobile.only.row, .ui.grid>.row>.mobile.only.column { display: none; } } @media only screen and (min-width:768px) and (max-width:998px) { .ui.tablet.only.grid, .ui.grid>.tablet.only.row { display: block!important; } .ui.grid>.row>.tablet.only.column { display: inline-block!important; } .ui.divided.tablet.only.grid, .ui.celled.tablet.only.grid, .ui.divided.tablet.only.grid .row, .ui.celled.tablet.only.grid .row, .ui.divided.grid .tablet.only.row, .ui.celled.grid .tablet.only.row, .ui.grid .tablet.only.equal.height.row, .ui.tablet.only.grid .equal.height.row { display: table!important; } .ui.divided.grid>.row>.tablet.only.column, .ui.celled.grid>.row>.tablet.only.column, .ui.divided.tablet.only.grid>.row>.column, .ui.celled.tablet.only.grid>.row>.column, .ui.divided.tablet.only.grid>.column, .ui.celled.tablet.only.grid>.column { display: table-cell!important; } } @media only screen and (max-width:768px),(min-width:998px) { .ui.tablet.only.grid, .ui.grid>.tablet.only.row, .ui.grid>.row>.tablet.only.column { display: none; } } @media only screen and (min-width:998px) { .ui.computer.only.grid, .ui.grid>.computer.only.row { display: block!important; } .ui.grid>.row>.computer.only.column { display: inline-block!important; } .ui.divided.computer.only.grid, .ui.celled.computer.only.grid, .ui.divided.computer.only.grid .row, .ui.celled.computer.only.grid .row, .ui.divided.grid .computer.only.row, .ui.celled.grid .computer.only.row, .ui.grid .computer.only.equal.height.row, .ui.computer.only.grid .equal.height.row { display: table!important; } .ui.divided.grid>.row>.computer.only.column, .ui.celled.grid>.row>.computer.only.column, .ui.divided.computer.only.grid>.row>.column, .ui.celled.computer.only.grid>.row>.column, .ui.divided.computer.only.grid>.column, .ui.celled.computer.only.grid>.column { display: table-cell!important; } } @media only screen and (max-width:998px) { .ui.computer.only.grid, .ui.grid>.computer.only.row, .ui.grid>.row>.computer.only.column { display: none; } } @media only screen and (max-width:768px) { .ui.stackable.grid { display: block!important; padding: 0; } .ui.stackable.grid>.row>.column, .ui.stackable.grid>.column { display: block!important; width: auto!important; margin: 1.5em 5% 0!important; padding: 1.5em 0 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.stackable.divided.grid .column, .ui.stackable.celled.grid .column { border-top: 1px dotted rgba(0,0,0,.1); } .ui.stackable.grid>.row:first-child>.column:first-child, .ui.stackable.grid>.column:first-child { margin-top: 0!important; padding-top: 0!important; } .ui.stackable.divided.grid>.row:first-child>.column:first-child, .ui.stackable.celled.grid>.row:first-child>.column:first-child, .ui.stackable.divided.grid>.column:first-child, .ui.stackable.celled.grid>.column:first-child { border-top: 0!important; } .ui.stackable.grid .vertical.pointing.menu .item:after { display: none; } } .ui.menu { margin: 1rem 0rem; background-color: #FFF; font-size: 0; font-weight: 400; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); border-radius: .1875rem; } .ui.menu:first-child { margin-top: 0rem; } .ui.menu:last-child { margin-bottom: 0rem; } .ui.menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui.menu>.item:first-child { border-radius: 0 .1875em .1875em 0; } .ui.menu>.item:last-child { border-radius: .1875em 0 0 .1875em; } .ui.menu .item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); vertical-align: middle; line-height: 1; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .2s ease,background .2s ease,-webkit-box-shadow .2s ease; transition: opacity .2s ease,background .2s ease,box-shadow .2s ease; } .ui.menu .item, .ui.menu .item>a { color: rgba(0,0,0,.75); } .ui.menu .item .item, .ui.menu .item .item>a { color: rgba(30,30,30,.7); } .ui.menu .item .item .item, .ui.menu .item .item .item>a { color: rgba(30,30,30,.6); } .ui.menu .dropdown.item .menu .item, .ui.menu .dropdown.item .menu .item a { color: rgba(0,0,0,.75); } .ui.menu .item .menu a.item:hover, .ui.menu .item .menu a.item.hover, .ui.menu .item .menu .link.item:hover, .ui.menu .item .menu .link.item.hover { color: rgba(0,0,0,.85); } .ui.menu .dropdown.item .menu .item a:hover { color: rgba(0,0,0,.85); } .ui.menu .active.item, .ui.menu .active.item a { color: rgba(0,0,0,.85); border-radius: 0; } .ui.menu .item { position: relative; display: inline-block; padding: .83em .95em; border-top: 0 solid rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui.menu .menu { margin: 0; } .ui.menu .item.left, .ui.menu .menu.left { float: right; } .ui.menu .item.right, .ui.menu .menu.right { float: left; } .ui.menu .item:before { position: absolute; content: ''; top: 0; left: 0; width: 1px; height: 100%; background-image: -webkit-gradient(linear, top right, bottom right, from(rgba(0,0,0,.05)), color-stop(50%, rgba(0,0,0,.1)), to(rgba(0,0,0,.05))); background-image: -webkit-linear-gradient(rgba(0,0,0,.05) 0, rgba(0,0,0,.1) 50%, rgba(0,0,0,.05) 100%); background-image: linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%); } .ui.menu .menu.right .item:before, .ui.menu .item.right:before { left: auto; right: 0; } .ui.menu .text.item>*, .ui.menu .item>p:only-child { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; line-height: 1.3; color: rgba(0,0,0,.6); } .ui.menu .item>p:first-child { margin-top: 0; } .ui.menu .item>p:last-child { margin-bottom: 0; } .ui.menu:not(.vertical) .item>.button { position: relative; top: -.05em; margin: -.55em 0; padding-bottom: .55em; padding-top: .55em; font-size: .875em; -webkit-box-shadow: none; box-shadow: none; } .ui.menu:not(.vertical) .item>.input { margin-top: -.83em; margin-bottom: -.83em; padding-top: .3em; padding-bottom: .3em; width: 100%; } .ui.menu .item>.input input { padding-top: .5em; padding-bottom: .5em; } .ui.vertical.menu .item>.input input { margin: 0; padding-top: .63em; padding-bottom: .63em; } .ui.vertical.menu .ui.input>.icon { padding-top: .63em; } .ui.menu .header.item { background-color: rgba(0,0,0,.04); margin: 0; } .ui.vertical.menu .header.item { font-weight: 700; } .ui.menu .dropdown.item .menu { right: 1px; margin: 1px 0 0; min-width: -webkit-calc(99%); min-width: calc(99%); -webkit-box-shadow: 0 1px 1px 1px #DDD; box-shadow: 0 1px 1px 1px #DDD; } .ui.menu .pointing.dropdown.item .menu { margin-top: .75em; } .ui.menu .simple.dropdown.item .menu { margin: 0!important; } .ui.menu .dropdown.item .menu .item { width: 100%; color: rgba(0,0,0,.75); } .ui.menu .dropdown.item .menu .active.item { -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.menu .ui.dropdown .menu .item:before { display: none; } .ui.menu .item>.label { background-color: rgba(0,0,0,.35); color: #FFF; margin: -.15em .5em -.15em 0; padding: .3em .8em; vertical-align: baseline; } .ui.menu .item>.floating.label { padding: .3em .8em; } .ui.menu .item>img:only-child { display: block; max-width: 100%; margin: 0 auto; } .ui.link.menu .item:hover, .ui.menu .item.hover, .ui.menu .link.item:hover, .ui.menu a.item:hover, .ui.menu .ui.dropdown .menu .item.hover, .ui.menu .ui.dropdown .menu .item:hover { cursor: pointer; background-color: rgba(0,0,0,.02); } .ui.menu .ui.dropdown.active { background-color: rgba(0,0,0,.02); -webkit-box-shadow: none; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active, .ui.menu .ui.dropdown .menu .item:active { background-color: rgba(0,0,0,.05); } .ui.menu .active.item { background-color: rgba(0,0,0,.01); color: rgba(0,0,0,.95); -webkit-box-shadow: 0 .2em 0 inset; box-shadow: 0 .2em 0 inset; } .ui.vertical.menu .active.item { border-radius: 0; -webkit-box-shadow: .2em 0 0 inset; box-shadow: .2em 0 0 inset; } .ui.vertical.menu>.active.item:first-child { border-radius: .1875em 0 0 0; } .ui.vertical.menu>.active.item:last-child { border-radius: 0 0 .1875em; } .ui.vertical.menu>.active.item:only-child { border-radius: .1875em 0 0 .1875em; } .ui.vertical.menu .active.item .menu .active.item { border-right: 0; } .ui.vertical.menu .active.item .menu .active.item { padding-right: 1.5rem; } .ui.vertical.menu .item .menu .active.item { background-color: rgba(0,0,0,.03); -webkit-box-shadow: none; box-shadow: none; } .ui.menu .item.disabled, .ui.menu .item.disabled:hover, .ui.menu .item.disabled.hover { cursor: default; color: rgba(0,0,0,.2); background-color: transparent!important; } .ui.menu.loading { position: relative; } .ui.menu.loading:after { position: absolute; top: 0; right: 0; content: ''; width: 100%; height: 100%; background: rgba(255,255,255,.8) url(../images/loader-large.gif) no-repeat 50% 50%; visibility: visible; } .ui.vertical.menu .item { display: block; height: auto!important; border-top: 0; border-right: 0 solid rgba(0,0,0,0); border-left: 0; } .ui.vertical.menu>.item:first-child { border-radius: .1875em .1875em 0 0; } .ui.vertical.menu>.item:last-child { border-radius: 0 0 .1875em .1875em; } .ui.vertical.menu .item>.label { float: left; text-align: center; } .ui.vertical.menu .item>.icon:not(.input) { float: left; width: 1.22em; margin: 0 .5em 0 0; } .ui.vertical.menu .item>.label+.icon { float: none; margin: 0 0 0 .25em; } .ui.vertical.menu .item:before { position: absolute; content: ''; top: 0; right: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(right,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%); background-image: -webkit-gradient(linear, top right, top left, from(rgba(0,0,0,.03)), color-stop(1.5em, rgba(0,0,0,.1)), to(rgba(0,0,0,.03))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,.03) 0, rgba(0,0,0,.1) 1.5em, rgba(0,0,0,.03) 100%); background-image: linear-gradient(right,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%); } .ui.vertical.menu .item:first-child:before { background-image: none!important; } .ui.vertical.menu .dropdown.item>i { float: left; content: "\f0da"; } .ui.vertical.menu .dropdown.item .menu { top: 0!important; right: 100%; margin: 0 1px 0 0; -webkit-box-shadow: 0 0 1px 1px #DDD; box-shadow: 0 0 1px 1px #DDD; } .ui.vertical.menu .dropdown.item.active { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ui.vertical.menu .dropdown.item .menu .item { font-size: 1rem; } .ui.vertical.menu .dropdown.item .menu .item .icon { margin-left: 0; } .ui.vertical.menu .dropdown.item.active { -webkit-box-shadow: none; box-shadow: none; } .ui.vertical.menu .item>.menu { margin: .5em -.95em 0; } .ui.vertical.menu .item>.menu>.item { padding: .5rem 1.5rem; font-size: .875em; } .ui.vertical.menu .item>.menu>.item:before { display: none; } .ui.tiered.menu>.sub.menu>.item { color: rgba(0,0,0,.4); } .ui.tiered.menu>.menu>.item:hover, .ui.tiered.menu>.menu>.item.hover { color: rgba(0,0,0,.8); } .ui.tiered.menu .item.active { color: rgba(0,0,0,.8); } .ui.tiered.menu>.menu .item.active:after { position: absolute; content: ''; margin-top: -1px; top: 100%; right: 0; width: 100%; height: 2px; background-color: #FBFBFB; } .ui.tiered.menu .sub.menu { background-color: rgba(0,0,0,.01); border-radius: 0; border-top: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: none; box-shadow: none; color: #FFF; } .ui.tiered.menu .sub.menu .item { font-size: .875rem; } .ui.tiered.menu .sub.menu .item:before { background-image: none; } .ui.tiered.menu .sub.menu .active.item { padding-top: .83em; background-color: transparent; border-radius: 0; border-top: medium none; -webkit-box-shadow: none; box-shadow: none; color: rgba(0,0,0,.7)!important; } .ui.tiered.menu .sub.menu .active.item:after { display: none; } .ui.inverted.tiered.menu>.menu>.item { color: rgba(255,255,255,.5); } .ui.inverted.tiered.menu .sub.menu { background-color: rgba(0,0,0,.2); } .ui.inverted.tiered.menu .sub.menu .item { color: rgba(255,255,255,.6); } .ui.inverted.tiered.menu>.menu>.item:hover, .ui.inverted.tiered.menu>.menu>.item.hover { color: rgba(255,255,255,.9); } .ui.inverted.tiered.menu .active.item:after { display: none; } .ui.inverted.tiered.menu>.sub.menu>.active.item, .ui.inverted.tiered.menu>.menu>.active.item { color: #fff!important; -webkit-box-shadow: none; box-shadow: none; } .ui.pointing.tiered.menu>.menu>.item:after { display: none; } .ui.pointing.tiered.menu>.sub.menu>.item:after { display: block; } .ui.tabular.menu { background-color: transparent; border-bottom: 1px solid #DCDDDE; border-radius: 0; -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.tabular.menu .item { background-color: transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-top: 1px solid transparent; padding-right: 1.4em; padding-left: 1.4em; color: rgba(0,0,0,.6); } .ui.tabular.menu .item:before { display: none; } .ui.tabular.menu .item:hover { background-color: transparent; color: rgba(0,0,0,.8); } .ui.tabular.menu .active.item { position: relative; background-color: #FFF; color: rgba(0,0,0,.8); border-color: #DCDDDE; font-weight: 700; margin-bottom: -1px; border-bottom: 1px solid #FFF; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px 5px 0 0; } .ui.attached.tabular.menu { position: relative; z-index: 2; } .ui.tabular.menu~.bottom.attached.segment { margin: 1px 1px 0 0; } .ui.pagination.menu { margin: 0; display: inline-block; vertical-align: middle; } .ui.pagination.menu .item { min-width: 3em; text-align: center; } .ui.pagination.menu .icon.item .icon { vertical-align: top; } .ui.pagination.menu.floated { display: block; } .ui.pagination.menu .active.item { border-top: 0; padding-top: .83em; background-color: rgba(0,0,0,.05); -webkit-box-shadow: none; box-shadow: none; } .ui.secondary.menu { background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .ui.secondary.menu>.menu>.item, .ui.secondary.menu>.item { -webkit-box-shadow: none; box-shadow: none; border: 0; height: auto!important; margin: 0 .25em; padding: .5em 1em; border-radius: .3125em; } .ui.secondary.menu>.menu>.item:before, .ui.secondary.menu>.item:before { display: none!important; } .ui.secondary.menu .item>.input input { background-color: transparent; border: 0; } .ui.secondary.menu .link.item, .ui.secondary.menu a.item { opacity: .8; -webkit-transition: none; transition: none; } .ui.secondary.menu .header.item { border-left: .1em solid rgba(0,0,0,.1); background-color: transparent; border-radius: 0; } .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover { opacity: 1; } .ui.secondary.menu>.menu>.active.item, .ui.secondary.menu>.active.item { background-color: rgba(0,0,0,.08); opacity: 1; -webkit-box-shadow: none; box-shadow: none; } .ui.secondary.vertical.menu>.active.item { border-radius: .3125em; } .ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item { color: rgba(255,255,255,.5); } .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover { color: rgba(255,255,255,.9); } .ui.secondary.inverted.menu>.active.item { background-color: rgba(255,255,255,.9); } .ui.secondary.item.menu>.item { margin: 0; } .ui.secondary.attached.menu { -webkit-box-shadow: none; box-shadow: none; } .ui.secondary.pointing.menu { border-bottom: 3px solid rgba(0,0,0,.1); } .ui.secondary.pointing.menu>.menu>.item, .ui.secondary.pointing.menu>.item { margin: 0 0 -3px; padding: .6em .95em; border-bottom: 3px solid rgba(0,0,0,0); border-radius: 0; -webkit-transition: color .2s; transition: color .2s; } .ui.secondary.pointing.menu .header.item { border-left-width: 0; font-weight: 700; } .ui.secondary.pointing.menu .text.item { -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.secondary.pointing.menu>.menu>.item:after, .ui.secondary.pointing.menu>.item:after { display: none; } .ui.secondary.pointing.menu>.menu>.link.item:hover, .ui.secondary.pointing.menu>.link.item:hover, .ui.secondary.pointing.menu>.menu>a.item:hover, .ui.secondary.pointing.menu>a.item:hover { background-color: transparent; color: rgba(0,0,0,.7); } .ui.secondary.pointing.menu>.menu>.link.item:active, .ui.secondary.pointing.menu>.link.item:active, .ui.secondary.pointing.menu>.menu>a.item:active, .ui.secondary.pointing.menu>a.item:active { background-color: transparent; border-color: rgba(0,0,0,.2); } .ui.secondary.pointing.menu>.menu>.item.active, .ui.secondary.pointing.menu>.item.active { background-color: transparent; border-color: rgba(0,0,0,.4); -webkit-box-shadow: none; box-shadow: none; } .ui.secondary.vertical.pointing.menu { border: 0; border-left: 3px solid rgba(0,0,0,.1); } .ui.secondary.vertical.menu>.item { border: 0; margin: 0 0 .3em; padding: .6em .8em; border-radius: .1875em; } .ui.secondary.vertical.menu>.header.item { border-radius: 0; } .ui.secondary.vertical.pointing.menu>.item { margin: 0 0 0 -3px; border-bottom: 0; border-left: 3px solid transparent; border-radius: 0; } .ui.secondary.vertical.pointing.menu>.item.hover, .ui.secondary.vertical.pointing.menu>.item:hover { background-color: transparent; color: rgba(0,0,0,.7); } .ui.secondary.vertical.pointing.menu>.item:active { background-color: transparent; border-color: rgba(0,0,0,.2); } .ui.secondary.vertical.pointing.menu>.item.active { background-color: transparent; border-color: rgba(0,0,0,.4); color: rgba(0,0,0,.85); } .ui.secondary.inverted.menu { background-color: transparent; } .ui.secondary.inverted.pointing.menu { border-bottom: 3px solid rgba(255,255,255,.1); } .ui.secondary.inverted.pointing.menu>.item { color: rgba(255,255,255,.7); } .ui.secondary.inverted.pointing.menu>.item.hover, .ui.secondary.inverted.pointing.menu>.item:hover { color: rgba(255,255,255,.85); } .ui.secondary.inverted.pointing.menu>.item:active { border-color: rgba(255,255,255,.4)!important; } .ui.secondary.inverted.pointing.menu>.item.active { border-color: rgba(255,255,255,.8)!important; color: #fff; } .ui.secondary.inverted.vertical.pointing.menu { border-left: 3px solid rgba(255,255,255,.1); border-bottom: 0; } .ui.text.menu { background-color: transparent; margin: 1rem -1rem; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .ui.text.menu>.item { opacity: .8; margin: 0 1em; padding: 0; height: auto!important; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .ui.text.menu>.item:before { display: none!important; } .ui.text.menu .header.item { background-color: transparent; opacity: 1; color: rgba(50,50,50,.8); font-size: .875rem; padding: 0; text-transform: uppercase; font-weight: 700; } .ui.text.item.menu .item { margin: 0; } .ui.vertical.text.menu { margin: 1rem 0; } .ui.vertical.text.menu:first-child { margin-top: 0rem; } .ui.vertical.text.menu:last-child { margin-bottom: 0rem; } .ui.vertical.text.menu .item { float: right; clear: right; margin: .5em 0; } .ui.vertical.text.menu .item>.icon { float: none; margin: 0 0 0 .83em; } .ui.vertical.text.menu .header.item { margin: .8em 0; } .ui.text.menu .item.hover, .ui.text.menu .item:hover { opacity: 1; background-color: transparent; } .ui.text.menu .active.item { background-color: transparent; padding: 0; border: 0; opacity: 1; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } .ui.text.pointing.menu .active.item:after { -webkit-box-shadow: none; box-shadow: none; } .ui.text.attached.menu { -webkit-box-shadow: none; box-shadow: none; } .ui.inverted.text.menu, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover, .ui.inverted.text.menu .item.active { background-color: transparent; } .ui.icon.menu, .ui.vertical.icon.menu { width: auto; display: inline-block; height: auto; } .ui.icon.menu>.item { height: auto; text-align: center; color: rgba(60,60,60,.7); } .ui.icon.menu>.item>.icon { display: block; float: none!important; opacity: 1; margin: 0 auto!important; } .ui.icon.menu .icon:before { opacity: 1; } .ui.menu .icon.item .icon { margin: 0; } .ui.vertical.icon.menu { float: none; } .ui.inverted.icon.menu .item { color: rgba(255,255,255,.8); } .ui.inverted.icon.menu .icon { color: #fff; } .ui.labeled.icon.menu { text-align: center; } .ui.labeled.icon.menu>.item>.icon { display: block; font-size: 1.5em!important; margin: 0 auto .3em!important; } .ui.menu .green.active.item, .ui.green.menu .active.item { border-color: #A1CF64!important; color: #A1CF64!important; } .ui.menu .red.active.item, .ui.red.menu .active.item { border-color: #D95C5C!important; color: #D95C5C!important; } .ui.menu .blue.active.item, .ui.blue.menu .active.item { border-color: #6ECFF5!important; color: #6ECFF5!important; } .ui.menu .purple.active.item, .ui.purple.menu .active.item { border-color: #564F8A!important; color: #564F8A!important; } .ui.menu .orange.active.item, .ui.orange.menu .active.item { border-color: #F05940!important; color: #F05940!important; } .ui.menu .teal.active.item, .ui.teal.menu .active.item { border-color: #00B5AD!important; color: #00B5AD!important; } .ui.inverted.menu { background-color: #333; -webkit-box-shadow: none; box-shadow: none; } .ui.inverted.menu .header.item { margin: 0; background-color: rgba(0,0,0,.3); -webkit-box-shadow: none; box-shadow: none; } .ui.inverted.menu .item, .ui.inverted.menu .item>a { color: #FFF; } .ui.inverted.menu .item .item, .ui.inverted.menu .item .item>a { color: rgba(255,255,255,.8); } .ui.inverted.menu .dropdown.item .menu .item, .ui.inverted.menu .dropdown.item .menu .item a { color: rgba(0,0,0,.75)!important; } .ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover, .ui.inverted.menu .item.disabled.hover { color: rgba(255,255,255,.2); } .ui.inverted.menu .item:before { background-image: -webkit-linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%); background-image: -webkit-gradient(linear, top right, bottom right, from(rgba(255,255,255,.03)), color-stop(50%, rgba(255,255,255,.1)), to(rgba(255,255,255,.03))); background-image: -webkit-linear-gradient(rgba(255,255,255,.03) 0, rgba(255,255,255,.1) 50%, rgba(255,255,255,.03) 100%); background-image: linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%); } .ui.vertical.inverted.menu .item:before { background-image: -webkit-linear-gradient(right,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%); background-image: -webkit-gradient(linear, top right, top left, from(rgba(255,255,255,.03)), color-stop(50%, rgba(255,255,255,.1)), to(rgba(255,255,255,.03))); background-image: -webkit-linear-gradient(right, rgba(255,255,255,.03) 0, rgba(255,255,255,.1) 50%, rgba(255,255,255,.03) 100%); background-image: linear-gradient(right,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%); } .ui.link.inverted.menu .item:hover, .ui.inverted.menu .item.hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover, .ui.inverted.menu .dropdown.item.hover, .ui.inverted.menu .dropdown.item:hover { background-color: rgba(255,255,255,.1); } .ui.inverted.menu a.item:hover, .ui.inverted.menu .item.hover, .ui.inverted.menu .item>a:hover, .ui.inverted.menu .item .menu a.item:hover, .ui.inverted.menu .item .menu a.item.hover, .ui.inverted.menu .item .menu .link.item:hover, .ui.inverted.menu .item .menu .link.item.hover { color: #fff; } .ui.inverted.menu a.item:active, .ui.inverted.menu .dropdown.item:active, .ui.inverted.menu .link.item:active, .ui.inverted.menu a.item:active { background-color: rgba(255,255,255,.15); } .ui.inverted.menu .active.item { -webkit-box-shadow: none!important; box-shadow: none!important; background-color: rgba(255,255,255,.2); } .ui.inverted.menu .active.item, .ui.inverted.menu .active.item a { color: #fff!important; } .ui.inverted.vertical.menu .item .menu .active.item { background-color: rgba(255,255,255,.2); color: #fff; } .ui.inverted.pointing.menu .active.item:after { background-color: #505050; -webkit-box-shadow: none; box-shadow: none; } .ui.inverted.pointing.menu .active.item:hover:after { background-color: #3B3B3B; } .ui.selection.menu>.item { color: rgba(0,0,0,.4); } .ui.selection.menu>.item:hover { color: rgba(0,0,0,.6); } .ui.selection.menu>.item.active { color: rgba(0,0,0,.85); } .ui.inverted.selection.menu>.item { color: rgba(255,255,255,.4); } .ui.inverted.selection.menu>.item:hover { color: rgba(255,255,255,.9); } .ui.inverted.selection.menu>.item.active { color: #FFF; } .ui.floated.menu { float: right; margin: 0rem 0rem 0rem .5rem; } .ui.right.floated.menu { float: left; margin: 0rem .5rem 0rem 0rem; } .ui.grey.menu { background-color: #F0F0F0; } .ui.inverted.green.menu { background-color: #A1CF64; } .ui.inverted.green.pointing.menu .active.item:after { background-color: #A1CF64; } .ui.inverted.red.menu { background-color: #D95C5C; } .ui.inverted.red.pointing.menu .active.item:after { background-color: #F16883; } .ui.inverted.blue.menu { background-color: #6ECFF5; } .ui.inverted.blue.pointing.menu .active.item:after { background-color: #6ECFF5; } .ui.inverted.purple.menu { background-color: #564F8A; } .ui.inverted.purple.pointing.menu .active.item:after { background-color: #564F8A; } .ui.inverted.orange.menu { background-color: #F05940; } .ui.inverted.orange.pointing.menu .active.item:after { background-color: #F05940; } .ui.inverted.teal.menu { background-color: #00B5AD; } .ui.inverted.teal.pointing.menu .active.item:after { background-color: #00B5AD; } .ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item { padding: 0; } .ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, .ui.menu .horizontally.fitted.item { padding-top: .83em; padding-bottom: .83em; } .ui.vertically.fitted.menu .item, .ui.vertically.fitted.menu .item .menu .item, .ui.menu .vertically.fitted.item { padding-right: .95em; padding-left: .95em; } .ui.borderless.menu .item:before, .ui.borderless.menu .item .menu .item:before, .ui.menu .borderless.item:before { background-image: none; } .ui.compact.menu { display: inline-block; margin: 0; vertical-align: middle; } .ui.compact.vertical.menu { width: auto!important; } .ui.compact.vertical.menu .item:last-child::before { display: block; } .ui.menu.fluid, .ui.vertical.menu.fluid { display: block; width: 100%!important; } .ui.item.menu, .ui.item.menu .item { width: 100%; padding-right: 0!important; padding-left: 0!important; text-align: center; } .ui.menu.two.item .item { width: 50%; } .ui.menu.three.item .item { width: 33.333%; } .ui.menu.four.item .item { width: 25%; } .ui.menu.five.item .item { width: 20%; } .ui.menu.six.item .item { width: 16.666%; } .ui.menu.seven.item .item { width: 14.285%; } .ui.menu.eight.item .item { width: 12.5%; } .ui.menu.nine.item .item { width: 11.11%; } .ui.menu.ten.item .item { width: 10%; } .ui.menu.eleven.item .item { width: 9.09%; } .ui.menu.twelve.item .item { width: 8.333%; } .ui.menu.fixed { position: fixed; z-index: 10; margin: 0; border: 0; width: 100%; } .ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child { border-radius: 0!important; } .ui.menu.fixed.top { top: 0; right: 0; left: auto; bottom: auto; } .ui.menu.fixed.right { top: 0; left: 0; right: auto; bottom: auto; width: auto; height: 100%; } .ui.menu.fixed.bottom { bottom: 0; right: 0; top: auto; left: auto; } .ui.menu.fixed.left { top: 0; right: 0; left: auto; bottom: auto; width: auto; height: 100%; } .ui.pointing.menu .active.item:after { position: absolute; bottom: -.35em; right: 50%; content: ""; margin-right: -.3em; width: .6em; height: .6em; border: 0; border-bottom: 1px solid rgba(0,0,0,.1); border-left: 1px solid rgba(0,0,0,.1); background-image: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; -webkit-transition: background .2s ease; transition: background .2s ease; } .ui.pointing.menu .active.item .menu .active.item:after { display: none; } .ui.vertical.pointing.menu .active.item:after { position: absolute; top: 50%; margin-top: -.3em; left: -.4em; bottom: auto; right: auto; border: 0; border-top: 1px solid rgba(0,0,0,.1); border-left: 1px solid rgba(0,0,0,.1); } .ui.pointing.menu .active.item:after { background-color: #FCFCFC; } .ui.pointing.menu .active.item.hover:after, .ui.pointing.menu .active.item:hover:after { background-color: #FAFAFA; } .ui.vertical.pointing.menu .menu .active.item:after { background-color: #F4F4F4; } .ui.pointing.menu a.active.item:active:after { background-color: #F0F0F0; } .ui.menu.attached { margin: 0rem; border-radius: 0; -webkit-box-shadow: 0 0 0 1px #DDD; box-shadow: 0 0 0 1px #DDD; } .ui.top.attached.menu { border-radius: .1875em .1875em 0 0; } .ui.menu.bottom.attached { border-radius: 0 0 .1875em .1875em; } .ui.small.menu .item { font-size: .875rem; } .ui.small.menu:not(.vertical) .item>.input input { padding-top: .4em; padding-bottom: .4em; } .ui.small.vertical.menu { width: 13rem; } .ui.menu .item { font-size: 1rem; } .ui.vertical.menu { width: 15rem; } .ui.large.menu .item { font-size: 1.125rem; } .ui.large.menu .item .item { font-size: .875rem; } .ui.large.menu:not(.vertical) .item>.input input { top: -.125em; padding-bottom: .6em; padding-top: .6em; } .ui.large.menu .dropdown.item .item { font-size: 1rem; } .ui.large.vertical.menu { width: 18rem; } .ui.message { position: relative; min-height: 18px; margin: 1em 0; height: auto; background-color: #EFEFEF; padding: 1em; line-height: 1.33; color: rgba(0,0,0,.6); -webkit-transition: opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: .325em; } .ui.message:first-child { margin-top: 0; } .ui.message:last-child { margin-bottom: 0; } .ui.message .header { margin: 0; font-size: 1.33em; font-weight: 700; } .ui.message p { opacity: .85; margin: 1em 0; } .ui.message p:first-child { margin-top: 0; } .ui.message p:last-child { margin-bottom: 0; } .ui.message .header+p { margin-top: .3em; } .ui.message>:first-child { margin-top: 0; } .ui.message>:last-child { margin-bottom: 0; } .ui.message ul.list { opacity: .85; list-style-position: inside; margin: .2em 0; padding: 0; } .ui.message ul.list li { position: relative; list-style-type: none; margin: 0 1em .3em 0; padding: 0; } .ui.message ul.list li:before { position: absolute; content: '\2022'; top: -.05em; right: -.8em; height: 100%; vertical-align: baseline; opacity: .5; } .ui.message ul.list li:first-child { margin-top: 0; } .ui.message>.close.icon { cursor: pointer; position: absolute; top: 1em; left: .5em; opacity: .7; -webkit-transition: opacity .1s linear; transition: opacity .1s linear; } .ui.message>.close.icon:hover { opacity: 1; } .ui.message.visible, .ui.header.visible { display: block!important; } .ui.message.hidden, .ui.header.hidden { display: none; } .ui.compact.message { display: inline-block; } .ui.attached.message { margin-right: -1px; margin-left: -1px; margin-bottom: -1px; border-radius: .325em .325em 0 0; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } .ui.bottom.attached.message { margin-top: -1px; border-radius: 0 0 .325em .325em; } .ui.icon.message { display: table; width: 100%; } .ui.icon.message>.icon { display: table-cell; vertical-align: middle; font-size: 3.8em; opacity: .5; } .ui.icon.message>.icon+.content { padding-right: 1em; } .ui.icon.message>.content { display: table-cell; vertical-align: middle; } .ui.inverted.message { background-color: rgba(255,255,255,.05); color: rgba(255,255,255,.95); } .ui.floating.message { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset; } .ui.black.message { background-color: #333; color: rgba(255,255,255,.95); } .ui.blue.message, .ui.info.message { background-color: #E6F4F9; color: #4D8796; } .ui.green.message { background-color: #DEFCD5; color: #52A954; } .ui.yellow.message, .ui.warning.message { background-color: #F6F3D5; color: #96904D; } .ui.red.message { background-color: #F1D7D7; color: #A95252; } .ui.success.message, .ui.positive.message { background-color: #DEFCD5; color: #52A954; } .ui.error.message, .ui.negative.message { background-color: #F1D7D7; color: #A95252; } .ui.small.message { font-size: .875em; } .ui.message { font-size: 1em; } .ui.large.message { font-size: 1.125em; } .ui.huge.message { font-size: 1.5em; } .ui.massive.message { font-size: 2em; } .ui.table { width: 100%; border-collapse: collapse; } .ui.table th, .ui.table tr, .ui.table td { border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; } .ui.table thead { border-bottom: 1px solid rgba(0,0,0,.03); } .ui.table tfoot th { background-color: rgba(0,0,0,.03); } .ui.table th { cursor: auto; background-color: rgba(0,0,0,.05); text-align: right; color: rgba(0,0,0,.8); padding: .5em .7em; vertical-align: middle; } .ui.table thead th:first-child { border-radius: 0 5px 0; } .ui.table thead th:last-child { border-radius: 5px 0 0 0; } .ui.table tfoot th:first-child { border-radius: 0 0 5px 0; } .ui.table tfoot th:last-child { border-radius: 0 0 5px; } .ui.table td { padding: .4em .7em; vertical-align: middle; } .ui.table tfoot { border-top: 1px solid rgba(0,0,0,.03); } .ui.table tfoot th { font-weight: 400; font-style: italic; } .ui.table tbody tr:nth-child(2n) { background-color: rgba(0,0,50,.02); } .ui.table>.icon { vertical-align: baseline; } .ui.table>.icon:only-child { margin: 0; } .ui.table.segment:after { display: none; } .ui.table.segment.stacked:after { display: block; } @media only screen and (max-width:768px) { .ui.table { display: block; padding: 0; } .ui.table thead, .ui.table tfoot { display: none; } .ui.table tbody { display: block; } .ui.table tr { display: block; } .ui.table tr>td { width: 100%!important; display: block; border: 0!important; padding: .25em .75em; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.05)!important; box-shadow: 0 1px 0 0 rgba(0,0,0,.05)!important; } .ui.table td:first-child { font-weight: 700; padding-top: 1em; } .ui.table td:last-child { -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset!important; box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset!important; padding-bottom: 1em; } .ui.table tr>td.warning, .ui.table tr>td.error, .ui.table tr>td.active, .ui.table tr>td.positive, .ui.table tr>td.negative { background-color: transparent!important; } } .ui.sortable.table th.disabled:hover { cursor: auto; text-align: right; font-weight: 700; color: #333; color: rgba(0,0,0,.8); } .ui.sortable.table thead th:hover { background-color: rgba(0,0,0,.13); color: rgba(0,0,0,.8); } .ui.inverted.sortable.table thead th:hover { background-color: rgba(255,255,255,.13); color: #fff; } .ui.table tr.positive, .ui.table td.positive { -webkit-box-shadow: 2px 0 0 #119000 inset; box-shadow: 2px 0 0 #119000 inset; } .ui.table tr.positive td, .ui.table td.positive { background-color: #F2F8F0!important; color: #119000!important; } .ui.celled.table tr.positive:hover td, .ui.celled.table tr:hover td.positive, .ui.table tr.positive:hover td, .ui.table td:hover.positive, .ui.table th:hover.positive { background-color: #ECF5E9!important; color: #119000!important; } .ui.table tr.negative, .ui.table td.negative { -webkit-box-shadow: 2px 0 0 #CD2929 inset; box-shadow: 2px 0 0 #CD2929 inset; } .ui.table tr.negative td, .ui.table td.negative { background-color: #F9F4F4; color: #CD2929!important; } .ui.celled.table tr.negative:hover td, .ui.celled.table tr:hover td.negative, .ui.table tr.negative:hover td, .ui.table td:hover.negative, .ui.table th:hover.negative { background-color: #F2E8E8; color: #CD2929; } .ui.table tr.error, .ui.table td.error { -webkit-box-shadow: 2px 0 0 #CD2929 inset; box-shadow: 2px 0 0 #CD2929 inset; } .ui.table tr.error td, .ui.table td.error, .ui.table th.error { background-color: #F9F4F4; color: #CD2929; } .ui.celled.table tr.error:hover td, .ui.celled.table tr:hover td.error, .ui.table tr.error:hover td, .ui.table td:hover.error, .ui.table th:hover.error { background-color: #F2E8E8; color: #CD2929; } .ui.table tr.warning, .ui.table td.warning { -webkit-box-shadow: 2px 0 0 #7D6C00 inset; box-shadow: 2px 0 0 #7D6C00 inset; } .ui.table tr.warning td, .ui.table td.warning, .ui.table th.warning { background-color: #FBF6E9; color: #7D6C00; } .ui.celled.table tr.warning:hover td, .ui.celled.table tr:hover td.warning, .ui.table tr.warning:hover td, .ui.table td:hover.warning, .ui.table th:hover.warning { background-color: #F3EDDC; color: #7D6C00; } .ui.table tr.active, .ui.table td.active { -webkit-box-shadow: 2px 0 0 rgba(50,50,50,.9) inset; box-shadow: 2px 0 0 rgba(50,50,50,.9) inset; } .ui.table tr.active td, .ui.table tr td.active { background-color: #E0E0E0; color: rgba(50,50,50,.9); } .ui.table tr.disabled td, .ui.table tr td.disabled, .ui.table tr.disabled:hover td, .ui.table tr:hover td.disabled { color: rgba(150,150,150,.3); } .ui.two.column.table td { width: 50%; } .ui.three.column.table td { width: 33.3333%; } .ui.four.column.table td { width: 25%; } .ui.five.column.table td { width: 20%; } .ui.six.column.table td { width: 16.66667%; } .ui.seven.column.table td { width: 14.2857%; } .ui.eight.column.table td { width: 12.5%; } .ui.nine.column.table td { width: 11.1111%; } .ui.ten.column.table td { width: 10%; } .ui.eleven.column.table td { width: 9.0909%; } .ui.twelve.column.table td { width: 8.3333%; } .ui.thirteen.column.table td { width: 7.6923%; } .ui.fourteen.column.table td { width: 7.1428%; } .ui.fifteen.column.table td { width: 6.6666%; } .ui.sixteen.column.table td { width: 6.25%; } .ui.table th.one.wide, .ui.table td.one.wide { width: 6.25%; } .ui.table th.two.wide, .ui.table td.two.wide { width: 12.5%; } .ui.table th.three.wide, .ui.table td.three.wide { width: 18.75%; } .ui.table th.four.wide, .ui.table td.four.wide { width: 25%; } .ui.table th.five.wide, .ui.table td.five.wide { width: 31.25%; } .ui.table th.six.wide, .ui.table td.six.wide { width: 37.5%; } .ui.table th.seven.wide, .ui.table td.seven.wide { width: 43.75%; } .ui.table th.eight.wide, .ui.table td.eight.wide { width: 50%; } .ui.table th.nine.wide, .ui.table td.nine.wide { width: 56.25%; } .ui.table th.ten.wide, .ui.table td.ten.wide { width: 62.5%; } .ui.table th.eleven.wide, .ui.table td.eleven.wide { width: 68.75%; } .ui.table th.twelve.wide, .ui.table td.twelve.wide { width: 75%; } .ui.table th.thirteen.wide, .ui.table td.thirteen.wide { width: 81.25%; } .ui.table th.fourteen.wide, .ui.table td.fourteen.wide { width: 87.5%; } .ui.table th.fifteen.wide, .ui.table td.fifteen.wide { width: 93.75%; } .ui.table th.sixteen.wide, .ui.table td.sixteen.wide { width: 100%; } .ui.celled.table { color: rgba(0,0,0,.8); } .ui.celled.table tbody tr, .ui.celled.table tfoot tr { border: 0; } .ui.celled.table th, .ui.celled.table td { border: 1px solid rgba(0,0,0,.1); } .ui.celled.table.segment th:first-child, .ui.celled.table.segment td:first-child { border-right: 0; } .ui.celled.table.segment th:last-child, .ui.celled.table.segment td:last-child { border-left: 0; } .ui.sortable.table thead th { cursor: pointer; white-space: nowrap; } .ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui.sortable.table thead th:after { display: inline-block; content: ''; width: 1em; opacity: .8; margin: 0 .5em 0 0; font-family: Icons; font-style: normal; font-weight: 400; text-decoration: inherit; } .ui.sortable.table thead th.ascending:after { content: '\25b4'; } .ui.sortable.table thead th.descending:after { content: '\25be'; } .ui.inverted.table td { color: rgba(255,255,255,.9); } .ui.inverted.table th { background-color: rgba(0,0,0,.15); color: rgba(255,255,255,.9); } .ui.inverted.table tbody tr:nth-child(2n) { background-color: rgba(255,255,255,.06); } .ui.definition.table td:first-child { font-weight: 700; } .ui.collapsing.table { width: auto; } .ui.basic.table th { background-color: transparent; padding: .5em; } .ui.basic.table tbody tr { border-bottom: 1px solid rgba(0,0,0,.03); } .ui.basic.table td { padding: .8em .5em; } .ui.basic.table tbody tr:nth-child(2n) { background-color: transparent!important; } .ui.padded.table th, .ui.padded.table td { padding: .8em 1em; } .ui.compact.table th { padding: .3em .5em; } .ui.compact.table td { padding: .2em .5em; } .ui.small.table { font-size: .875em; } .ui.table { font-size: 1em; } .ui.large.table { font-size: 1.1em; } @font-face { font-family: 'Basic Icons'; src: url(../fonts/basic.icons.eot); src: url(../fonts/basic.icons.eot?#iefix) format('embedded-opentype'),url(../fonts/basic.icons.woff) format('woff'),url(../fonts/basic.icons.ttf) format('truetype'),url(../fonts/basic.icons.svg#basic.icons) format('svg'); font-style: normal; font-weight: 400; font-variant: normal; text-decoration: inherit; text-transform: none; } i.basic.icon { display: inline-block; opacity: .75; margin: 0 0 0 .25em; width: 1.23em; height: 1em; font-family: 'Basic Icons'; font-style: normal; line-height: 1; font-weight: 400; text-decoration: inherit; text-align: center; speak: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } i.basic.icon.circle.attention:before { content: '\2757'; } i.basic.icon.circle.help:before { content: '\e704'; } i.basic.icon.circle.info:before { content: '\e705'; } i.basic.icon.add:before { content: '\2795'; } i.basic.icon.chart:before { content: '📈'; } i.basic.icon.chart.bar:before { content: '📊'; } i.basic.icon.chart.pie:before { content: '\e7a2'; } i.basic.icon.resize.full:before { content: '\e744'; } i.basic.icon.resize.horizontal:before { content: '\2b0d'; } i.basic.icon.resize.small:before { content: '\e746'; } i.basic.icon.resize.vertical:before { content: '\2b0c'; } i.basic.icon.down:before { content: '\2193'; } i.basic.icon.down.triangle:before { content: '\25be'; } i.basic.icon.down.arrow:before { content: '\e75c'; } i.basic.icon.left:before { content: '\2190'; } i.basic.icon.left.triangle:before { content: '\25c2'; } i.basic.icon.left.arrow:before { content: '\e75d'; } i.basic.icon.right:before { content: '\2192'; } i.basic.icon.right.triangle:before { content: '\25b8'; } i.basic.icon.right.arrow:before { content: '\e75e'; } i.basic.icon.up:before { content: '\2191'; } i.basic.icon.up.triangle:before { content: '\25b4'; } i.basic.icon.up.arrow:before { content: '\e75f'; } i.basic.icon.folder:before { content: '\e810'; } i.basic.icon.open.folder:before { content: '📂'; } i.basic.icon.globe:before { content: '𝌍'; } i.basic.icon.desk.globe:before { content: '🌐'; } i.basic.icon.star:before { content: '\e801'; } i.basic.icon.star.empty:before { content: '\e800'; } i.basic.icon.star.half:before { content: '\e701'; } i.basic.icon.lock:before { content: '🔒'; } i.basic.icon.unlock:before { content: '🔓'; } i.basic.icon.layout.grid:before { content: '\e80c'; } i.basic.icon.layout.block:before { content: '\e708'; } i.basic.icon.layout.list:before { content: '\e80b'; } i.basic.icon.heart.empty:before { content: '\2661'; } i.basic.icon.heart:before { content: '\2665'; } i.basic.icon.asterisk:before { content: '\2731'; } i.basic.icon.attachment:before { content: '📎'; } i.basic.icon.attention:before { content: '\26a0'; } i.basic.icon.trophy:before { content: '🏉'; } i.basic.icon.barcode:before { content: '\e792'; } i.basic.icon.cart:before { content: '\e813'; } i.basic.icon.block:before { content: '🚫'; } i.basic.icon.book:before { content: '📖'; } i.basic.icon.bookmark:before { content: '🔖'; } i.basic.icon.calendar:before { content: '📅'; } i.basic.icon.cancel:before { content: '\2716'; } i.basic.icon.close:before { content: '\e80d'; } i.basic.icon.color:before { content: '\e794'; } i.basic.icon.chat:before { content: '\e720'; } i.basic.icon.check:before { content: '\2611'; } i.basic.icon.time:before { content: '🕔'; } i.basic.icon.cloud:before { content: '\2601'; } i.basic.icon.code:before { content: '\e714'; } i.basic.icon.email:before { content: '\40'; } i.basic.icon.settings:before { content: '\26ef'; } i.basic.icon.setting:before { content: '\2699'; } i.basic.icon.comment:before { content: '\e802'; } i.basic.icon.clockwise.counter:before { content: '\27f2'; } i.basic.icon.clockwise:before { content: '\27f3'; } i.basic.icon.cube:before { content: '\e807'; } i.basic.icon.direction:before { content: '\27a2'; } i.basic.icon.doc:before { content: '📄'; } i.basic.icon.docs:before { content: '\e736'; } i.basic.icon.dollar:before { content: '💵'; } i.basic.icon.paint:before { content: '\e7b5'; } i.basic.icon.edit:before { content: '\270d'; } i.basic.icon.eject:before { content: '\2ecf'; } i.basic.icon.export:before { content: '\e715'; } i.basic.icon.hide:before { content: '\e80f'; } i.basic.icon.unhide:before { content: '\e70b'; } i.basic.icon.facebook:before { content: '\f301'; } i.basic.icon.fast-forward:before { content: '\e804'; } i.basic.icon.fire:before { content: '🔥'; } i.basic.icon.flag:before { content: '\2691'; } i.basic.icon.lightning:before { content: '\26a1'; } i.basic.icon.lab:before { content: '\68'; } i.basic.icon.flight:before { content: '\2708'; } i.basic.icon.forward:before { content: '\27a6'; } i.basic.icon.gift:before { content: '🎁'; } i.basic.icon.github:before { content: '\f308'; } i.basic.icon.globe:before { content: '\e817'; } i.basic.icon.headphones:before { content: '🎧'; } i.basic.icon.question:before { content: '\2753'; } i.basic.icon.home:before { content: '\2302'; } i.basic.icon.i:before { content: '\2139'; } i.basic.icon.idea:before { content: '💡'; } i.basic.icon.open:before { content: '🔗'; } i.basic.icon.content:before { content: '\e782'; } i.basic.icon.location:before { content: '\e724'; } i.basic.icon.mail:before { content: '\2709'; } i.basic.icon.mic:before { content: '🎤'; } i.basic.icon.minus:before { content: '\2d'; } i.basic.icon.money:before { content: '💰'; } i.basic.icon.off:before { content: '\e78e'; } i.basic.icon.pause:before { content: '\e808'; } i.basic.icon.photos:before { content: '\e812'; } i.basic.icon.photo:before { content: '🌄'; } i.basic.icon.pin:before { content: '📌'; } i.basic.icon.play:before { content: '\e809'; } i.basic.icon.plus:before { content: '\2b'; } i.basic.icon.print:before { content: '\e716'; } i.basic.icon.rss:before { content: '\e73a'; } i.basic.icon.search:before { content: '🔍'; } i.basic.icon.shuffle:before { content: '\e803'; } i.basic.icon.tag:before { content: '\e80a'; } i.basic.icon.tags:before { content: '\e70d'; } i.basic.icon.terminal:before { content: '\e7ac'; } i.basic.icon.thumbs.down:before { content: '👎'; } i.basic.icon.thumbs.up:before { content: '👍'; } i.basic.icon.to-end:before { content: '\e806'; } i.basic.icon.to-start:before { content: '\e805'; } i.basic.icon.top.list:before { content: '🏆'; } i.basic.icon.trash:before { content: '\e729'; } i.basic.icon.twitter:before { content: '\f303'; } i.basic.icon.upload:before { content: '\e711'; } i.basic.icon.user.add:before { content: '\e700'; } i.basic.icon.user:before { content: '👤'; } i.basic.icon.community:before { content: '\e814'; } i.basic.icon.users:before { content: '👥'; } i.basic.icon.id:before { content: '\e722'; } i.basic.icon.url:before { content: '🔗'; } i.basic.icon.zoom.in:before { content: '\e750'; } i.basic.icon.zoom.out:before { content: '\e751'; } i.dropdown.basic.icon { margin: 0 .5em 0 0; } i.basic.icon.star { width: auto; margin: 0; } i.basic.icon.left, i.basic.icon.left, i.basic.icon.left { width: auto; margin: 0 0 0 .5em; } i.basic.icon.search, i.basic.icon.up, i.basic.icon.down, i.basic.icon.right { width: auto; margin: 0 .5em 0 0; } i.basic.icon.delete:before { content: '\e80d'; } i.basic.icon.dropdown:before { content: '\25be'; } i.basic.icon.help:before { content: '\e704'; } i.basic.icon.info:before { content: '\e705'; } i.basic.icon.error:before { content: '\e80d'; } i.basic.icon.dislike:before { content: '\2661'; } i.basic.icon.like:before { content: '\2665'; } i.basic.icon.eye:before { content: '\e80f'; } i.basic.icon.eye.hidden:before { content: '\e70b'; } i.basic.icon.date:before { content: '📅'; } i.basic.icon.hover { opacity: 1; } i.basic.icon.active { opacity: 1; } i.emphasized.basic.icon { opacity: 1; } i.basic.icon.disabled { opacity: .3; } i.link.basic.icon { cursor: pointer; opacity: .7; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .link.basic.icon:hover { opacity: 1!important; } i.circular.basic.icon { border-radius: 500px!important; padding: .5em 0!important; -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; line-height: 1!important; width: 2em!important; height: 2em!important; } i.circular.inverted.basic.icon { border: 0; -webkit-box-shadow: none; box-shadow: none; } i.vertically.flipped.basic.icon { -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); } i.horizontally.flipped.basic.icon { -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1); } i.left.rotated.basic.icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } i.right.rotated.basic.icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } i.square.basic.icon { width: 2em; height: 2em; padding: .5em .35em!important; -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; vertical-align: baseline; } i.square.basic.icon:before { vertical-align: middle; } i.square.inverted.basic.icon { border: 0; -webkit-box-shadow: none; box-shadow: none; } i.inverted.basic.icon { background-color: #222; color: #FFF; } i.blue.basic.icon { color: #6ECFF5!important; } i.black.basic.icon { color: #5C6166!important; } i.green.basic.icon { color: #A1CF64!important; } i.red.basic.icon { color: #D95C5C!important; } i.purple.basic.icon { color: #564F8A!important; } i.teal.basic.icon { color: #00B5AD!important; } i.inverted.black.basic.icon { background-color: #5C6166!important; color: #FFF!important; } i.inverted.blue.basic.icon { background-color: #6ECFF5!important; color: #FFF!important; } i.inverted.green.basic.icon { background-color: #A1CF64!important; color: #FFF!important; } i.inverted.red.basic.icon { background-color: #D95C5C!important; color: #FFF!important; } i.inverted.purple.basic.icon { background-color: #564F8A!important; color: #FFF!important; } i.inverted.teal.basic.icon { background-color: #00B5AD!important; color: #FFF!important; } i.small.basic.icon { font-size: .875em; } i.basic.icon { font-size: 1em; } i.large.basic.icon { font-size: 1.5em; margin-left: .2em; vertical-align: middle; } i.big.basic.icon { font-size: 2em; margin-left: .5em; vertical-align: middle; } i.huge.basic.icon { font-size: 4em; margin-left: .75em; vertical-align: middle; } i.massive.basic.icon { font-size: 8em; margin-left: 1em; vertical-align: middle; } .ui.button { cursor: pointer; display: inline-block; vertical-align: middle; min-height: 1em; outline: 0; border: 0; background-color: #FAFAFA; color: gray; margin: 0; padding: .8em 1.5em .875em; font-size: 1rem; text-transform: uppercase; line-height: 1; font-weight: 700; font-style: normal; text-align: center; text-decoration: none; background-image: -webkit-gradient(linear, top right, bottom right, from(rgba(0,0,0,0)), to(rgba(0,0,0,.05))); background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.05)); background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05)); border-radius: .25em; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08) inset,0 -.133em 0 0 rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.08) inset,0 -.133em 0 0 rgba(0,0,0,.1) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transition: opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,-webkit-box-shadow .25s ease; transition: opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease; } .ui.buttons .active.button, .ui.active.button { background-color: #EAEAEA; background-image: none; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset!important; box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset!important; color: rgba(0,0,0,.7); } .ui.button:not(.loading):hover { background-image: -webkit-gradient(linear, top right, bottom right, from(rgba(0,0,0,0)), to(rgba(0,0,0,.08))); background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.08)); background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.08)); color: rgba(0,0,0,.7); } .ui.button.active:hover { background-image: none; } .ui.button:hover .icon, .ui.button.hover .icon { opacity: .85; } .ui.button:not(.loading):active, .ui.active.button:not(.loading):active { background-color: #F1F1F1; color: rgba(0,0,0,.7); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset!important; box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset!important; } .ui.loading.button { position: relative; cursor: default; background-color: #FFF!important; color: transparent!important; -webkit-transition: all 0s linear; transition: all 0s linear; } .ui.loading.button:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%; } .ui.labeled.icon.loading.button .icon { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .ui.disabled.button, .ui.disabled.button:hover, .ui.disabled.button.active { background-color: #DDD!important; cursor: default; color: rgba(0,0,0,.5)!important; opacity: .3!important; background-image: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.animated.button { position: relative; overflow: hidden; } .ui.animated.button .visible.content { position: relative; } .ui.animated.button .hidden.content { position: absolute; width: 100%; } .ui.animated.button .visible.content, .ui.animated.button .hidden.content { -webkit-transition: left .3s ease 0s; transition: left .3s ease 0s; } .ui.animated.button .visible.content { right: auto; left: 0; } .ui.animated.button .hidden.content { top: 50%; right: auto; left: -100%; margin-top: -.55em; } .ui.animated.button:hover .visible.content { right: auto; left: 200%; } .ui.animated.button:hover .hidden.content { right: auto; left: 0; } .ui.vertical.animated.button .visible.content, .ui.vertical.animated.button .hidden.content { -webkit-transition: top .3s ease 0s,-webkit-transform .3s ease 0s; transition: top .3s ease 0s,transform .3s ease 0s; } .ui.vertical.animated.button .visible.content { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); left: auto; } .ui.vertical.animated.button .hidden.content { top: -100%; right: 0; left: auto; } .ui.vertical.animated.button:hover .visible.content { -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); left: auto; } .ui.vertical.animated.button:hover .hidden.content { top: 50%; left: auto; } .ui.fade.animated.button .visible.content, .ui.fade.animated.button .hidden.content { -webkit-transition: opacity .3s ease 0s,-webkit-transform .3s ease 0s; transition: opacity .3s ease 0s,transform .3s ease 0s; } .ui.fade.animated.button .visible.content { right: auto; left: auto; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ui.fade.animated.button .hidden.content { opacity: 0; right: 0; left: auto; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .ui.fade.animated.button:hover .visible.content { right: auto; left: auto; opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .ui.fade.animated.button:hover .hidden.content { right: 0; left: auto; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ui.primary.buttons .button, .ui.primary.button { background-color: #D95C5C; color: #FFF; } .ui.primary.buttons .button:hover, .ui.primary.button:hover, .ui.primary.buttons .active.button, .ui.primary.button.active { background-color: #E75859; color: #FFF; } .ui.primary.buttons .button:active, .ui.primary.button:active { background-color: #D24B4C; color: #FFF; } .ui.secondary.buttons .button, .ui.secondary.button { background-color: #00B5AD; color: #FFF; } .ui.secondary.buttons .button:hover, .ui.secondary.button:hover, .ui.secondary.buttons .active.button, .ui.secondary.button.active { background-color: #009A93; color: #FFF; } .ui.secondary.buttons .button:active, .ui.secondary.button:active { background-color: #00847E; color: #FFF; } .ui.facebook.button { background-color: #3B579D; color: #FFF; } .ui.facebook.button:hover { background-color: #3A59A9; color: #FFF; } .ui.facebook.button:active { background-color: #334F95; color: #FFF; } .ui.twitter.button { background-color: #4092CC; color: #FFF; } .ui.twitter.button:hover { background-color: #399ADE; color: #FFF; } .ui.twitter.button:active { background-color: #3283BC; color: #FFF; } .ui.google.plus.button { background-color: #D34836; color: #FFF; } .ui.google.plus.button:hover { background-color: #E3432E; color: #FFF; } .ui.google.plus.button:active { background-color: #CA3A27; color: #FFF; } .ui.linkedin.button { background-color: #1F88BE; color: #FFF; } .ui.linkedin.button:hover { background-color: #1394D6; color: #FFF; } .ui.linkedin.button:active { background-color: #1179AE; color: #FFF; } .ui.youtube.button { background-color: #CC181E; color: #FFF; } .ui.youtube.button:hover { background-color: #DF0209; color: #FFF; } .ui.youtube.button:active { background-color: #A50006; color: #FFF; } .ui.instagram.button { background-color: #49769C; color: #FFF; } .ui.instagram.button:hover { background-color: #4781B1; color: #FFF; } .ui.instagram.button:active { background-color: #38658A; color: #FFF; } .ui.pinterest.button { background-color: #00ACED; color: #FFF; } .ui.pinterest.button:hover { background-color: #00B9FF; color: #FFF; } .ui.pinterest.button:active { background-color: #009EDA; color: #FFF; } .ui.button>.icon { margin-left: .6em; line-height: 1; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; } .ui.left.floated.buttons, .ui.left.floated.button { float: right; margin-left: .25em; } .ui.right.floated.buttons, .ui.right.floated.button { float: left; margin-right: .25em; } .ui.buttons .button, .ui.button { font-size: 1rem; } .ui.mini.buttons .button, .ui.mini.buttons .or, .ui.mini.button { font-size: .8rem; } .ui.mini.buttons .button, .ui.mini.button { padding: .6em .8em .73em; } .ui.mini.icon.buttons .button, .ui.mini.buttons .icon.button { padding: .6em .6em .73em; } .ui.tiny.buttons .button, .ui.tiny.buttons .or, .ui.tiny.button { font-size: .875rem; } .ui.tiny.buttons .button, .ui.tiny.buttons .button, .ui.tiny.button { padding: .6em .8em .73em; } .ui.tiny.icon.buttons .button, .ui.tiny.buttons .icon.button { padding: .6em .6em .73em; } .ui.small.buttons .button, .ui.small.buttons .or, .ui.small.button { font-size: .875rem; } .ui.large.buttons .button, .ui.large.buttons .or, .ui.large.button { font-size: 1.125rem; } .ui.big.buttons .button, .ui.big.buttons .or, .ui.big.button { font-size: 1.25rem; } .ui.huge.buttons .button, .ui.huge.buttons .or, .ui.huge.button { font-size: 1.375rem; } .ui.massive.buttons .button, .ui.massive.buttons .or, .ui.massive.button { font-size: 1.5rem; font-weight: 700; } .ui.tiny.buttons .or:before, .ui.mini.buttons .or:before { width: 1.45em; height: 1.55em; line-height: 1.4; margin-right: -.725em; margin-top: -.25em; } .ui.tiny.buttons .or:after, .ui.mini.buttons .or:after { height: 1.45em; } .ui.huge.loading.button:after { background-image: url(../images/loader-small.gif); } .ui.massive.buttons .loading.button:after, .ui.gigantic.buttons .loading.button:after, .ui.massive.loading.button:after, .ui.gigantic.loading.button:after { background-image: url(../images/loader-medium.gif); } .ui.huge.loading.button:after, .ui.huge.loading.button.active:after { background-image: url(../images/loader-small.gif); } .ui.massive.buttons .loading.button:after, .ui.gigantic.buttons .loading.button:after, .ui.massive.loading.button:after, .ui.gigantic.loading.button:after, .ui.massive.buttons .loading.button.active:after, .ui.gigantic.buttons .loading.button.active:after, .ui.massive.loading.button.active:after, .ui.gigantic.loading.button.active:after { background-image: url(../images/loader-medium.gif); } .ui.icon.buttons .button, .ui.icon.button { padding: .8em .8em .875em; } .ui.icon.buttons .button>.icon, .ui.icon.button>.icon { opacity: .9; margin: 0; vertical-align: top; } .ui.basic.buttons .button, .ui.basic.button { background-color: transparent!important; background-image: none; color: gray!important; font-weight: 400; text-transform: none; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } .ui.basic.buttons { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; border-radius: .25em; } .ui.basic.buttons .button:hover, .ui.basic.button:hover { background-image: none; color: #7F7F7F!important; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.18) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.18) inset; } .ui.basic.buttons .button:active, .ui.basic.button:active { background-color: rgba(0,0,0,.02)!important; color: #7F7F7F!important; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } .ui.basic.buttons .button.active, .ui.basic.button.active { background-color: rgba(0,0,0,.05); color: #7F7F7F; -webkit-box-shadow: 0 0 0 1px #BDBDBD inset; box-shadow: 0 0 0 1px #BDBDBD inset; } .ui.basic.buttons .button.active:hover, .ui.basic.button.active:hover { background-color: rgba(0,0,0,.1); } .ui.basic.buttons .button { border-right: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: none; box-shadow: none; } .ui.basic.buttons .button:hover, .ui.basic.buttons .button:active { -webkit-box-shadow: none; box-shadow: none; } .ui.basic.buttons .button.active, .ui.basic.buttons .button.active:hover { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; } .ui.labeled.icon.buttons .button, .ui.labeled.icon.button { position: relative; padding-right: 4em!important; padding-left: 1.4em!important; } .ui.labeled.icon.buttons>.button>.icon, .ui.labeled.icon.button>.icon { position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 2.75em; height: 100%; padding-top: .85em; background-color: rgba(0,0,0,.05); text-align: center; border-radius: 0 .25em .25em 0; line-height: 1; -webkit-box-shadow: -1px 0 0 0 rgba(0,0,0,.05) inset; box-shadow: -1px 0 0 0 rgba(0,0,0,.05) inset; } .ui.labeled.icon.buttons .button>.icon { border-radius: 0; } .ui.labeled.icon.buttons .button:first-child>.icon { border-top-right-radius: .25em; border-bottom-right-radius: .25em; } .ui.labeled.icon.buttons .button:last-child>.icon { border-top-left-radius: .25em; border-bottom-left-radius: .25em; } .ui.vertical.labeled.icon.buttons .button:first-child>.icon { border-radius: 0; border-top-right-radius: .25em; } .ui.vertical.labeled.icon.buttons .button:last-child>.icon { border-radius: 0; border-bottom-right-radius: .25em; } .ui.right.labeled.icon.button { padding-right: 1.4em!important; padding-left: 4em!important; } .ui.left.fluid.labeled.icon.button, .ui.right.fluid.labeled.icon.button { padding-right: 1.4em!important; padding-left: 1.4em!important; } .ui.right.labeled.icon.button .icon { right: auto; left: 0; border-radius: .25em 0 0 .25em; -webkit-box-shadow: 1px 0 0 0 rgba(0,0,0,.05) inset; box-shadow: 1px 0 0 0 rgba(0,0,0,.05) inset; } .ui.toggle.buttons .active.button, .ui.buttons .button.toggle.active, .ui.button.toggle.active { background-color: #5BBD72!important; color: #FFF!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.button.toggle.active:hover { background-color: #58CB73!important; color: #FFF!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .ui.circular.button { border-radius: 10em; } .ui.attached.button { display: block; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1)!important; box-shadow: 0 0 0 1px rgba(0,0,0,.1)!important; } .ui.attached.top.button { border-radius: .25em .25em 0 0; } .ui.attached.bottom.button { border-radius: 0 0 .25em .25em; } .ui.attached.left.button { display: inline-block; border-right: 0; padding-left: .75em; text-align: left; border-radius: 0 .25em .25em 0; } .ui.attached.right.button { display: inline-block; padding-right: .75em; text-align: right; border-radius: .25em 0 0 .25em; } .ui.buttons .or { position: relative; float: right; width: .3em; height: 1.1em; z-index: 3; } .ui.buttons .or:before { position: absolute; top: 50%; right: 50%; content: 'or'; background-color: #FFF; margin-top: -.1em; margin-right: -.9em; width: 1.8em; height: 1.8em; line-height: 1.55; color: #AAA; font-style: normal; font-weight: 400; text-align: center; border-radius: 500px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.buttons .or:after { position: absolute; top: 0; right: 0; content: ' '; width: .3em; height: 1.7em; background-color: transparent; border-top: .5em solid #FFF; border-bottom: .5em solid #FFF; } .ui.fluid.buttons .or { width: 0!important; } .ui.fluid.buttons .or:after { display: none; } .attached.ui.buttons { margin: 0; border-radius: 4px 4px 0 0; } .attached.ui.buttons .button:first-child { border-radius: 0 4px 0; } .attached.ui.buttons .button:last-child { border-radius: 4px 0 0 0; } .bottom.attached.ui.buttons { margin-top: -1px; border-radius: 0 0 4px 4px; } .bottom.attached.ui.buttons .button:first-child { border-radius: 0 0 4px 0; } .bottom.attached.ui.buttons .button:last-child { border-radius: 0 0 4px; } .left.attached.ui.buttons { margin-right: -1px; border-radius: 4px 0 0 4px; } .left.attached.ui.buttons .button:first-child { margin-right: -1px; border-radius: 4px 0 0 0; } .left.attached.ui.buttons .button:last-child { margin-right: -1px; border-radius: 0 0 4px; } .right.attached.ui.buttons, .right.attached.ui.buttons .button { margin-left: -1px; border-radius: 0 4px 4px 0; } .right.attached.ui.buttons .button:first-child { margin-right: -1px; border-radius: 0 4px 0; } .right.attached.ui.buttons .button:last-child { margin-right: -1px; border-radius: 0 0 4px 0; } .ui.fluid.buttons, .ui.button.fluid, .ui.fluid.buttons>.button { display: block; width: 100%; } .ui.\32.buttons>.button, .ui.two.buttons>.button { width: 50%; } .ui.\33.buttons>.button, .ui.three.buttons>.button { width: 33.333%; } .ui.\34.buttons>.button, .ui.four.buttons>.button { width: 25%; } .ui.\35.buttons>.button, .ui.five.buttons>.button { width: 20%; } .ui.\36.buttons>.button, .ui.six.buttons>.button { width: 16.666%; } .ui.\37.buttons>.button, .ui.seven.buttons>.button { width: 14.285%; } .ui.\38.buttons>.button, .ui.eight.buttons>.button { width: 12.5%; } .ui.\39.buttons>.button, .ui.nine.buttons>.button { width: 11.11%; } .ui.\31\30.buttons>.button, .ui.ten.buttons>.button { width: 10%; } .ui.\31\31.buttons>.button, .ui.eleven.buttons>.button { width: 9.09%; } .ui.\31\32.buttons>.button, .ui.twelve.buttons>.button { width: 8.3333%; } .ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons>.button { display: block; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.\32.vertical.buttons>.button, .ui.two.vertical.buttons>.button { height: 50%; } .ui.\33.vertical.buttons>.button, .ui.three.vertical.buttons>.button { height: 33.333%; } .ui.\34.vertical.buttons>.button, .ui.four.vertical.buttons>.button { height: 25%; } .ui.\35.vertical.buttons>.button, .ui.five.vertical.buttons>.button { height: 20%; } .ui.\36.vertical.buttons>.button, .ui.six.vertical.buttons>.button { height: 16.666%; } .ui.\37.vertical.buttons>.button, .ui.seven.vertical.buttons>.button { height: 14.285%; } .ui.\38.vertical.buttons>.button, .ui.eight.vertical.buttons>.button { height: 12.5%; } .ui.\39.vertical.buttons>.button, .ui.nine.vertical.buttons>.button { height: 11.11%; } .ui.\31\30.vertical.buttons>.button, .ui.ten.vertical.buttons>.button { height: 10%; } .ui.\31\31.vertical.buttons>.button, .ui.eleven.vertical.buttons>.button { height: 9.09%; } .ui.\31\32.vertical.buttons>.button, .ui.twelve.vertical.buttons>.button { height: 8.3333%; } .ui.black.buttons .button, .ui.black.button { background-color: #5C6166; color: #FFF; } .ui.black.buttons .button:hover, .ui.black.button:hover { background-color: #4C4C4C; color: #FFF; } .ui.black.buttons .button:active, .ui.black.button:active { background-color: #333; color: #FFF; } .ui.green.buttons .button, .ui.green.button { background-color: #5BBD72; color: #FFF; } .ui.green.buttons .button:hover, .ui.green.button:hover, .ui.green.buttons .active.button, .ui.green.button.active { background-color: #58cb73; color: #FFF; } .ui.green.buttons .button:active, .ui.green.button:active { background-color: #4CB164; color: #FFF; } .ui.red.buttons .button, .ui.red.button { background-color: #D95C5C; color: #FFF; } .ui.red.buttons .button:hover, .ui.red.button:hover, .ui.red.buttons .active.button, .ui.red.button.active { background-color: #E75859; color: #FFF; } .ui.red.buttons .button:active, .ui.red.button:active { background-color: #D24B4C; color: #FFF; } .ui.orange.buttons .button, .ui.orange.button { background-color: #E96633; color: #FFF; } .ui.orange.buttons .button:hover, .ui.orange.button:hover, .ui.orange.buttons .active.button, .ui.orange.button.active { background-color: #FF7038; color: #FFF; } .ui.orange.buttons .button:active, .ui.orange.button:active { background-color: #DA683B; color: #FFF; } .ui.blue.buttons .button, .ui.blue.button { background-color: #6ECFF5; color: #FFF; } .ui.blue.buttons .button:hover, .ui.blue.button:hover, .ui.blue.buttons .active.button, .ui.blue.button.active { background-color: #1AB8F3; color: #FFF; } .ui.blue.buttons .button:active, .ui.blue.button:active { background-color: #0AA5DF; color: #FFF; } .ui.purple.buttons .button, .ui.purple.button { background-color: #564F8A; color: #FFF; } .ui.purple.buttons .button:hover, .ui.purple.button:hover, .ui.purple.buttons .active.button, .ui.purple.button.active { background-color: #3E3773; color: #FFF; } .ui.purple.buttons .button:active, .ui.purple.button:active { background-color: #2E2860; color: #FFF; } .ui.teal.buttons .button, .ui.teal.button { background-color: #00B5AD; color: #FFF; } .ui.teal.buttons .button:hover, .ui.teal.button:hover, .ui.teal.buttons .active.button, .ui.teal.button.active { background-color: #009A93; color: #FFF; } .ui.teal.buttons .button:active, .ui.teal.button:active { background-color: #00847E; color: #FFF; } .ui.positive.buttons .button, .ui.positive.button { background-color: #5BBD72!important; color: #FFF; } .ui.positive.buttons .button:hover, .ui.positive.button:hover, .ui.positive.buttons .active.button, .ui.positive.button.active { background-color: #58CB73!important; color: #FFF; } .ui.positive.buttons .button:active, .ui.positive.button:active { background-color: #4CB164!important; color: #FFF; } .ui.negative.buttons .button, .ui.negative.button { background-color: #D95C5C!important; color: #FFF; } .ui.negative.buttons .button:hover, .ui.negative.button:hover, .ui.negative.buttons .active.button, .ui.negative.button.active { background-color: #E75859!important; color: #FFF; } .ui.negative.buttons .button:active, .ui.negative.button:active { background-color: #D24B4C!important; color: #FFF; } .ui.buttons { display: inline-block; vertical-align: middle; } .ui.buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui.buttons .button:first-child { border-right: 0; } .ui.buttons .button { float: right; border-radius: 0; } .ui.buttons .button:first-child { margin-right: 0; border-top-right-radius: .25em; border-bottom-right-radius: .25em; } .ui.buttons .button:last-child { border-top-left-radius: .25em; border-bottom-left-radius: .25em; } .ui.vertical.buttons { display: inline-block; } .ui.vertical.buttons .button { display: block; float: none; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } .ui.vertical.buttons .button:first-child, .ui.vertical.buttons .mini.button:first-child, .ui.vertical.buttons .tiny.button:first-child, .ui.vertical.buttons .small.button:first-child, .ui.vertical.buttons .massive.button:first-child, .ui.vertical.buttons .huge.button:first-child { margin-top: 0; border-radius: .25em .25em 0 0; } .ui.vertical.buttons .button:last-child, .ui.vertical.buttons .mini.button:last-child, .ui.vertical.buttons .tiny.button:last-child, .ui.vertical.buttons .small.button:last-child, .ui.vertical.buttons .massive.button:last-child, .ui.vertical.buttons .huge.button:last-child, .ui.vertical.buttons .gigantic.button:last-child { border-radius: 0 0 .25em .25em; } .ui.divider { margin: 1rem 0rem; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(255,255,255,.8); line-height: 1; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .ui.vertical.divider, .ui.horizontal.divider { position: absolute; border: 0; height: 0; margin: 0; background-color: transparent; font-size: .875rem; font-weight: 700; text-align: center; text-transform: uppercase; color: rgba(0,0,0,.8); } .ui.vertical.divider { position: absolute; z-index: 2; top: 50%; right: 50%; margin: 0 -3% 0 0; width: 6%; height: 50%; line-height: 0; padding: 0; } .ui.vertical.divider:before, .ui.vertical.divider:after { position: absolute; right: 50%; content: " "; z-index: 3; border-right: 1px solid rgba(0,0,0,.1); border-left: 1px solid rgba(255,255,255,.8); width: 0; height: 80%; } .ui.vertical.divider:before { top: -100%; } .ui.vertical.divider:after { top: auto; bottom: 0; } .ui.horizontal.divider { position: relative; top: 0; right: 0; margin: 1rem 1.5rem; height: auto; padding: 0; line-height: 1; } .ui.horizontal.divider:before, .ui.horizontal.divider:after { position: absolute; content: " "; z-index: 3; width: 50%; top: 50%; height: 0; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(255,255,255,.8); } .ui.horizontal.divider:before { right: 0; margin-right: -1.5rem; } .ui.horizontal.divider:after { right: auto; left: 0; margin-left: -1.5rem; } .ui.divider>.icon { margin: 0; font-size: 1rem; vertical-align: middle; } .ui.divider.inverted { color: #fff; } .ui.vertical.inverted.divider, .ui.horizontal.inverted.divider { color: rgba(255,255,255,.9); } .ui.divider.inverted, .ui.divider.inverted:after, .ui.divider.inverted:before { border-top-color: rgba(0,0,0,.15); border-bottom-color: rgba(255,255,255,.15); border-right-color: rgba(0,0,0,.15); border-left-color: rgba(255,255,255,.15); } .ui.fitted.divider { margin: 0; } .ui.clearing.divider { clear: both; } .ui.section.divider { margin-top: 2rem; margin-bottom: 2rem; } .ui.header { border: 0; margin: 1em 0 1rem; padding: 0; font-size: 1.33em; font-weight: 700; line-height: 1.33; } .ui.header .sub.header { font-size: 1rem; font-weight: 400; margin: 0; padding: 0; line-height: 1.2; color: rgba(0,0,0,.5); } .ui.header .icon { display: table-cell; vertical-align: middle; padding-left: .5em; } .ui.header .icon:only-child { display: inline-block; } .ui.header .content { display: inline-block; vertical-align: top; } .ui.header .icon+.content { padding-right: .5em; display: table-cell; } .ui.header:first-child { margin-top: 0; } .ui.header:last-child { margin-bottom: 0; } .ui.header+p { margin-top: 0; } h1.ui.header { min-height: 1rem; line-height: 1.33; font-size: 2rem; } h2.ui.header { line-height: 1.33; font-size: 1.75rem; } h3.ui.header { line-height: 1.33; font-size: 1.33rem; } h4.ui.header { line-height: 1.33; font-size: 1.1rem; } h5.ui.header { line-height: 1.2; font-size: 1rem; } .ui.huge.header { min-height: 1em; font-size: 2em; } .ui.large.header { font-size: 1.75em; } .ui.medium.header { font-size: 1.33em; } .ui.small.header { font-size: 1.1em; } .ui.tiny.header { font-size: 1em; } .ui.icon.header { display: inline-block; text-align: center; } .ui.icon.header .icon { float: none; display: block; font-size: 3em; margin: 0 auto .2em; padding: 0; } .ui.icon.header .content { display: block; } .ui.icon.header .circular.icon, .ui.icon.header .square.icon { font-size: 2em; } .ui.block.icon.header .icon { margin-bottom: 0; } .ui.icon.header.aligned { margin-right: auto; margin-left: auto; display: block; } .ui.disabled.header { opacity: .5; } .ui.blue.header { color: #6ECFF5!important; } .ui.black.header { color: #5C6166!important; } .ui.green.header { color: #A1CF64!important; } .ui.red.header { color: #D95C5C!important; } .ui.purple.header { color: #564F8A!important; } .ui.teal.header { color: #00B5AD!important; } .ui.blue.dividing.header { border-bottom: 3px solid #6ECFF5; } .ui.black.dividing.header { border-bottom: 3px solid #5C6166; } .ui.green.dividing.header { border-bottom: 3px solid #A1CF64; } .ui.red.dividing.header { border-bottom: 3px solid #D95C5C; } .ui.purple.dividing.header { border-bottom: 3px solid #564F8A; } .ui.teal.dividing.header { border-bottom: 3px solid #00B5AD; } .ui.inverted.header { color: #FFF; } .ui.inverted.header .sub.header { color: rgba(255,255,255,.85); } .ui.inverted.black.header { background-color: #5C6166!important; color: #FFF!important; } .ui.inverted.blue.header { background-color: #6ECFF5!important; color: #FFF!important; } .ui.inverted.green.header { background-color: #A1CF64!important; color: #FFF!important; } .ui.inverted.red.header { background-color: #D95C5C!important; color: #FFF!important; } .ui.inverted.purple.header { background-color: #564F8A!important; color: #FFF!important; } .ui.inverted.teal.header { background-color: #00B5AD!important; color: #FFF!important; } .ui.inverted.block.header { border-bottom: 0; } .ui.left.aligned.header { text-align: right; } .ui.right.aligned.header { text-align: left; } .ui.center.aligned.header { text-align: center; } .ui.floated.header, .ui.left.floated.header { float: right; margin-top: 0; margin-left: .5em; } .ui.right.floated.header { float: left; margin-top: 0; margin-right: .5em; } .ui.fitted.header { padding: 0; } .ui.dividing.header { padding-bottom: .2rem; border-bottom: 1px solid rgba(0,0,0,.1); } .ui.dividing.header .sub.header { padding-bottom: .5em; } .ui.dividing.header .icon { margin-bottom: .2em; } .ui.block.header { background-color: rgba(0,0,0,.05); padding: .5em 1em; } .ui.attached.header { background-color: #E0E0E0; padding: .5em 1rem; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); } .ui.top.attached.header { margin-bottom: 0; border-radius: .3125em .3125em 0 0; } .ui.bottom.attached.header { margin-top: 0; border-radius: 0 0 .3125em .3125em; } /*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fon.io. Stay up to date on Twitter at * http://twitter.com/fon. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL /******************************* Icon *******************************/ @font-face { font-family: Icons; src: url(../fonts/icons.eot); src: url(../fonts/icons.eot?#iefix) format('embedded-opentype'),url(../fonts/icons.woff) format('woff'),url(../fonts/icons.ttf) format('truetype'),url(../fonts/icons.svg#icons) format('svg'); font-style: normal; font-weight: 400; font-variant: normal; text-decoration: inherit; text-transform: none; } i.icon { display: inline-block; opacity: .75; margin: 0 0 0 .25em; width: 1.23em; height: 1em; font-family: Icons; font-style: normal; line-height: 1; font-weight: 400; text-decoration: inherit; text-align: center; speak: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } i.icon.left:before { content: "\f060"; } i.icon.right:before { content: "\f061"; } i.icon.add.sign.box:before { content: "\f0fe"; } i.icon.add.sign:before { content: "\f055"; } i.icon.add:before { content: "\f067"; } i.icon.adjust:before { content: "\f042"; } i.icon.adn:before { content: "\f170"; } i.icon.align.center:before { content: "\f037"; } i.icon.align.justify:before { content: "\f039"; } i.icon.align.left:before { content: "\f036"; } i.icon.align.right:before { content: "\f038"; } i.icon.ambulance:before { content: "\f0f9"; } i.icon.anchor:before { content: "\f13d"; } i.icon.android:before { content: "\f17b"; } i.icon.angle.down:before { content: "\f107"; } i.icon.angle.left:before { content: "\f104"; } i.icon.angle.right:before { content: "\f105"; } i.icon.angle.up:before { content: "\f106"; } i.icon.apple:before { content: "\f179"; } i.icon.archive:before { content: "\f187"; } i.icon.arrow.down:before { content: "\f078"; } i.icon.arrow.left:before { content: "\f053"; } i.icon.arrow.right:before { content: "\f054"; } i.icon.arrow.sign.down:before { content: "\f13a"; } i.icon.arrow.sign.left:before { content: "\f137"; } i.icon.arrow.sign.right:before { content: "\f138"; } i.icon.arrow.sign.up:before { content: "\f139"; } i.icon.arrow.up:before { content: "\f077"; } i.icon.asterisk:before { content: "\f069"; } i.icon.attachment:before { content: "\f0c6"; } i.icon.attention:before { content: "\f06a"; } i.icon.backward:before { content: "\f04a"; } i.icon.ban.circle:before { content: "\f05e"; } i.icon.bar.chart:before { content: "\f080"; } i.icon.barcode:before { content: "\f02a"; } i.icon.beer:before { content: "\f0fc"; } i.icon.bell.outline:before { content: "\f0a2"; } i.icon.bell:before { content: "\f0f3"; } i.icon.bitbucket.sign:before { content: "\f172"; } i.icon.bitbucket:before { content: "\f171"; } i.icon.bitcoin:before { content: "\f15a"; } i.icon.bold:before { content: "\f032"; } i.icon.bolt:before { content: "\f0e7"; } i.icon.book:before { content: "\f02d"; } i.icon.bookmark.empty:before { content: "\f097"; } i.icon.bookmark:before { content: "\f02e"; } i.icon.box.arrow.down:before { content: "\f150"; } i.icon.box.arrow.right:before { content: "\f152"; } i.icon.box.arrow.up:before { content: "\f151"; } i.icon.briefcase:before { content: "\f0b1"; } i.icon.browser:before { content: "\f022"; } i.icon.bug:before { content: "\f188"; } i.icon.building:before { content: "\f0f7"; } i.icon.bullhorn:before { content: "\f0a1"; } i.icon.bullseye:before { content: "\f140"; } i.icon.calendar.empty:before { content: "\f133"; } i.icon.calendar:before { content: "\f073"; } i.icon.camera.retro:before { content: "\f083"; } i.icon.camera:before { content: "\f030"; } i.icon.triangle.down:before { content: "\f0d7"; } i.icon.triangle.left:before { content: "\f0d9"; } i.icon.triangle.right:before { content: "\f0da"; } i.icon.triangle.up:before { content: "\f0d8"; } i.icon.cart:before { content: "\f07a"; } i.icon.certificate:before { content: "\f0a3"; } i.icon.chat.outline:before { content: "\f0e6"; } i.icon.chat:before { content: "\f086"; } i.icon.checkbox.empty:before { content: "\f096"; } i.icon.checkbox.minus:before { content: "\f147"; } i.icon.checked.checkbox:before { content: "\f046"; } i.icon.checkmark.sign:before { content: "\f14a"; } i.icon.checkmark:before { content: "\f00c"; } i.icon.circle.blank:before { content: "\f10c"; } i.icon.circle.down:before { content: "\f0ab"; } i.icon.circle.left:before { content: "\f0a8"; } i.icon.circle.right:before { content: "\f0a9"; } i.icon.circle.up:before { content: "\f0aa"; } i.icon.circle:before { content: "\f111"; } i.icon.cloud.download:before { content: "\f0ed"; } i.icon.cloud.upload:before { content: "\f0ee"; } i.icon.cloud:before { content: "\f0c2"; } i.icon.code.fork:before { content: "\f126"; } i.icon.code:before { content: "\f121"; } i.icon.coffee:before { content: "\f0f4"; } i.icon.collapse:before { content: "\f117"; } i.icon.comment.outline:before { content: "\f0e5"; } i.icon.comment:before { content: "\f075"; } i.icon.copy:before { content: "\f0c5"; } i.icon.crop:before { content: "\f125"; } i.icon.css3:before { content: "\f13c"; } i.icon.cut:before { content: "\f0c4"; } i.icon.dashboard:before { content: "\f0e4"; } i.icon.desktop:before { content: "\f108"; } i.icon.doctor:before { content: "\f0f0"; } i.icon.dollar:before { content: "\f155"; } i.icon.double.angle.down:before { content: "\f103"; } i.icon.double.angle.left:before { content: "\f100"; } i.icon.double.angle.right:before { content: "\f101"; } i.icon.double.angle.up:before { content: "\f102"; } i.icon.down:before { content: "\f063"; } i.icon.download.disk:before { content: "\f019"; } i.icon.download:before { content: "\f01a"; } i.icon.dribbble:before { content: "\f17d"; } i.icon.dropbox:before { content: "\f16b"; } i.icon.edit.sign:before { content: "\f14b"; } i.icon.edit:before { content: "\f044"; } i.icon.eject:before { content: "\f052"; } i.icon.ellipsis.horizontal:before { content: "\f141"; } i.icon.ellipsis.vertical:before { content: "\f142"; } i.icon.eraser:before { content: "\f12d"; } i.icon.euro:before { content: "\f153"; } i.icon.exchange:before { content: "\f0ec"; } i.icon.exclamation:before { content: "\f12a"; } i.icon.expand:before { content: "\f116"; } i.icon.external.url.sign:before { content: "\f14c"; } i.icon.external.url:before { content: "\f08e"; } i.icon.facebook.sign:before { content: "\f082"; } i.icon.facebook:before { content: "\f09a"; } i.icon.facetime.video:before { content: "\f03d"; } i.icon.fast.backward:before { content: "\f049"; } i.icon.fast.forward:before { content: "\f050"; } i.icon.female:before { content: "\f182"; } i.icon.fighter.jet:before { content: "\f0fb"; } i.icon.file.outline:before { content: "\f016"; } i.icon.file.text.outline:before { content: "\f0f6"; } i.icon.file.text:before { content: "\f15c"; } i.icon.file:before { content: "\f15b"; } i.icon.filter:before { content: "\f0b0"; } i.icon.fire.extinguisher:before { content: "\f134"; } i.icon.fire:before { content: "\f06d"; } i.icon.flag.checkered:before { content: "\f11e"; } i.icon.flag.empty:before { content: "\f11d"; } i.icon.flag:before { content: "\f024"; } i.icon.flickr:before { content: "\f16e"; } i.icon.folder.open.outline:before { content: "\f115"; } i.icon.folder.open:before { content: "\f07c"; } i.icon.folder.outline:before { content: "\f114"; } i.icon.folder:before { content: "\f07b"; } i.icon.font:before { content: "\f031"; } i.icon.food:before { content: "\f0f5"; } i.icon.forward.mail:before { content: "\f064"; } i.icon.forward:before { content: "\f04e"; } i.icon.foursquare:before { content: "\f180"; } i.icon.frown:before { content: "\f119"; } i.icon.fullscreen:before { content: "\f0b2"; } i.icon.gamepad:before { content: "\f11b"; } i.icon.gift:before { content: "\f06b"; } i.icon.github.alternate:before { content: "\f09b"; } i.icon.github.sign:before { content: "\f092"; } i.icon.github:before { content: "\f113"; } i.icon.gittip:before { content: "\f184"; } i.icon.glass:before { content: "\f000"; } i.icon.globe:before { content: "\f0ac"; } i.icon.google.plus.sign:before { content: "\f0d4"; } i.icon.google.plus:before { content: "\f0d5"; } i.icon.h.sign:before { content: "\f0fd"; } i.icon.hand.down:before { content: "\f0a7"; } i.icon.hand.left:before { content: "\f0a5"; } i.icon.hand.right:before { content: "\f0a4"; } i.icon.hand.up:before { content: "\f0a6"; } i.icon.hdd:before { content: "\f0a0"; } i.icon.headphones:before { content: "\f025"; } i.icon.heart.empty:before { content: "\f08a"; } i.icon.heart:before { content: "\f004"; } i.icon.help:before { content: "\f059"; } i.icon.hide:before { content: "\f070"; } i.icon.home:before { content: "\f015"; } i.icon.hospital:before { content: "\f0f8"; } i.icon.html5:before { content: "\f13b"; } i.icon.inbox:before { content: "\f01c"; } i.icon.indent.left:before { content: "\f03b"; } i.icon.indent.right:before { content: "\f03c"; } i.icon.info.letter:before { content: "\f129"; } i.icon.info:before { content: "\f05a"; } i.icon.instagram:before { content: "\f16d"; } i.icon.italic:before { content: "\f033"; } i.icon.key:before { content: "\f084"; } i.icon.keyboard:before { content: "\f11c"; } i.icon.lab:before { content: "\f0c3"; } i.icon.laptop:before { content: "\f109"; } i.icon.layout.block:before { content: "\f009"; } i.icon.layout.column:before { content: "\f0db"; } i.icon.layout.grid:before { content: "\f00a"; } i.icon.layout.list:before { content: "\f00b"; } i.icon.leaf:before { content: "\f06c"; } i.icon.legal:before { content: "\f0e3"; } i.icon.lemon:before { content: "\f094"; } i.icon.level.down:before { content: "\f149"; } i.icon.level.up:before { content: "\f148"; } i.icon.lightbulb:before { content: "\f0eb"; } i.icon.linkedin.sign:before { content: "\f08c"; } i.icon.linkedin:before { content: "\f0e1"; } i.icon.linux:before { content: "\f17c"; } i.icon.list.ordered:before { content: "\f0cb"; } i.icon.list.unordered:before { content: "\f0ca"; } i.icon.list:before { content: "\f03a"; } i.icon.loading:before { content: "\f110"; } i.icon.location:before { content: "\f124"; } i.icon.lock:before { content: "\f023"; } i.icon.long.arrow.down:before { content: "\f175"; } i.icon.long.arrow.left:before { content: "\f177"; } i.icon.long.arrow.right:before { content: "\f178"; } i.icon.long.arrow.up:before { content: "\f176"; } i.icon.magic:before { content: "\f0d0"; } i.icon.magnet:before { content: "\f076"; } i.icon.mail.outline:before { content: "\f003"; } i.icon.mail.reply:before { content: "\f112"; } i.icon.mail:before { content: "\f0e0"; } i.icon.male:before { content: "\f183"; } i.icon.map.marker:before { content: "\f041"; } i.icon.map:before { content: "\f14e"; } i.icon.maxcdn:before { content: "\f136"; } i.icon.medkit:before { content: "\f0fa"; } i.icon.meh:before { content: "\f11a"; } i.icon.minus.sign.alternate:before { content: "\f146"; } i.icon.minus.sign:before { content: "\f056"; } i.icon.minus:before { content: "\f068"; } i.icon.mobile:before { content: "\f10b"; } i.icon.money:before { content: "\f0d6"; } i.icon.moon:before { content: "\f186"; } i.icon.move:before { content: "\f047"; } i.icon.music:before { content: "\f001"; } i.icon.mute:before { content: "\f131"; } i.icon.off:before { content: "\f011"; } i.icon.ok.circle:before { content: "\f05d"; } i.icon.ok.sign:before { content: "\f058"; } i.icon.paste:before { content: "\f0ea"; } i.icon.pause:before { content: "\f04c"; } i.icon.payment:before { content: "\f09d"; } i.icon.pencil:before { content: "\f040"; } i.icon.phone.sign:before { content: "\f098"; } i.icon.phone:before { content: "\f095"; } i.icon.photo:before { content: "\f03e"; } i.icon.pin:before { content: "\f08d"; } i.icon.pinterest.sign:before { content: "\f0d3"; } i.icon.pinterest:before { content: "\f0d2"; } i.icon.plane:before { content: "\f072"; } i.icon.play.circle:before { content: "\f01d"; } i.icon.play.sign:before { content: "\f144"; } i.icon.play:before { content: "\f04b"; } i.icon.pound:before { content: "\f154"; } i.icon.print:before { content: "\f02f"; } i.icon.puzzle.piece:before { content: "\f12e"; } i.icon.qr.code:before { content: "\f029"; } i.icon.question:before { content: "\f128"; } i.icon.quote.left:before { content: "\f10d"; } i.icon.quote.right:before { content: "\f10e"; } i.icon.refresh:before { content: "\f021"; } i.icon.remove.circle:before { content: "\f05c"; } i.icon.remove.sign:before { content: "\f057"; } i.icon.remove:before { content: "\f00d"; } i.icon.renren:before { content: "\f18b"; } i.icon.reorder:before { content: "\f0c9"; } i.icon.repeat:before { content: "\f01e"; } i.icon.reply.all.mail:before { content: "\f122"; } i.icon.resize.full:before { content: "\f065"; } i.icon.resize.horizontal:before { content: "\f07e"; } i.icon.resize.small:before { content: "\f066"; } i.icon.resize.vertical:before { content: "\f07d"; } i.icon.retweet:before { content: "\f079"; } i.icon.road:before { content: "\f018"; } i.icon.rocket:before { content: "\f135"; } i.icon.rss.sign:before { content: "\f143"; } i.icon.rss:before { content: "\f09e"; } i.icon.rupee:before { content: "\f156"; } i.icon.save:before { content: "\f0c7"; } i.icon.screenshot:before { content: "\f05b"; } i.icon.search:before { content: "\f002"; } i.icon.setting:before { content: "\f013"; } i.icon.settings:before { content: "\f085"; } i.icon.share.sign:before { content: "\f14d"; } i.icon.share:before { content: "\f045"; } i.icon.shield:before { content: "\f132"; } i.icon.shuffle:before { content: "\f074"; } i.icon.sign.in:before { content: "\f090"; } i.icon.sign.out:before { content: "\f08b"; } i.icon.sign:before { content: "\f0c8"; } i.icon.signal:before { content: "\f012"; } i.icon.sitemap:before { content: "\f0e8"; } i.icon.skype:before { content: "\f17e"; } i.icon.smile:before { content: "\f118"; } i.icon.sort.alphabet.descending:before { content: "\f15e"; } i.icon.sort.alphabet:before { content: "\f15d"; } i.icon.sort.ascending:before { content: "\f0de"; } i.icon.sort.attributes.descending:before { content: "\f161"; } i.icon.sort.attributes:before { content: "\f160"; } i.icon.sort.descending:before { content: "\f0dd"; } i.icon.sort.order.descending:before { content: "\f163"; } i.icon.sort.order:before { content: "\f162"; } i.icon.sort:before { content: "\f0dc"; } i.icon.stackexchange:before { content: "\f16c"; } i.icon.star.empty:before { content: "\f006"; } i.icon.star.half.empty:before { content: "\f123"; } i.icon.star.half.full:before, i.icon.star.half:before { content: "\f089"; } i.icon.star:before { content: "\f005"; } i.icon.step.backward:before { content: "\f048"; } i.icon.step.forward:before { content: "\f051"; } i.icon.stethoscope:before { content: "\f0f1"; } i.icon.stop:before { content: "\f04d"; } i.icon.strikethrough:before { content: "\f0cc"; } i.icon.subscript:before { content: "\f12c"; } i.icon.suitcase:before { content: "\f0f2"; } i.icon.sun:before { content: "\f185"; } i.icon.superscript:before { content: "\f12b"; } i.icon.table:before { content: "\f0ce"; } i.icon.tablet:before { content: "\f10a"; } i.icon.tag:before { content: "\f02b"; } i.icon.tags:before { content: "\f02c"; } i.icon.tasks:before { content: "\f0ae"; } i.icon.terminal:before { content: "\f120"; } i.icon.text.height:before { content: "\f034"; } i.icon.text.width:before { content: "\f035"; } i.icon.thumbs.down.outline:before { content: "\f088"; } i.icon.thumbs.down:before { content: "\f165"; } i.icon.thumbs.up.outline:before { content: "\f087"; } i.icon.thumbs.up:before { content: "\f164"; } i.icon.ticket:before { content: "\f145"; } i.icon.time:before { content: "\f017"; } i.icon.tint:before { content: "\f043"; } i.icon.trash:before { content: "\f014"; } i.icon.trello:before { content: "\f181"; } i.icon.trophy:before { content: "\f091"; } i.icon.truck:before { content: "\f0d1"; } i.icon.tumblr.sign:before { content: "\f174"; } i.icon.tumblr:before { content: "\f173"; } i.icon.twitter.sign:before { content: "\f081"; } i.icon.twitter:before { content: "\f099"; } i.icon.umbrella:before { content: "\f0e9"; } i.icon.underline:before { content: "\f0cd"; } i.icon.undo:before { content: "\f0e2"; } i.icon.unhide:before { content: "\f06e"; } i.icon.unlink:before { content: "\f127"; } i.icon.unlock.alternate:before { content: "\f13e"; } i.icon.unlock:before { content: "\f09c"; } i.icon.unmute:before { content: "\f130"; } i.icon.up:before { content: "\f062"; } i.icon.upload.disk:before { content: "\f093"; } i.icon.upload:before { content: "\f01b"; } i.icon.url:before { content: "\f0c1"; } i.icon.user:before { content: "\f007"; } i.icon.users:before { content: "\f0c0"; } i.icon.video:before { content: "\f008"; } i.icon.vk:before { content: "\f189"; } i.icon.volume.down:before { content: "\f027"; } i.icon.volume.off:before { content: "\f026"; } i.icon.volume.up:before { content: "\f028"; } i.icon.warning:before { content: "\f071"; } i.icon.weibo:before { content: "\f18a"; } i.icon.windows:before { content: "\f17a"; } i.icon.won:before { content: "\f159"; } i.icon.wrench:before { content: "\f0ad"; } i.icon.xing.sign:before { content: "\f169"; } i.icon.xing:before { content: "\f168"; } i.icon.yen:before { content: "\f157"; } i.icon.youtube.play:before { content: "\f16a"; } i.icon.youtube.sign:before { content: "\f166"; } i.icon.youtube:before { content: "\f167"; } i.icon.yuan:before { content: "\f158"; } i.icon.zoom.in:before { content: "\f00e"; } i.icon.zoom.out:before { content: "\f010"; } i.icon.check:before { content: "\f00c"; } i.icon.close:before { content: "\f00d"; } i.icon.delete:before { content: "\f00d"; } i.icon.like:before { content: "\f004"; } i.icon.plus:before { content: "\f067"; } i.icon.signup:before { content: "\f044"; } i.icon.star { width: auto; margin: 0; } i.icon.left, i.icon.left, i.icon.left { width: auto; margin: 0 0 0 .5em; } i.icon.search, i.icon.up, i.icon.down, i.icon.right { width: auto; margin: 0 .5em 0 0; } i.icon.loading { -webkit-animation: icon-loading 2s linear infinite; -ms-animation: icon-loading 2s linear infinite; animation: icon-loading 2s linear infinite; } @keyframes icon-loading { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes icon-loading { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes icon-loading { from { -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); transform: rotate(360deg); } } i.icon.hover { opacity: 1; } i.icon.active { opacity: 1; } i.emphasized.icon { opacity: 1; } i.icon.disabled { opacity: .3; } i.link.icon { cursor: pointer; opacity: .7; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } i.link.icon:hover { opacity: 1!important; } i.circular.icon { border-radius: 500em!important; padding: .5em .35em!important; -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; line-height: 1!important; width: 2em!important; height: 2em!important; } i.circular.inverted.icon { border: 0; -webkit-box-shadow: none; box-shadow: none; } i.flipped.icon, i.horizontally.flipped.icon { -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1); } i.vertically.flipped.icon { -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); } i.rotated.icon, i.right.rotated.icon, i.clockwise.rotated.icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } i.left.rotated.icon, i.counterclockwise.rotated.icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } i.square.icon { width: 2em; height: 2em; padding: .5em .35em!important; -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; vertical-align: baseline; } i.square.inverted.icon { border: 0; -webkit-box-shadow: none; box-shadow: none; } i.inverted.icon { background-color: #222; color: #FFF; } i.blue.icon { color: #6ECFF5!important; } i.black.icon { color: #5C6166!important; } i.green.icon { color: #A1CF64!important; } i.red.icon { color: #D95C5C!important; } i.purple.icon { color: #564F8A!important; } i.teal.icon { color: #00B5AD!important; } i.inverted.black.icon { background-color: #5C6166!important; color: #FFF!important; } i.inverted.blue.icon { background-color: #6ECFF5!important; color: #FFF!important; } i.inverted.green.icon { background-color: #A1CF64!important; color: #FFF!important; } i.inverted.red.icon { background-color: #D95C5C!important; color: #FFF!important; } i.inverted.purple.icon { background-color: #564F8A!important; color: #FFF!important; } i.inverted.teal.icon { background-color: #00B5AD!important; color: #FFF!important; } i.small.icon { font-size: .875em; } i.icon { font-size: 1em; } i.large.icon { font-size: 1.5em; vertical-align: middle; } i.big.icon { font-size: 2em; vertical-align: middle; } i.huge.icon { font-size: 4em; vertical-align: middle; } i.massive.icon { font-size: 8em; vertical-align: middle; } .ui.image { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; background-color: rgba(0,0,0,.05); } img.ui.image { display: block; background: 0 0; } .ui.image img { display: block; max-width: 100%; height: auto; } .ui.disabled.image { cursor: default; opacity: .3; } .ui.rounded.images .image, .ui.rounded.images img, .ui.rounded.image img, .ui.rounded.image { border-radius: .3125em; } .ui.circular.images .image, .ui.circular.images img, .ui.circular.image img, .ui.circular.image { border-radius: 500rem; } .ui.fluid.images, .ui.fluid.image, .ui.fluid.images img, .ui.fluid.image img { display: block; width: 100%; } .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.image img, .ui.avatar.image { margin-left: .5em; display: inline-block; width: 2em; height: 2em; border-radius: 500rem; } .ui.floated.image, .ui.floated.images { float: right; margin-left: 1em; margin-bottom: 1em; } .ui.right.floated.images, .ui.right.floated.image { float: left; margin-bottom: 1em; margin-right: 1em; } .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.image { width: 20px; font-size: .7rem; } .ui.mini.images .image, .ui.mini.images img, .ui.mini.image { width: 35px; font-size: .8rem; } .ui.small.images .image, .ui.small.images img, .ui.small.image { width: 80px; font-size: .9rem; } .ui.medium.images .image, .ui.medium.images img, .ui.medium.image { width: 300px; font-size: 1rem; } .ui.large.images .image, .ui.large.images img, .ui.large.image { width: 450px; font-size: 1.1rem; } .ui.huge.images .image, .ui.huge.images img, .ui.huge.image { width: 600px; font-size: 1.2rem; } .ui.images { font-size: 0; margin: 0 -.25rem 0rem; } .ui.images .image, .ui.images img { display: inline-block; margin: 0 .25em .5em; } .ui.input { display: inline-block; position: relative; color: rgba(0,0,0,.7); } .ui.input input { width: 100%; font-family: "Helvetica Neue",Helvetica,Arial; margin: 0; padding: .85em 1.2em; font-size: .875em; background-color: #FFF; border: 1px solid rgba(0,0,0,.15); outline: 0; color: rgba(0,0,0,.7); border-radius: .3125em; -webkit-transition: background-color .3s ease-out,-webkit-box-shadow .2s ease,border-color .2s ease; transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease; -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.input::-web inputkit-input-placeholder { color: #E0E0E0; } .ui.input::-moz input-placeholder { color: #E0E0E0; } .ui.input input:active, .ui.input.down input { border-color: rgba(0,0,0,.3); background-color: #FAFAFA; } .ui.loading.input>.icon { background: url(../images/loader-mini.gif) no-repeat 50% 50%; } .ui.loading.input>.icon:before, .ui.loading.input>.icon:after { display: none; } .ui.input.focus input, .ui.input input:focus { border-color: rgba(0,0,0,.2); color: rgba(0,0,0,.85); } .ui.input.focus input input::-webkit-input-placeholder, .ui.input input:focus input::-webkit-input-placeholder { color: #AAA; } .ui.input.focus input input::-moz-placeholder, .ui.input input:focus input::-moz-placeholder { color: #AAA; } .ui.input.error input { background-color: snow; border-color: #E7BEBE; color: #D95C5C; } .ui.input.error input ::-webkit-input-placeholder { color: rgba(255,80,80,.4); } .ui.input.error input ::-moz-placeholder { color: rgba(255,80,80,.4); } .ui.input.error input :focus::-webkit-input-placeholder { color: rgba(255,80,80,.7); } .ui.input.error input :focus::-moz-placeholder { color: rgba(255,80,80,.7); } .ui.transparent.input input { border: 0; background-color: transparent; } .ui.icon.input>.icon { cursor: default; position: absolute; opacity: .5; top: 0; left: 0; margin: 0; width: 2.6em; height: 100%; padding-top: .82em; text-align: center; border-radius: .3125em 0 0 .3125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .ui.icon.input>.link.icon { cursor: pointer; } .ui.icon.input input { padding-left: 3em!important; } .ui.icon.input>.circular.icon { top: .35em; left: .5em; } .ui.left.icon.input>.icon { left: auto; right: 1px; border-radius: 0 .3125em .3125em 0; } .ui.left.icon.input>.circular.icon { left: auto; right: .5em; } .ui.left.icon.input>input { padding-right: 3em!important; padding-left: 1.2em!important; } .ui.icon.input>input:focus~.icon { opacity: 1; } .ui.labeled.input .corner.label { top: 1px; left: 1px; border-top-left-radius: .3125em; } .ui.labeled.input input { padding-left: 2.5em!important; } .ui.labeled.icon.input:not(.left)>input { padding-left: 3.25em!important; } .ui.labeled.icon.input:not(.left)>.icon { margin-left: .75em; } .ui.action.input { display: table; } .ui.action.input>input { display: table-cell; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; border-left: 0; } .ui.action.input>.button { display: table-cell; border-top-right-radius: 0; border-bottom-right-radius: 0; white-space: nowrap; } .ui.action.input>.button>.icon { display: inline; vertical-align: top; } .ui.fluid.input { display: block; } .ui.mini.input { font-size: .8125rem; } .ui.tiny.input { font-size: .875rem; } .ui.small.input { font-size: .875rem; } .ui.input { font-size: 1rem; } .ui.large.input { font-size: 1.125rem; } .ui.big.input { font-size: 1.25rem; } .ui.huge.input { font-size: 1.375rem; } .ui.massive.input { font-size: 1.5rem; } .ui.label { display: inline-block; vertical-align: middle; margin: -.25em .25em 0; background-color: #E8E8E8; border-color: #E8E8E8; padding: .5em .8em; color: rgba(0,0,0,.65); text-transform: uppercase; font-weight: 400; border-radius: .325em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .1s linear; transition: background .1s linear; } .ui.label:first-child { margin-right: 0; } .ui.label:last-child { margin-left: 0; } a.ui.label { cursor: pointer; } .ui.label a { cursor: pointer; color: inherit; opacity: .8; -webkit-transition: .2s opacity ease; transition: .2s opacity ease; } .ui.label a:hover { opacity: 1; } .ui.label .detail { display: inline-block; margin-right: .5em; font-weight: 700; opacity: .8; } .ui.label .icon { width: auto; } .ui.label .delete.icon { cursor: pointer; margin: 0 .5em 0 0; opacity: .7; -webkit-transition: background .1s linear; transition: background .1s linear; } .ui.label .delete.icon:hover { opacity: .99; } .ui.segment>.attached.label:first-child+* { margin-top: 2.5em; } .ui.segment>.bottom.attached.label:first-child~:last-child { margin-top: 0; margin-bottom: 2.5em; } .ui.image.label { width: auto!important; margin-top: 0; margin-bottom: 0; padding-top: .4em; padding-bottom: .4em; line-height: 1.5em; vertical-align: baseline; text-transform: none; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } .ui.image.label img { display: inline-block; height: 2.25em; margin: -.4em -.8em -.4em .8em; vertical-align: top; border-radius: 0 .325em .325em 0; } .ui.label.disabled { opacity: .5; } a.ui.labels .label:hover, a.ui.label:hover { background-color: #E0E0E0; border-color: #E0E0E0; color: rgba(0,0,0,.7); } .ui.labels a.label:hover:before, a.ui.label:hover:before { background-color: #E0E0E0; color: rgba(0,0,0,.7); } .ui.labels.visible .label, .ui.label.visible { display: inline-block!important; } .ui.labels.hidden .label, .ui.label.hidden { display: none!important; } .ui.tag.labels .label, .ui.tag.label { margin-right: 1em; position: relative; padding: .33em 1.4em .33em 1.3em; border-radius: 3px 0 0 3px; } .ui.tag.labels .label:before, .ui.tag.label:before { position: absolute; top: .3em; right: .3em; content: ''; margin-right: -1em; background-image: none; width: 1.5em; height: 1.5em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background .1s linear; transition: background .1s linear; } .ui.tag.labels .label:after, .ui.tag.label:after { position: absolute; content: ''; top: 50%; right: -.25em; margin-top: -.3em; background-color: #FFF; width: .55em; height: .55em; -webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3); box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3); border-radius: 100px; } .ui.ribbon.label { position: relative; margin: 0 .2em; right: -2rem; padding-right: 2rem; border-radius: 4px 0 0 4px; border-color: rgba(0,0,0,.15); } .ui.ribbon.label:after { position: absolute; content: ""; top: 100%; right: 0; border-top: 0 solid transparent; border-left-width: 1em; border-left-color: inherit; border-left-style: solid; border-bottom: 1em solid transparent; border-right: 0 solid transparent; width: 0; height: 0; } .ui.top.attached.label, .ui.attached.label { width: 100%; position: absolute; margin: 0; top: 0; right: 0; padding: .75em 1em; border-radius: 4px 4px 0 0; } .ui.bottom.attached.label { top: auto; bottom: 0; border-radius: 0 0 4px 4px; } .ui.top.left.attached.label { width: auto; margin-top: 0!important; border-radius: 0 4px; } .ui.top.right.attached.label { width: auto; right: auto; left: 0; border-radius: 4px 0; } .ui.bottom.left.attached.label { width: auto; top: auto; bottom: 0; border-radius: 0 4px 4px 0; } .ui.bottom.right.attached.label { top: auto; bottom: 0; right: auto; left: 0; width: auto; border-radius: 0 4px; } .ui.corner.label { background-color: transparent; position: absolute; top: 0; left: 0; z-index: 10; margin: 0; font-size: .8125em; width: 2rem; height: 2rem; padding: 0; text-align: center; -webkit-transition: color .2s ease; transition: color .2s ease; } .ui.corner.label:after { position: absolute; content: ""; left: 0; top: 0; z-index: -1; width: 0; height: 0; border-top: 0 solid transparent; border-left: 3em solid transparent; border-bottom: 3em solid transparent; border-right: 0 solid transparent; border-left-color: inherit; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; } .ui.corner.label .icon { margin: .4em .7em 0 0; } .ui.corner.label .text { display: inline-block; font-weight: 700; margin: .5em .6em 0 0; width: 2.5em; font-size: .82em; text-align: center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ui.left.corner.label, .ui.left.corner.label:after { left: auto; right: 0; } .ui.left.corner.label:after { border-top: 3em solid transparent; border-left: 3em solid transparent; border-bottom: 0 solid transparent; border-right: 0 solid transparent; border-top-color: inherit; } .ui.left.corner.label .icon { margin: .4em -.7em 0 0; } .ui.left.corner.label .text { margin: .5em -.6em 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ui.corner.label:hover { background-color: transparent; } .ui.label.fluid, .ui.fluid.labels>.label { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.inverted.labels .label, .ui.inverted.label { color: #FFF!important; } .ui.black.labels .label, .ui.black.label { background-color: #5C6166!important; border-color: #5C6166!important; color: #FFF!important; } .ui.labels .black.label:before, .ui.black.labels .label:before, .ui.black.label:before { background-color: #5C6166!important; } a.ui.black.labels .label:hover, a.ui.black.label:hover { background-color: #333!important; border-color: #333!important; } .ui.labels a.black.label:hover:before, .ui.black.labels a.label:hover:before, a.ui.black.label:hover:before { background-color: #333!important; } .ui.black.corner.label, .ui.black.corner.label:hover { background-color: transparent!important; } .ui.black.ribbon.label { border-color: #333!important; } .ui.green.labels .label, .ui.green.label { background-color: #A1CF64!important; border-color: #A1CF64!important; color: #FFF!important; } .ui.labels .green.label:before, .ui.green.labels .label:before, .ui.green.label:before { background-color: #A1CF64!important; } a.ui.green.labels .label:hover, a.ui.green.label:hover { background-color: #89B84C!important; border-color: #89B84C!important; } .ui.labels a.green.label:hover:before, .ui.green.labels a.label:hover:before, a.ui.green.label:hover:before { background-color: #89B84C!important; } .ui.green.corner.label, .ui.green.corner.label:hover { background-color: transparent!important; } .ui.green.ribbon.label { border-color: #89B84C!important; } .ui.red.labels .label, .ui.red.label { background-color: #D95C5C!important; border-color: #D95C5C!important; color: #FFF!important; } .ui.labels .red.label:before, .ui.red.labels .label:before, .ui.red.label:before { background-color: #D95C5C!important; } .ui.red.corner.label, .ui.red.corner.label:hover { background-color: transparent!important; } a.ui.red.labels .label:hover, a.ui.red.label:hover { background-color: #DE3859!important; border-color: #DE3859!important; color: #FFF!important; } .ui.labels a.red.label:hover:before, .ui.red.labels a.label:hover:before, a.ui.red.label:hover:before { background-color: #DE3859!important; } .ui.red.ribbon.label { border-color: #DE3859!important; } .ui.blue.labels .label, .ui.blue.label { background-color: #6ECFF5!important; border-color: #6ECFF5!important; color: #FFF!important; } .ui.labels .blue.label:before, .ui.blue.labels .label:before, .ui.blue.label:before { background-color: #6ECFF5!important; } a.ui.blue.labels .label:hover, .ui.blue.labels a.label:hover, a.ui.blue.label:hover { background-color: #1AB8F3!important; border-color: #1AB8F3!important; color: #FFF!important; } .ui.labels a.blue.label:hover:before, .ui.blue.labels a.label:hover:before, a.ui.blue.label:hover:before { background-color: #1AB8F3!important; } .ui.blue.corner.label, .ui.blue.corner.label:hover { background-color: transparent!important; } .ui.blue.ribbon.label { border-color: #1AB8F3!important; } .ui.purple.labels .label, .ui.purple.label { background-color: #564F8A!important; border-color: #564F8A!important; color: #FFF!important; } .ui.labels .purple.label:before, .ui.purple.labels .label:before, .ui.purple.label:before { background-color: #564F8A!important; } a.ui.purple.labels .label:hover, .ui.purple.labels a.label:hover, a.ui.purple.label:hover { background-color: #3E3773!important; border-color: #3E3773!important; color: #FFF!important; } .ui.labels a.purple.label:hover:before, .ui.purple.labels a.label:hover:before, a.ui.purple.label:hover:before { background-color: #3E3773!important; } .ui.purple.corner.label, .ui.purple.corner.label:hover { background-color: transparent!important; } .ui.purple.ribbon.label { border-color: #3E3773!important; } .ui.orange.labels .label, .ui.orange.label { background-color: #F05940!important; border-color: #F05940!important; color: #FFF!important; } .ui.labels .orange.label:before, .ui.orange.labels .label:before, .ui.orange.label:before { background-color: #F05940!important; } a.ui.orange.labels .label:hover, .ui.orange.labels a.label:hover, a.ui.orange.label:hover { background-color: #FF4121!important; border-color: #FF4121!important; color: #FFF!important; } .ui.labels a.orange.label:hover:before, .ui.orange.labels a.label:hover:before, a.ui.orange.label:hover:before { background-color: #FF4121!important; } .ui.orange.corner.label, .ui.orange.corner.label:hover { background-color: transparent!important; } .ui.orange.ribbon.label { border-color: #FF4121!important; } .ui.teal.labels .label, .ui.teal.label { background-color: #00B5AD!important; border-color: #00B5AD!important; color: #FFF!important; } .ui.labels .teal.label:before, .ui.teal.labels .label:before, .ui.teal.label:before { background-color: #00B5AD!important; } a.ui.teal.labels .label:hover, .ui.teal.labels a.label:hover, a.ui.teal.label:hover { background-color: #009A93!important; border-color: #009A93!important; color: #FFF!important; } .ui.labels a.teal.label:hover:before, .ui.teal.labels a.label:hover:before, a.ui.teal.label:hover:before { background-color: #009A93!important; } .ui.teal.corner.label, .ui.teal.corner.label:hover { background-color: transparent!important; } .ui.teal.ribbon.label { border-color: #009A93!important; } .ui.horizontal.labels .label, .ui.horizontal.label { margin: -.125em 0 -.125em .5em; padding: .35em 1em; min-width: 6em; text-align: center; } .ui.circular.labels .label, .ui.circular.label { min-height: 1em; max-height: 2em; padding: .5em!important; line-height: 1em; text-align: center; border-radius: 500rem; } .ui.pointing.label { position: relative; } .ui.attached.pointing.label { position: absolute; } .ui.pointing.label:before { position: absolute; content: ""; width: .6em; height: .6em; background-image: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; -webkit-transition: background .1s linear; transition: background .1s linear; } .ui.pointing.label:before { background-color: #E8E8E8; } .ui.pointing.label, .ui.pointing.above.label { margin-top: 1em; } .ui.pointing.label:before, .ui.pointing.above.label:before { margin-right: -.3em; top: -.3em; right: 50%; } .ui.pointing.below.label { margin-top: 0; margin-bottom: 1em; } .ui.pointing.below.label:before { margin-right: -.3em; top: auto; left: auto; bottom: -.3em; right: 50%; } .ui.pointing.left.label { margin-top: 0; margin-right: 1em; } .ui.pointing.left.label:before { margin-top: -.3em; bottom: auto; left: auto; top: 50%; right: 0; } .ui.pointing.right.label { margin-top: 0; margin-left: 1em; } .ui.pointing.right.label:before { margin-top: -.3em; left: -.3em; top: 50%; bottom: auto; right: auto; } .ui.floating.label { position: absolute; z-index: 100; top: -1em; right: 100%; margin: 0 -1.5em 0 0!important; } .ui.small.labels .label, .ui.small.label { font-size: .75rem; } .ui.label { font-size: .8125rem; } .ui.large.labels .label, .ui.large.label { font-size: .875rem; } .ui.huge.labels .label, .ui.huge.label { font-size: 1rem; } .ui.loader { display: none; position: absolute; top: 50%; right: 50%; margin: 0; z-index: 1000; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .ui.dimmer .loader { display: block; } .ui.text.loader { width: auto!important; height: auto!important; text-align: center; font-style: normal; } .ui.mini.text.loader { min-width: 16px; padding-top: 2em; font-size: .875em; } .ui.small.text.loader { min-width: 24px; padding-top: 2.5em; font-size: .875em; } .ui.text.loader { min-width: 32px; font-size: 1em; padding-top: 3em; } .ui.large.text.loader { min-width: 64px; padding-top: 5em; font-size: 1.2em; } .ui.loader.active, .ui.loader.visible { display: block; } .ui.loader.disabled, .ui.loader.hidden { display: none; } .ui.dimmer .ui.text.loader, .ui.inverted.text.loader { color: rgba(255,255,255,.8); } .ui.inverted.dimmer .ui.text.loader { color: rgba(0,0,0,.8); } .ui.dimmer .mini.ui.loader, .ui.inverted .mini.ui.loader { background-image: url(../images/loader-mini-inverted.gif); } .ui.dimmer .small.ui.loader, .ui.inverted .small.ui.loader { background-image: url(../images/loader-small-inverted.gif); } .ui.dimmer .ui.loader, .ui.inverted.loader { background-image: url(../images/loader-medium-inverted.gif); } .ui.dimmer .large.ui.loader, .ui.inverted .large.ui.loader { background-image: url(../images/loader-large-inverted.gif); } .ui.inverted.dimmer .ui.mini.loader, .ui.mini.loader { width: 16px; height: 16px; background-image: url(../images/loader-mini.gif); } .ui.inverted.dimmer .ui.small.loader, .ui.small.loader { width: 24px; height: 24px; background-image: url(../images/loader-small.gif); } .ui.inverted.dimmer .ui.loader, .ui.loader { width: 32px; height: 32px; background: url(../images/loader-medium.gif) no-repeat; background-position: 52% 0; } .ui.inverted.dimmer .ui.loader.large, .ui.loader.large { width: 64px; height: 64px; background-image: url(../images/loader-large.gif); } .ui.inline.loader { position: static; vertical-align: middle; margin: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .ui.inline.loader.active, .ui.inline.loader.visible { display: inline-block; } .ui.progress { border: 1px solid rgba(0,0,0,.1); width: 100%; height: 35px; background-color: #FAFAFA; padding: 5px; border-radius: .3125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.progress .bar { display: inline-block; height: 100%; background-color: #CCC; border-radius: 3px; -webkit-transition: width 1s ease-in-out,background-color 1s ease-out; transition: width 1s ease-in-out,background-color 1s ease-out; } .ui.successful.progress .bar { background-color: #73E064!important; } .ui.successful.progress .bar, .ui.successful.progress .bar::after { -webkit-animation: none!important; animation: none!important; } .ui.failed.progress .bar { background-color: #DF9BA4!important; } .ui.failed.progress .bar, .ui.failed.progress .bar::after { -webkit-animation: none!important; animation: none!important; } .ui.active.progress .bar { position: relative; } .ui.active.progress .bar::after { content: ''; opacity: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #FFF; border-radius: 3px; -webkit-animation: progress-active 2s ease-out infinite; animation: progress-active 2s ease-out infinite; } @-webkit-keyframes progress-active { 0% { opacity: 0; width: 0; } 50% { opacity: .3; } 100% { opacity: 0; width: 95%; } } @keyframes progress-active { 0% { opacity: 0; width: 0; } 50% { opacity: .3; } 100% { opacity: 0; width: 100%; } } .ui.disabled.progress { opacity: .35; } .ui.disabled.progress .bar, .ui.disabled.progress .bar::after { -webkit-animation: none!important; animation: none!important; } .ui.progress.attached { position: relative; border: 0; } .ui.progress.attached, .ui.progress.attached .bar { display: block; height: 3px; padding: 0; overflow: hidden; border-radius: 0 0 .3125em .3125em; } .ui.progress.attached .bar { border-radius: 0; } .ui.progress.top.attached, .ui.progress.top.attached .bar { top: -2px; border-radius: .3125em .3125em 0 0; } .ui.progress.top.attached .bar { border-radius: 0; } .ui.blue.progress .bar { background-color: #6ECFF5; } .ui.black.progress .bar { background-color: #5C6166; } .ui.green.progress .bar { background-color: #A1CF64; } .ui.red.progress .bar { background-color: #EF4D6D; } .ui.purple.progress .bar { background-color: #564F8A; } .ui.teal.progress .bar { background-color: #00B5AD; } .ui.progress.striped .bar { -webkit-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear,right top,left bottom,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -webkit-linear-gradient(315deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); } .ui.progress.active.striped .bar:after { -webkit-animation: none; -ms-animation: none; animation: none; } .ui.progress.active.striped .bar { -webkit-animation: progress-striped 3s linear infinite; animation: progress-striped 3s linear infinite; } @-webkit-keyframes progress-striped { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } @keyframes progress-striped { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } .ui.small.progress .bar { height: 14px; } .ui.reveal { display: inline-block; position: relative!important; z-index: 2!important; font-size: 0!important; } .ui.reveal>.content { font-size: 1rem!important; } .ui.reveal>.visible.content { -webkit-transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; } .ui.reveal>.visible.content { position: absolute!important; top: 0!important; right: 0!important; z-index: 4!important; -webkit-transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; } .ui.reveal>.hidden.content { position: relative!important; z-index: 3!important; } .ui.reveal.button { overflow: hidden; } .ui.slide.reveal { position: relative!important; display: block; overflow: hidden!important; white-space: nowrap; } .ui.slide.reveal>.content { display: block; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; -webkit-transition: top .8s cubic-bezier(0.175,.885,.32,1) .15s,right .8s cubic-bezier(0.175,.885,.32,1) .15s,left .8s cubic-bezier(0.175,.885,.32,1) .15s,bottom .8s cubic-bezier(0.175,.885,.32,1) .15s; transition: top .8s cubic-bezier(0.175,.885,.32,1) .15s,right .8s cubic-bezier(0.175,.885,.32,1) .15s,left .8s cubic-bezier(0.175,.885,.32,1) .15s,bottom .8s cubic-bezier(0.175,.885,.32,1) .15s; } .ui.slide.reveal>.visible.content { position: relative!important; } .ui.slide.reveal>.hidden.content { position: absolute!important; right: 100%!important; width: 100%!important; } .ui.slide.reveal:hover>.visible.content { right: -100%!important; } .ui.slide.reveal:hover>.hidden.content { right: 0!important; } .ui.right.slide.reveal>.visible.content { right: 0; } .ui.right.slide.reveal>.hidden.content { right: auto!important; left: 100%!important; } .ui.right.slide.reveal:hover>.visible.content { right: 100%!important; left: auto!important; } .ui.right.slide.reveal:hover>.hidden.content { right: auto!important; left: 0!important; } .ui.up.slide.reveal>.visible.content { top: 0!important; right: 0!important; left: auto!important; bottom: auto!important; } .ui.up.slide.reveal>.hidden.content { top: 100%!important; right: 0!important; left: auto!important; bottom: auto!important; } .ui.slide.up.reveal:hover>.visible.content { top: -100%!important; right: 0!important; } .ui.slide.up.reveal:hover>.hidden.content { top: 0!important; right: 0!important; } .ui.down.slide.reveal>.visible.content { top: auto!important; left: auto!important; bottom: auto!important; bottom: 0!important; } .ui.down.slide.reveal>.hidden.content { top: auto!important; left: auto!important; bottom: 100%!important; right: 0!important; } .ui.slide.down.reveal:hover>.visible.content { right: 0!important; bottom: -100%!important; } .ui.slide.down.reveal:hover>.hidden.content { right: 0!important; bottom: 0!important; } .ui.fade.reveal>.visible.content { opacity: 1; } .ui.fade.reveal:hover>.visible.content { opacity: 0; } .ui.move.reveal>.visible.content, .ui.move.left.reveal>.visible.content { right: auto!important; top: auto!important; bottom: auto!important; left: 0!important; } .ui.move.reveal:hover>.visible.content, .ui.move.left.reveal:hover>.visible.content { left: 100%!important; } .ui.move.right.reveal>.visible.content { left: auto!important; top: auto!important; bottom: auto!important; right: 0!important; } .ui.move.right.reveal:hover>.visible.content { right: 100%!important; } .ui.move.up.reveal>.visible.content { left: auto!important; right: auto!important; top: auto!important; bottom: 0!important; } .ui.move.up.reveal:hover>.visible.content { bottom: 100%!important; } .ui.move.down.reveal>.visible.content { left: auto!important; right: auto!important; top: 0!important; bottom: auto!important; } .ui.move.down.reveal:hover>.visible.content { top: 100%!important; } .ui.rotate.reveal>.visible.content { -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .ui.rotate.reveal>.visible.content, .ui.rotate.right.reveal>.visible.content { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .ui.rotate.reveal:hover>.visible.content, .ui.rotate.right.reveal:hover>.visible.content { -webkit-transform: rotate(110deg); -ms-transform: rotate(110deg); transform: rotate(110deg); } .ui.rotate.left.reveal>.visible.content { -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; } .ui.rotate.left.reveal:hover>.visible.content { -webkit-transform: rotate(-110deg); -ms-transform: rotate(-110deg); transform: rotate(-110deg); } .ui.disabled.reveal { opacity: 1!important; } .ui.disabled.reveal>.content { -webkit-transition: none!important; transition: none!important; } .ui.disabled.reveal:hover>.visible.content { position: static!important; display: block!important; opacity: 1!important; top: 0!important; right: 0!important; left: auto!important; bottom: auto!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } .ui.disabled.reveal:hover>.hidden.content { display: none!important; } .ui.masked.reveal { overflow: hidden; } .ui.instant.reveal>.content { -webkit-transition-delay: 0s!important; transition-delay: 0s!important; } .ui.segment { position: relative; background-color: #FFF; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); margin: 1em 0; padding: 1em; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.segment:first-child { margin-top: 0; } .ui.segment:last-child { margin-bottom: 0; } .ui.segment:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .ui.vertical.segment { margin: 0; padding-right: 0; padding-left: 0; background-color: transparent; border-radius: 0; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .ui.vertical.segment:first-child { padding-top: 0; } .ui.horizontal.segment { margin: 0; padding-top: 0; padding-bottom: 0; background-color: transparent; border-radius: 0; -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.1); box-shadow: 1px 0 0 rgba(0,0,0,.1); } .ui.horizontal.segment:first-child { padding-right: 0; } .ui.pointing.menu+.ui.attached.segment { top: 1px; } .ui.segment>:first-child { margin-top: 0; } .ui.segment>:last-child { margin-bottom: 0; } .ui.piled.segment { margin: 2em 0; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.15); -ms-box-shadow: 0 0 1px 1px rgba(0,0,0,.15); -o-box-shadow: 0 0 1px 1px rgba(0,0,0,.15); box-shadow: 0 0 1px 1px rgba(0,0,0,.15); } .ui.piled.segment:first-child { margin-top: 0; } .ui.piled.segment:last-child { margin-bottom: 0; } .ui.piled.segment:after, .ui.piled.segment:before { background-color: #FFF; visibility: visible; content: ""; display: block; height: 100%; right: -1px; position: absolute; width: 100%; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 0 1px 1px rgba(0,0,0,.1); } .ui.piled.segment:after { -webkit-transform: rotate(1.2deg); -ms-transform: rotate(1.2deg); transform: rotate(1.2deg); top: 0; z-index: -1; } .ui.piled.segment:before { -webkit-transform: rotate(-1.2deg); -ms-transform: rotate(-1.2deg); transform: rotate(-1.2deg); top: 0; z-index: -2; } .ui.stacked.segment { padding-bottom: 1.7em; } .ui.stacked.segment:after, .ui.stacked.segment:before { content: ''; position: absolute; bottom: -3px; right: 0; border-top: 1px solid rgba(0,0,0,.1); background-color: rgba(0,0,0,.02); width: 100%; height: 5px; visibility: visible; } .ui.stacked.segment:before { bottom: 0; } .ui.stacked.inverted.segment:after, .ui.stacked.inverted.segment:before { background-color: rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.35); } .ui.raised.segment { -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1); box-shadow: 0 1px 2px 1px rgba(0,0,0,.1); } .ui.disabled.segment { opacity: .8; color: #DDD; } .ui.basic.segment { position: relative; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .ui.basic.segment:first-child { padding-top: 0; } .ui.basic.segment:last-child { padding-bottom: 0; } .ui.fitted.segment { padding: 0; } .ui.blue.segment { border-top: .2em solid #6ECFF5; } .ui.green.segment { border-top: .2em solid #A1CF64; } .ui.red.segment { border-top: .2em solid #D95C5C; } .ui.orange.segment { border-top: .2em solid #F05940; } .ui.purple.segment { border-top: .2em solid #564F8A; } .ui.teal.segment { border-top: .2em solid #00B5AD; } .ui.inverted.black.segment { background-color: #5C6166!important; color: #FFF!important; } .ui.inverted.blue.segment { background-color: #6ECFF5!important; color: #FFF!important; } .ui.inverted.green.segment { background-color: #A1CF64!important; color: #FFF!important; } .ui.inverted.red.segment { background-color: #D95C5C!important; color: #FFF!important; } .ui.inverted.orange.segment { background-color: #F05940!important; color: #FFF!important; } .ui.inverted.purple.segment { background-color: #564F8A!important; color: #FFF!important; } .ui.inverted.teal.segment { background-color: #00B5AD!important; color: #FFF!important; } .ui.left.aligned.segment { text-align: right; } .ui.right.aligned.segment { text-align: left; } .ui.center.aligned.segment { text-align: center; } .ui.floated.segment, .ui.left.floated.segment { float: right; } .ui.right.floated.segment { float: left; } .ui.inverted.segment { border: 0; -webkit-box-shadow: none; box-shadow: none; } .ui.inverted.segment, .ui.primary.inverted.segment { background-color: #222; color: #FFF; } .ui.primary.segment { background-color: #FFF; color: #555; } .ui.secondary.segment { background-color: #FAF9FA; color: #777; } .ui.tertiary.segment { background-color: #EBEBEB; color: #B0B0B0; } .ui.secondary.inverted.segment { background-color: #555; background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3))); background-image: -webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%); background-image: -webkit-gradient(linear, top right, bottom right, from(rgba(255,255,255,.3)), to(rgba(255,255,255,.3))); background-image: -webkit-linear-gradient(rgba(255,255,255,.3) 0, rgba(255,255,255,.3) 100%); background-image: linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%); color: #FAFAFA; } .ui.tertiary.inverted.segment { background-color: #555; background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6))); background-image: -webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%); background-image: -webkit-gradient(linear, top right, bottom right, from(rgba(255,255,255,.6)), to(rgba(255,255,255,.6))); background-image: -webkit-linear-gradient(rgba(255,255,255,.6) 0, rgba(255,255,255,.6) 100%); background-image: linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%); color: #EEE; } .ui.segment.attached { top: -1px; bottom: -1px; border-radius: 0; margin: 0; -webkit-box-shadow: 0 0 0 1px #DDD; box-shadow: 0 0 0 1px #DDD; } .ui.top.attached.segment { top: 0; bottom: -1px; margin-top: 1em; margin-bottom: 0; border-radius: 5px 5px 0 0; } .ui.segment.bottom.attached { top: -1px; bottom: 0; margin-top: 0; margin-bottom: 1em; border-radius: 0 0 5px 5px; } .ui.step, .ui.steps .step { display: inline-block; position: relative; padding: 1em 3em 1em 2em; vertical-align: top; background-color: #FFF; color: #888; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.step:after, .ui.steps .step:after { position: absolute; z-index: 2; content: ''; top: 0; left: -1.45em; border-bottom: 1.5em solid transparent; border-right: 1.5em solid #FFF; border-top: 1.5em solid transparent; width: 0; height: 0; } .ui.step, .ui.steps .step, .ui.steps .step:after { -webkit-transition: opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,color .1s ease,box-shadow .1s ease; } .ui.steps { cursor: pointer; display: inline-block; font-size: 0; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: .3125rem; } .ui.steps .step:first-child { padding-right: 1.35em; border-radius: 0 .3125em .3125em 0; } .ui.steps .step:last-child { border-radius: .3125em 0 0 .3125em; } .ui.steps .step:only-child { border-radius: .3125em; } .ui.steps .step:last-child { margin-left: 0; } .ui.steps .step:last-child:after { display: none; } .ui.step:hover, .ui.step.hover { background-color: #F7F7F7; color: rgba(0,0,0,.8); } .ui.steps .step.hover:after, .ui.steps .step:hover:after, .ui.step:hover, .ui.step.hover::after { border-right-color: #F7F7F7; } .ui.steps .step.down, .ui.steps .step:active, .ui.step.down, .ui.step:active { background-color: #F0F0F0; } .ui.steps .step.down:after, .ui.steps .step:active:after, .ui.steps.down::after, .ui.steps:active::after { border-right-color: #F0F0F0; } .ui.steps .step.active, .ui.active.step { cursor: auto; background-color: #555; color: #FFF; font-weight: 700; } .ui.steps .step.active:after, .ui.active.steps:after { border-right-color: #555; } .ui.steps .disabled.step, .ui.disabled.step { cursor: auto; background-color: #FFF; color: #CBCBCB; } .ui.disabled.step:after { border: 0; background-color: #FFF; top: .42em; left: -1em; width: 2.15em; height: 2.15em; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -1px -1px 0 0 rgba(0,0,0,.1) inset; box-shadow: -1px -1px 0 0 rgba(0,0,0,.1) inset; } .attached.ui.steps { margin: 0; border-radius: .3125em .3125em 0 0; } .attached.ui.steps .step:first-child { border-radius: 0 .3125em 0; } .attached.ui.steps .step:last-child { border-radius: .3125em 0 0 0; } .bottom.attached.ui.steps { margin-top: -1px; border-radius: 0 0 .3125em .3125em; } .bottom.attached.ui.steps .step:first-child { border-radius: 0 0 .3125em 0; } .bottom.attached.ui.steps .step:last-child { border-radius: 0 0 .3125em; } .ui.one.steps, .ui.two.steps, .ui.three.steps, .ui.four.steps, .ui.five.steps, .ui.six.steps, .ui.seven.steps, .ui.eight.steps { display: block; } .ui.one.steps>.step { width: 100%; } .ui.two.steps>.step { width: 50%; } .ui.three.steps>.step { width: 33.333%; } .ui.four.steps>.step { width: 25%; } .ui.five.steps>.step { width: 20%; } .ui.six.steps>.step { width: 16.666%; } .ui.seven.steps>.step { width: 14.285%; } .ui.eight.steps>.step { width: 12.5%; } .ui.small.step, .ui.small.steps .step { font-size: .8rem; } .ui.step, .ui.steps .step { font-size: 1rem; } .ui.large.step, .ui.large.steps .step { font-size: 1.25rem; } .ui.accordion { width: 600px; max-width: 100%; overflow: hidden; font-size: 1rem; border-radius: .3125em; background-color: #FFF; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); } .ui.accordion .title { cursor: pointer; margin: 0; padding: .75em 1em; color: rgba(0,0,0,.6); border-top: 1px solid rgba(0,0,0,.05); -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out; } .ui.accordion .title:first-child { border-top: 0; } .ui.accordion .content { display: none; margin: 0; padding: 1.3em 1em; } .ui.accordion .title .dropdown.icon { display: inline-block; float: none; margin: 0 0 0 .5em; -webkit-transition: -webkit-transform .2s ease,opacity .2s ease; transition: transform .2s ease,opacity .2s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .ui.accordion .title .dropdown.icon:before { content: '\f0da'; } .ui.basic.accordion.menu { background-color: #FFF; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); } .ui.basic.accordion.menu .title, .ui.basic.accordion.menu .content { padding: 0; } .ui.basic.accordion { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .ui.basic.accordion .title, .ui.basic.accordion .title { background-color: transparent; border-top: 0; padding-right: 0; padding-left: 0; } .ui.basic.accordion .content { padding: .5em 0; } .ui.basic.accordion .active.title { background-color: transparent; } .ui.accordion .title:hover, .ui.accordion .active.title { color: rgba(0,0,0,.8); } .ui.accordion .active.title { background-color: rgba(0,0,0,.1); color: rgba(0,0,0,.8); } .ui.accordion .active.title .dropdown.icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ui.accordion .active.content { display: block; } .ui.fluid.accordion { width: 100%; } .ui.chatroom { background-color: #F8F8F8; width: 330px; height: 370px; padding: 0; } .ui.chatroom .room { position: relative; background-color: #FFF; overflow: hidden; height: 286px; border: 1px solid rgba(0,0,0,.1); border-top: 0; border-bottom: 0; } .ui.chatroom .room .loader { display: none; margin: -25px -25px 0 0; } .ui.chatroom .actions { overflow: hidden; background-color: #EEE; padding: 4px; border: 1px solid rgba(0,0,0,.1); border-radius: 5px 5px 0 0; } .ui.chatroom .actions .button { float: left; margin-right: 3px; } .ui.chatroom .actions .message { float: right; margin-right: 6px; font-size: 11px; color: #AAA; text-shadow: 0 -1px 0 rgba(255,255,255,.8); line-height: 28px; } .ui.chatroom .actions .message .loader { display: inline-block; margin-left: 8px; } .ui.chatroom .log { float: right; overflow: auto; overflow-x: hidden; overflow-y: auto; } .ui.chatroom .log .message { padding: 3px 0; border-top: 1px dotted #DADADA; } .ui.chatroom .log .message:first-child { border-top: 0; } .ui.chatroom .status { padding: 5px 0; color: #AAA; font-size: 12px; font-style: italic; line-height: 1.33; border-top: 1px dotted #DADADA; } .ui.chatroom .log .status:first-child { border-top: 0; } .ui.chatroom .log .flag { float: right; } .ui.chatroom .log p { margin-right: 0; } .ui.chatroom .log .author { font-weight: 700; -webkit-transition: color .3s ease-out; transition: color .3s ease-out; } .ui.chatroom .log a.author:hover { opacity: .8; } .ui.chatroom .log .message.admin p { font-weight: 700; margin: 1px 23px 0 0; } .ui.chatroom .log .divider { margin: -1px 0; font-size: 11px; padding: 10px 0; border-top: 1px solid #F8F8F8; border-bottom: 1px solid #F8F8F8; } .ui.chatroom .log .divider .rule { top: 50%; width: 15%; } .ui.chatroom .log .divider .label { color: #777; margin: 0; } .ui.chatroom .room .list { position: relative; overflow: auto; overflow-x: hidden; overflow-y: auto; float: right; background-color: #EEE; border-right: 1px solid #DDD; } .ui.chatroom .room .list .user { display: table; padding: 3px 7px; border-bottom: 1px solid #DDD; } .ui.chatroom .room .list .user:hover { background-color: #F8F8F8; } .ui.chatroom .room .list .image { display: table-cell; vertical-align: middle; width: 20px; } .ui.chatroom .room .list .image img { width: 20px; height: 20px; vertical-align: middle; } .ui.chatroom .room .list p { display: table-cell; vertical-align: middle; padding-right: 7px; padding-left: 14px; font-size: 11px; line-height: 1.2; font-weight: 700; } .ui.chatroom .room .list a:hover { opacity: .8; } .ui.chatroom.loading .loader { display: block; } .ui.chatroom .talk { border: 1px solid rgba(0,0,0,.1); padding: 5px 0 0; background-color: #EEE; border-radius: 0 0 5px 5px; } .ui.chatroom .talk .avatar, .ui.chatroom .talk input, .ui.chatroom .talk .button { float: right; } .ui.chatroom .talk .avatar img { display: block; width: 30px; height: 30px; margin-left: 4px; border-radius: 500rem; } .ui.chatroom .talk input { border: 1px solid #CCC; margin: 0; width: 196px; height: 14px; padding: 8px 5px; font-size: 12px; color: #555; } .ui.chatroom .talk input.focus { border: 1px solid #AAA; } .ui.chatroom .send { width: 80px; height: 32px; margin-right: -1px; padding: 4px 12px; font-size: 12px; line-height: 23px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; border-radius: 5px 0 0 5px; } .ui.chatroom .talk .log-in.button { display: block; float: none; margin-top: -6px; height: 22px; border-radius: 0 0 4px 4px; } .ui.chatroom .talk .log-in.button i { vertical-align: text-top; } .ui.chatroom .log .team.flag { width: 18px; } .ui.chatroom.loading .loader { display: block; } .ui.chatroom { width: 330px; height: 370px; } .ui.chatroom .room .container { width: 3000px; } .ui.chatroom .log { width: 314px; height: 278px; padding: 4px 7px; } .ui.chatroom .room .list { width: 124px; height: 278px; padding: 4px 0; } .ui.chatroom .room .list .user { width: 110px; } .ui.chatroom .talk { height: 40px; } .ui.checkbox { position: relative; display: inline-block; min-width: 1em; height: 1.25em; line-height: 1em; outline: 0; vertical-align: middle; } .ui.checkbox input { position: absolute; top: 0; right: 0; opacity: 0; outline: 0; } .ui.checkbox .box, .ui.checkbox label { cursor: pointer; padding-right: 2em; outline: 0; } .ui.checkbox .box:before, .ui.checkbox label:before { position: absolute; top: 0; line-height: 1; width: 1em; height: 1em; right: 0; content: ''; border-radius: 4px; background: #FFF; -webkit-transition: background-color .3s ease,-webkit-box-shadow .3s ease; transition: background-color .3s ease,box-shadow .3s ease; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2); box-shadow: 0 0 0 1px rgba(0,0,0,.2); } .ui.checkbox .box:after, .ui.checkbox label:after { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; background: transparent; border: .2em solid #333; border-top: 0; border-left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ui.checkbox .box:after, .ui.checkbox label:after { top: .275em; right: .2em; width: .45em; height: .15em; } .ui.checkbox label { color: rgba(0,0,0,.6); -webkit-transition: color .2s ease; transition: color .2s ease; } .ui.checkbox label:hover { color: rgba(0,0,0,.8); } .ui.checkbox input:focus+label { color: rgba(0,0,0,.8); } .ui.checkbox+label { cursor: pointer; opacity: .85; vertical-align: middle; } .ui.checkbox+label:hover { opacity: 1; } .ui.checkbox .box:hover::before, .ui.checkbox label:hover::before { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3); box-shadow: 0 0 0 1px rgba(0,0,0,.3); } .ui.checkbox .box:active::before, .ui.checkbox label:active::before { background-color: #F5F5F5; } .ui.checkbox input:focus+.box:before, .ui.checkbox input:focus+label:before { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3); box-shadow: 0 0 0 1px rgba(0,0,0,.3); } .ui.checkbox input:checked+.box:after, .ui.checkbox input:checked+label:after { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .ui.disabled.checkbox+.box:after, .ui.checkbox input[disabled]+.box:after, .ui.disabled.checkbox label, .ui.checkbox input[disabled]+label { opacity: .4; color: rgba(0,0,0,.3); } .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before { min-width: 1em; height: 1em; border-radius: 500px; } .ui.radio.checkbox .box:after, .ui.radio.checkbox label:after { border: 0; top: .2em; right: .2em; width: .6em; height: .6em; background-color: #555; -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 500px; } .ui.slider.checkbox { cursor: pointer; min-width: 3em; } .ui.slider.checkbox:after { position: absolute; top: .5em; right: 0; content: ''; width: 3em; height: 2px; background-color: rgba(0,0,0,.1); } .ui.slider.checkbox .box, .ui.slider.checkbox label { padding-right: 4em; } .ui.slider.checkbox .box:before, .ui.slider.checkbox label:before { cursor: pointer; display: block; position: absolute; top: -.25em; right: 0; z-index: 1; width: 1.5em; height: 1.5em; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; border-radius: 50rem; -webkit-transition: right .3s ease 0s; transition: right .3s ease 0s; } .ui.slider.checkbox .box:after, .ui.slider.checkbox label:after { opacity: 1; position: absolute; content: ''; top: .15em; right: 0; z-index: 2; margin-right: .375em; border: 0; width: .75em; height: .75em; border-radius: 50rem; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: background .3s ease 0s,right .3s ease 0s; transition: background .3s ease 0s,right .3s ease 0s; } .ui.slider.checkbox input:checked+.box:before, .ui.slider.checkbox input:checked+label:before, .ui.slider.checkbox input:checked+.box:after, .ui.slider.checkbox input:checked+label:after { right: 1.75em; } .ui.slider.checkbox .box:after, .ui.slider.checkbox label:after { background-color: #D95C5C; } .ui.slider.checkbox input:checked+.box:after, .ui.slider.checkbox input:checked+label:after { background-color: #89B84C; } .ui.toggle.checkbox { cursor: pointer; } .ui.toggle.checkbox .box, .ui.toggle.checkbox label { padding-right: 4em; } .ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before { cursor: pointer; display: block; position: absolute; content: ''; top: -.25em; right: 0; z-index: 1; background-color: #FFF; width: 3em; height: 1.5em; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; border-radius: 50rem; } .ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after { opacity: 1; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; content: ''; position: absolute; top: .15em; right: .5em; z-index: 2; border: 0; width: .75em; height: .75em; background-color: #D95C5C; border-radius: 50rem; -webkit-transition: background .3s ease 0s,right .3s ease 0s; transition: background .3s ease 0s,right .3s ease 0s; } .ui.toggle.checkbox:active .box:before, .ui.toggle.checkbox:active label:before { background-color: #F5F5F5; } .ui.toggle.checkbox input:checked+.box:after, .ui.toggle.checkbox input:checked+label:after { right: 1.75em; background-color: #89B84C; } .ui.checkbox { font-size: 1em; } .ui.large.checkbox { font-size: 1.25em; } .ui.huge.checkbox { font-size: 1.5em; } .ui.dimmable { position: relative; } .ui.dimmer { display: none; position: absolute; top: 0!important; right: 0!important; width: 0; height: 0; text-align: center; vertical-align: middle; background-color: rgba(0,0,0,.85); opacity: 0; line-height: 1; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; -webkit-transition: background-color .5s linear; transition: background-color .5s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 1000; } .ui.dimmer>.content { width: 100%; height: 100%; display: table; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ui.dimmer>.content>div { display: table-cell; vertical-align: middle; color: #FFF; } .ui.segment>.ui.dimmer { border-radius: 5px; } .ui.horizontal.segment>.ui.dimmer, .ui.vertical.segment>.ui.dimmer { border-radius: 5px; } .ui.dimmed.dimmable:not(body) { overflow: hidden; } .ui.dimmed.dimmable>.ui.dimmer, .ui.active.dimmer { display: block; width: 100%; height: 100%; opacity: 1; } .ui.disabled.dimmer { width: 0!important; height: 0!important; } .ui.page.dimmer { position: fixed; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .ui.scrolling.dimmable>.dimmer, .ui.scrolling.page.dimmer { position: absolute; } .ui.dimmer>.top.aligned.content>* { vertical-align: top; } .ui.dimmer>.bottom.aligned.content>* { vertical-align: bottom; } .ui.inverted.dimmer { background-color: rgba(255,255,255,.85); } .ui.inverted.dimmer>.content>* { color: rgba(0,0,0,.8); } .ui.simple.dimmer { display: block; overflow: hidden; opacity: 1; z-index: -100; background-color: rgba(0,0,0,0); } .ui.dimmed.dimmable>.ui.simple.dimmer { overflow: visible; opacity: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.85); z-index: 1; } .ui.simple.inverted.dimmer { background-color: rgba(255,255,255,0); } .ui.dimmed.dimmable>.ui.simple.inverted.dimmer { background-color: rgba(255,255,255,.85); } .ui.dropdown { position: relative; display: inline-block; line-height: 1; -webkit-transition: border-radius .1s ease,width .2s ease; transition: border-radius .1s ease,width .2s ease; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } .ui.dropdown .menu { position: absolute; display: none; top: 100%; margin: 0; background-color: #FFF; min-width: 100%; white-space: nowrap; font-size: .875em; text-shadow: none; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 0 1px 1px rgba(0,0,0,.1); border-radius: 0 0 .325em .325em; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; z-index: 11; } .ui.dropdown>.dropdown.icon { width: auto; margin: 0 1em 0 0; } .ui.dropdown>.dropdown.icon:before { content: "\f0d7"; } .ui.dropdown .menu .item .dropdown.icon { width: auto; float: left; margin: 0 .5em 0 0; } .ui.dropdown .menu .item .dropdown.icon:before { content: "\f0da"; } .ui.dropdown>.text { cursor: pointer; display: inline-block; -webkit-transition: color .2s ease; transition: color .2s ease; } .ui.dropdown .menu { right: 0; } .ui.dropdown .menu .menu { top: 0!important; right: 100%!important; margin: 0!important; border-radius: .325em 0 0!important .325em; } .ui.dropdown .menu .menu:after { display: none; } .ui.dropdown .menu .item { cursor: pointer; border: 0; border-top: 1px solid rgba(0,0,0,.05); height: auto; font-size: .875em; display: block; color: rgba(0,0,0,.75); padding: .85em 1em!important; font-size: .875rem; text-transform: none; font-weight: 400; text-align: right; -webkit-touch-callout: none; } .ui.dropdown .menu .item:before { display: none; } .ui.dropdown .menu .item .icon { margin-left: .75em; } .ui.dropdown .menu .item:first-child { border-top: 0; } .ui.menu .right.menu .dropdown:last-child .menu, .ui.buttons>.ui.dropdown:last-child .menu { right: auto; left: 0; } .ui.vertical.menu .dropdown.item>.dropdown.icon:before { content: "\f0da"; } .ui.dropdown.icon.button>.dropdown.icon { margin: 0; } .ui.visible.dropdown>.menu { display: block; } .ui.dropdown .menu .item:hover { background-color: rgba(0,0,0,.02); z-index: 12; } .ui.dropdown .menu .active.item { background-color: rgba(0,0,0,.06)!important; border-right: 0; border-color: transparent!important; -webkit-box-shadow: none; -moz-shadow: none; box-shadow: none; z-index: 12; } .ui.dropdown>.default.text, .ui.default.dropdown>.text { color: rgba(0,0,0,.5); } .ui.dropdown:hover>.default.text, .ui.default.dropdown:hover>.text { color: rgba(0,0,0,.8); } .ui.simple.dropdown .menu:before, .ui.simple.dropdown .menu:after { display: none; } .ui.simple.dropdown .menu { display: block; overflow: hidden; top: -9999px!important; position: absolute; opacity: 0; width: 0; height: 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } .ui.simple.active.dropdown, .ui.simple.dropdown:hover { border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important; } .ui.simple.active.dropdown>.menu, .ui.simple.dropdown:hover>.menu { overflow: visible; width: auto; height: auto; top: 100%!important; opacity: 1; } .ui.simple.dropdown>.menu .item:active>.menu, .ui.simple.dropdown:hover>.menu .item:hover>.menu { overflow: visible; width: auto; height: auto; top: 0!important; right: 100%!important; opacity: 1; } .ui.simple.disabled.dropdown:hover .menu { display: none; height: 0; width: 0; overflow: hidden; } .ui.selection.dropdown { cursor: pointer; display: inline-block; word-wrap: break-word; white-space: normal; background-color: #FFF; padding: .5em 1em; line-height: 1.33; color: rgba(0,0,0,.8); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1)!important; box-shadow: 0 0 0 1px rgba(0,0,0,.1)!important; border-radius: .3125em!important; } .ui.selection.dropdown select { display: none; } .ui.selection.dropdown>.dropdown.icon { opacity: .7; margin: .2em 1.25em .2em 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } .ui.selection.dropdown, .ui.selection.dropdown .menu { top: 100%; -webkit-transition: -webkit-box-shadow .2s ease-out; transition: box-shadow .2s ease-out; } .ui.selection.dropdown .menu { max-height: 312px; overflow-x: hidden; overflow-y: auto; -webkit-box-shadow: 0 1px 0 1px #E0E0E0; box-shadow: 0 1px 0 1px #E0E0E0; border-radius: 0 0 .325em .325em; } .ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before { display: none; } .ui.selection.dropdown .menu img { height: 2.5em; display: inline-block; vertical-align: middle; margin-left: .5em; } .ui.selection.dropdown:hover { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2)!important; box-shadow: 0 0 0 1px rgba(0,0,0,.2)!important; } .ui.selection.dropdown:hover .menu { -webkit-box-shadow: 0 1px 0 1px #D3D3D3; box-shadow: 0 1px 0 1px #D3D3D3; } .ui.selection.dropdown:hover>.dropdown.icon { opacity: 1; } .ui.visible.selection.dropdown { border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important; } .ui.active.selection.dropdown { border-radius: .3125em .3125em 0!important 0; } .ui.active.selection.dropdown>.dropdown.icon { opacity: 1; } .ui.fluid.dropdown { display: block; } .ui.fluid.dropdown>.dropdown.icon { float: left; } .ui.inline.dropdown { cursor: pointer; display: inline-block; color: inherit; } .ui.inline.dropdown .dropdown.icon { margin: 0 .25em 0 .5em; } .ui.inline.dropdown .text { font-weight: 700; } .ui.inline.dropdown .menu { cursor: auto; margin-top: .25em; border-radius: .325em; } .ui.floating.dropdown .menu { right: 0; left: auto; margin-top: .5em; border-radius: .325em; } .ui.pointing.dropdown .menu { top: 100%; margin-top: .75em; border-radius: .325em; } .ui.pointing.dropdown .menu:after { display: block; position: absolute; pointer-events: none; content: " "; visibility: visible; width: .5em; height: .5em; -webkit-box-shadow: -1px -1px 0 1px rgba(0,0,0,.05); box-shadow: -1px -1px 0 1px rgba(0,0,0,.05); background-image: none; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; } .ui.pointing.dropdown .menu .active.item:first-child { background: transparent -webkit-linear-gradient(transparent,rgba(0,0,0,.03)); background: transparent-webkit-gradient(linear, top right, bottom right, from(transparent), to(rgba(0,0,0,.03))); background: transparent -webkit-linear-gradient(transparent, rgba(0,0,0,.03)); background: transparent linear-gradient(transparent,rgba(0,0,0,.03)); } .ui.pointing.dropdown .menu:after { top: -.25em; right: 50%; margin: 0 -.25em 0 0; } .ui.top.left.pointing.dropdown .menu { top: 100%; bottom: auto; right: 0; left: auto; margin: .75em 0 0; } .ui.top.left.pointing.dropdown .menu:after { top: -.25em; right: 1.25em; left: auto; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ui.top.right.pointing.dropdown .menu { top: 100%; bottom: auto; left: 0; right: auto; margin: .75em 0 0; } .ui.top.right.pointing.dropdown .menu:after { top: -.25em; right: auto; left: 1.25em; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ui.left.pointing.dropdown .menu { top: 0; right: 100%; left: auto; margin: 0 .75em 0 0; } .ui.left.pointing.dropdown .menu:after { top: 1em; right: -.25em; margin: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ui.right.pointing.dropdown .menu { top: 0; right: auto; left: 100%; margin: 0 0 0 .75em; } .ui.right.pointing.dropdown .menu:after { top: 1em; right: auto; left: -.25em; margin: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .ui.modal { display: none; position: fixed; z-index: 1001; top: 50%; right: 50%; text-align: right; width: 90%; margin-right: -45%; background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; } .ui.modal>.close { cursor: pointer; position: absolute; opacity: .8; font-size: 1.25em; top: -1.75em; left: -1.75em; color: #FFF; } .ui.modal>.close:hover { opacity: 1; } .ui.modal>.header { margin: 0; padding: 1.5rem 2rem; font-size: 1.6em; font-weight: 700; border-radius: .325em .325em 0 0; } .ui.modal>.content { display: table; width: 100%; position: relative; padding: 2em; background-color: #F4F4F4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.modal>.content>.left { display: table-cell; padding-left: 1.5%; min-width: 25%; } .ui.modal>.content>.right { display: table-cell; padding-right: 1.5%; vertical-align: top; } .ui.modal>.content>.left>.icon { font-size: 8em; margin: 0; } .ui.modal>.content p { line-height: 1.6; } .ui.modal .actions { padding: 1rem 2rem; text-align: left; } .ui.modal .actions>.button { margin-right: .75em; } @media only screen and (max-width:768px) { .ui.modal .content .left { display: block; padding: 0 0 1em; } .ui.modal .content .right { display: block; padding: 1em 0 0; -webkit-box-shadow: none; box-shadow: none; } .ui.modal .content .image { width: auto!important; max-width: 100%; } .ui.modal .actions { padding-bottom: 0; } .ui.modal .actions .buttons, .ui.modal .actions .button { margin-bottom: 1em; } } @media only screen and (max-width:998px) { .ui.modal { width: 92%; margin-right: -46%; } .ui.modal>.close { color: rgba(0,0,0,.8); top: 1.5rem; left: 1rem; } } @media only screen and (min-width:998px) { .ui.modal { width: 74%; margin-right: -37%; } } @media only screen and (min-width:1500px) { .ui.modal { width: 56%; margin-right: -28%; } } @media only screen and (min-width:1750px) { .ui.modal { width: 42%; margin-right: -21%; } } @media only screen and (min-width:2000px) { .ui.modal { width: 36%; margin-right: -18%; } } .ui.basic.modal { background-color: transparent; border: 0; color: #FFF; } .ui.basic.modal>.close { top: 1.5rem; left: 1rem; } .ui.basic.modal .content { background-color: transparent; } .ui.modal.scrolling { position: absolute; margin-top: 10px; } .ui.active.modal { display: block; } .ui.small.modal>.header { font-size: 1.3em; } @media only screen and (min-width:998px) { .ui.small.modal { width: 58%; margin-right: -29%; } } @media only screen and (min-width:1500px) { .ui.small.modal { width: 40%; margin-right: -20%; } } @media only screen and (min-width:1750px) { .ui.small.modal { width: 26%; margin-right: -13%; } } @media only screen and (min-width:2000px) { .ui.small.modal { width: 20%; margin-right: -10%; } } @media only screen and (min-width:998px) { .ui.large.modal { width: 74%; margin-right: -37%; } } @media only screen and (min-width:1500px) { .ui.large.modal { width: 64%; margin-right: -32%; } } @media only screen and (min-width:1750px) { .ui.large.modal { width: 54%; margin-right: -27%; } } @media only screen and (min-width:2000px) { .ui.large.modal { width: 44%; margin-right: -22%; } } .ui.nag { display: none; opacity: .95; position: relative; top: 0; right: 0; z-index: 101; min-height: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; line-height: 3em; padding: 0 1em; background-color: #555; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); font-size: 1em; text-align: center; color: rgba(255,255,255,.8); border-radius: 0 0 5px 5px; -webkit-transition: .2s background; transition: .2s background; } a.ui.nag { cursor: pointer; } .ui.nag>.title { display: inline-block; margin: 0 .5em; color: #FFF; } .ui.nag>.close.icon { cursor: pointer; opacity: .4; position: absolute; top: 50%; left: 1em; margin-top: -.5em; color: #FFF; -webkit-transition: .1s opacity; transition: .1s opacity; } .ui.nag:hover { opacity: 1; } .ui.nag .close:hover { opacity: 1; } .ui.overlay.nag { position: absolute; display: block; } .ui.fixed.nag { position: fixed; } .ui.botton.nag { border-radius: 5px 5px 0 0; } .ui.fixed.bottom.nags, .ui.fixed.bottom.nag { top: auto; bottom: 0; } .ui.white.nags .nag, .ui.white.nag { background-color: #F1F1F1; text-shadow: 0 1px 0 rgba(255,255,255,.8); color: #ACACAC; } .ui.white.nags .nag .close, .ui.white.nags .nag .title, .ui.white.nag .close, .ui.white.nag .title { color: #333; } .ui.nags .nag { border-radius: 0; } .ui.popup { display: none; position: absolute; top: 0; left: 0; z-index: 900; border: 1px solid rgba(0,0,0,.1); max-width: 250px; background-color: #FFF; padding: .8em 1.2em; font-size: .875rem; font-weight: 400; font-style: normal; color: rgba(0,0,0,.7); border-radius: .2em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .ui.popup .header { padding: 0 0 .5em; font-size: 1.125em; line-height: 1.2; font-weight: 700; } .ui.popup:before { position: absolute; content: ""; width: .75em; height: .75rem; background-image: none; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px 1px rgba(0,0,0,.1); } .ui.popup .ui.button { width: 100%; } .ui.popup { margin: 0; } .ui.popup.bottom { margin: .75em 0 0; } .ui.popup.top { margin: 0 0 .75em; } .ui.popup.left.center { margin: 0 0 0 .75em; } .ui.popup.right.center { margin: 0 .75em 0 0; } .ui.popup.center { margin-right: -1.25em; } .ui.bottom.center.popup:before { margin-right: -.4em; top: -.4em; right: 50%; left: auto; bottom: auto; -webkit-box-shadow: -1px -1px 1px rgba(0,0,0,.2); box-shadow: -1px -1px 1px rgba(0,0,0,.2); } .ui.bottom.left.popup { margin-left: -2em; } .ui.bottom.left.popup:before { top: -.4em; left: 1em; bottom: auto; right: auto; margin-right: 0; -webkit-box-shadow: -1px -1px 1px rgba(0,0,0,.2); box-shadow: -1px -1px 1px rgba(0,0,0,.2); } .ui.bottom.right.popup { margin-right: -2em; } .ui.bottom.right.popup:before { top: -.4em; right: 1em; left: auto; bottom: auto; margin-right: 0; -webkit-box-shadow: -1px -1px 1px rgba(0,0,0,.2); box-shadow: -1px -1px 1px rgba(0,0,0,.2); } .ui.top.center.popup:before { top: auto; left: auto; bottom: -.4em; right: 50%; margin-right: -.4em; } .ui.top.left.popup { margin-left: -2em; } .ui.top.left.popup:before { bottom: -.4em; left: 1em; top: auto; right: auto; margin-right: 0; } .ui.top.right.popup { margin-right: -2em; } .ui.top.right.popup:before { bottom: -.4em; right: 1em; top: auto; left: auto; margin-right: 0; } .ui.left.center.popup:before { top: 50%; left: -.35em; bottom: auto; right: auto; margin-top: -.4em; -webkit-box-shadow: 1px -1px 1px rgba(0,0,0,.2); box-shadow: 1px -1px 1px rgba(0,0,0,.2); } .ui.right.center.popup:before { top: 50%; right: -.35em; bottom: auto; left: auto; margin-top: -.4em; -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,.2); box-shadow: -1px 1px 1px rgba(0,0,0,.2); } .ui.loading.popup { display: block; visibility: hidden; } .ui.active.popup { display: block; } .ui.small.popup { font-size: .75rem; } .ui.large.popup { font-size: 1rem; } .ui.inverted.popup { background-color: #333; border: 0; color: #FFF; -webkit-box-shadow: none; box-shadow: none; } .ui.inverted.popup .header { background-color: rgba(0,0,0,.2); color: #FFF; } .ui.inverted.popup:before { background-color: #333; -webkit-box-shadow: none; box-shadow: none; } .ui.rating { display: inline-block; font-size: 0; vertical-align: baseline; margin: 0 0 0 .5rem; } .ui.rating:last-child { margin-left: 0; } .ui.rating:before { display: block; content: ''; visibility: hidden; clear: both; height: 0; } .ui.rating .icon { cursor: default; margin: 0; width: 1em; height: auto; padding: 0; color: rgba(0,0,0,.15); font-weight: 400; font-style: normal; } .ui.rating .icon:before { content: "\2605"; -webkit-transition: color .3s ease,opacity .3s ease; transition: color .3s ease,opacity .3s ease; } .ui.star.rating .icon { width: 1.2em; } .ui.star.rating .icon:before { content: '\f006'; font-family: Icons; } .ui.star.rating .active.icon:before { content: '\f005'; font-family: Icons; } .ui.heart.rating .icon { width: 1.2em; } .ui.heart.rating .icon:before { content: '\f08a'; font-family: Icons; } .ui.heart.rating .active.icon:before { content: '\f004'; font-family: Icons; } .ui.heart.rating .active.icon { color: #EF404A!important; } .ui.heart.rating .hover.icon, .ui.heart.rating .active.hover.icon { color: #FF2733!important; } .ui.active.rating .icon { cursor: pointer; } .ui.rating .active.icon { color: #FFCB08!important; } .ui.rating.hover .active.icon { opacity: .5; } .ui.rating .icon.hover, .ui.rating .icon.hover.active { opacity: 1; color: #FFB70A!important; } .ui.small.rating .icon { font-size: .75rem; } .ui.rating .icon { font-size: 1rem; } .ui.large.rating .icon { font-size: 1.5rem; vertical-align: middle; } .ui.huge.rating .icon { font-size: 2rem; vertical-align: middle; } .ui.search { position: relative; text-shadow: none; font-style: normal; font-weight: 400; } .ui.search input { border-radius: 500rem; } .ui.search>.button { position: relative; z-index: 2; float: left; margin: 0 -15px 0 0; padding: 6px 15px 7px; border-radius: 15px 0 0 15px; -webkit-box-shadow: none; box-shadow: none; } .ui.search .results { display: none; position: absolute; z-index: 999; top: 100%; right: 0; overflow: hidden; background-color: #FFF; margin-top: .5em; width: 380px; font-size: .875em; line-height: 1.2; color: #555; border-radius: 3px; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset; box-shadow: 0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset; } .ui.search .result { cursor: pointer; overflow: hidden; padding: .5em 1em; } .ui.search .result:first-child { border-top: 0; } .ui.search .result .image { background: #F0F0F0; margin-left: 10px; float: right; overflow: hidden; border-radius: 3px; width: 38px; height: 38px; } .ui.search .result .image img { display: block; width: 38px; height: 38px; } .ui.search .result .image~.info { float: none; margin-right: 50px; } .ui.search .result .info { float: right; } .ui.search .result .title { font-weight: 700; color: rgba(0,0,0,.8); } .ui.search .result .description { color: rgba(0,0,0,.6); } .ui.search .result .price { float: left; color: #5BBD72; font-weight: 700; } .ui.search .message { padding: 1em; } .ui.search .message .text .title { margin: 0 0 .5rem; font-size: 1.25rem; font-weight: 700; color: rgba(0,0,0,.8); } .ui.search .message .text .description { margin: 0; font-size: 1rem; color: rgba(0,0,0,.5); } .ui.search .results .category { background-color: #FAFAFA; border-top: 1px solid rgba(0,0,0,.1); -webkit-transition: background .2s ease-in; transition: background .2s ease-in; } .ui.search .results .category:first-child { border-top: 0; } .ui.search .results .category>.name { float: right; padding: 12px 8px 0 0; font-weight: 700; color: #777; text-shadow: 0 1px 0 rgba(255,255,255,.8); } .ui.search .results .category .result { background-color: #FFF; margin-right: 80px; border-right: 1px solid rgba(0,0,0,.1); } .ui.search .all { display: block; border-top: 1px solid rgba(0,0,0,.1); background-color: #FAFAFA; height: 2em; line-height: 2em; color: rgba(0,0,0,.6); font-weight: 700; text-align: center; } .ui.search .result:hover, .ui.search .category .result:hover { background-color: #F8F8F8; } .ui.search .all:hover { background-color: #F0F0F0; } .ui.search.loading .input .icon { background: url(../images/loader-mini.gif) no-repeat 50% 50%; } .ui.search.loading .input .icon:before, .ui.search.loading .input .icon:after { display: none; } .ui.search .results .category.active { background-color: #F1F1F1; } .ui.search .results .category.active>.name { color: #333; } .ui.search .result.active, .ui.search .category .result.active { background-color: #FBFBFB; } .ui.search .result.active .title { color: #000; } .ui.search .result.active .description { color: #555; } .ui.search .large.result .image, .ui.search .large.result .image img { width: 50px; height: 50px; } .ui.search .large.results .indented.info { margin-right: 65px; } .ui.search .large.results .info .title { font-size: 16px; } .ui.search .large.results .info .description { font-size: 11px; } .ui.shape { display: inline-block; position: relative; -webkit-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.shape .sides { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .ui.shape .side { opacity: 1; width: 100%; margin: 0!important; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.shape .side { display: none; } .ui.cube.shape .side { min-width: 15em; height: 15em; padding: 2em; background-color: #E6E6E6; color: rgba(0,0,0,.6); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3); box-shadow: 0 0 2px rgba(0,0,0,.3); } .ui.cube.shape .side>.content { width: 100%; height: 100%; display: table; text-align: center; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ui.cube.shape .side>.content>div { display: table-cell; vertical-align: middle; font-size: 2em; } .ui.text.shape.animating .sides { position: static; } .ui.text.shape .side { white-space: nowrap; } .ui.text.shape .side>* { white-space: normal; } .ui.loading.shape { position: absolute; top: -9999px; right: -9999px; } .ui.shape .animating.side { position: absolute; top: 0; right: 0; z-index: 100; } .ui.shape .hidden.side { opacity: .4; } .ui.shape.animating { -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .ui.shape.animating .sides { position: absolute; } .ui.shape.animating .sides { -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .ui.shape.animating .side { -webkit-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out; } .ui.shape .active.side { display: block; } body { -webkit-transition: margin .3s ease,-webkit-transform .3s ease; transition: margin .3s ease,transform .3s ease; } .ui.sidebar { position: fixed; margin: 0!important; height: 100%!important; border-radius: 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -ms-overflow-y: auto; overflow-y: auto; top: 0; right: 0; z-index: 999; -webkit-transition: margin-right .3s ease,margin-top .3s ease; transition: margin-right .3s ease,margin-top .3s ease; } .ui.right.sidebar { right: 100%; margin: 0!important; } .ui.top.sidebar { width: 100%!important; } .ui.bottom.sidebar { width: 100%!important; top: 100%; margin: 0!important; } .ui.active.sidebar { margin-right: 0!important; } .ui.active.top.sidebar, .ui.active.bottom.sidebar { margin-top: 0!important; } .ui.styled.sidebar { padding: 1em 1.5em; background-color: #FFF; -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.1); box-shadow: 1px 0 0 rgba(0,0,0,.1); } .ui.styled.very.thin.sidebar { padding: .5em; } .ui.styled.thin.sidebar { padding: 1em; } .ui.floating.sidebar { -webkit-box-shadow: 2px 0 2px rgba(0,0,0,.2); box-shadow: 2px 0 2px rgba(0,0,0,.2); } .ui.right.floating.sidebar { -webkit-box-shadow: -2px 0 2px rgba(0,0,0,.2); box-shadow: -2px 0 2px rgba(0,0,0,.2); } .ui.top.floating.sidebar { -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.2); box-shadow: 0 4px 4px rgba(0,0,0,.2); } .ui.bottom.floating.sidebar { -webkit-box-shadow: 0 -4px 4px rgba(0,0,0,.2); box-shadow: 0 -4px 4px rgba(0,0,0,.2); } .ui.very.thin.sidebar { width: 60px!important; margin-right: -60px!important; } .ui.active.very.thin.sidebar { margin-right: 0!important; } .ui.active.right.very.thin.sidebar { margin-right: -60px!important; } .ui.thin.sidebar { width: 200px!important; margin-right: -200px!important; } .ui.active.thin.sidebar { margin-right: 0!important; } .ui.active.right.thin.sidebar { margin-right: -200px!important; } .ui.sidebar { width: 275px!important; margin-right: -275px!important; } .ui.active.sidebar { margin-right: 0!important; } .ui.active.right.sidebar { margin-right: -275px!important; } .ui.wide.sidebar { width: 350px!important; margin-right: -350px!important; } .ui.active.wide.sidebar { margin-right: 0!important; } .ui.active.right.wide.sidebar { margin-right: -350px!important; } .ui.very.wide.sidebar { width: 475px!important; margin-right: -475px!important; } .ui.active.very.wide.sidebar { margin-right: 0!important; } .ui.active.right.very.wide.sidebar { margin-right: -475px!important; } .ui.top.sidebar { margin: -40px 0 0 0!important; } .ui.top.sidebar, .ui.bottom.sidebar { height: 40px!important; } .ui.active.bottom.sidebar { margin-top: -40px!important; } .ui.tab { display: none; } .ui.tab.active, .ui.tab.open { display: block; } .ui.tab.loading { position: relative; overflow: hidden; display: block; min-height: 250px; text-indent: -10000px; } .ui.tab.loading * { position: relative!important; right: -10000px!important; } .ui.tab.loading:after { position: absolute; top: 50px; right: 50%; content: 'Loading...'; margin-right: -32px; text-indent: 5px; color: rgba(0,0,0,.4); width: 100%; height: 100%; padding-top: 75px; background: url(../images/loader-large.gif) no-repeat 0 0; visibility: visible; } .ui.transition { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ui.animating.transition { -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .ui.loading.transition { position: absolute; top: -999999px; right: -99999px; } .ui.hidden.transition { display: none; } .ui.visible.transition { display: block; visibility: visible; } .ui.disabled.transition { -webkit-animation-play-state: paused; animation-play-state: paused; } .ui.looping.transition { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ui.flash.transition { -webkit-animation-name: flash; animation-name: flash; } .ui.shake.transition { -webkit-animation-name: shake; animation-name: shake; } .ui.bounce.transition { -webkit-animation-name: bounce; animation-name: bounce; } .ui.tada.transition { -webkit-animation-name: tada; animation-name: tada; } .ui.pulse.transition { -webkit-animation-name: pulse; animation-name: pulse; } .ui.flip.transition.in, .ui.flip.transition.out { -webkit-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; } .ui.horizontal.flip.transition.in, .ui.horizontal.flip.transition.out { -webkit-animation-name: horizontalFlip; animation-name: horizontalFlip; } .ui.horizontal.flip.transition.out { -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut; } .ui.vertical.flip.transition.in, .ui.vertical.flip.transition.out { -webkit-animation-name: verticalFlip; animation-name: verticalFlip; } .ui.vertical.flip.transition.out { -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut; } .ui.fade.transition.in { -webkit-animation-name: fade; animation-name: fade; } .ui.fade.transition.out { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .ui.fade.up.transition.in { -webkit-animation-name: fadeUp; animation-name: fadeUp; } .ui.fade.up.transition.out { -webkit-animation-name: fadeUpOut; animation-name: fadeUpOut; } .ui.fade.down.transition.in { -webkit-animation-name: fadeDown; animation-name: fadeDown; } .ui.fade.down.transition.out { -webkit-animation-name: fadeDownOut; animation-name: fadeDownOut; } .ui.scale.transition.in { -webkit-animation-name: scale; animation-name: scale; } .ui.scale.transition.out { -webkit-animation-name: scaleOut; animation-name: scaleOut; } .ui.slide.down.transition.in { -webkit-animation-name: slide; animation-name: slide; transform-origin: 50% 0; -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; } .ui.slide.down.transition.out { -webkit-animation-name: slideOut; animation-name: slideOut; transform-origin: 50% 0; -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; } .ui.slide.up.transition.in { -webkit-animation-name: slide; animation-name: slide; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } .ui.slide.up.transition.out { -webkit-animation-name: slideOut; animation-name: slideOut; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @-webkit-keyframes slide { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes slide { 0% { opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes slideOut { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes slideOut { 0% { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: .7; } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes horizontalFlip { 0% { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); opacity: 0; } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes horizontalFlip { 0% { -webkit-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); opacity: 0; } 100% { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-webkit-keyframes horizontalFlipOut { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } 100% { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 1; } } @keyframes horizontalFlipOut { 0% { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } 100% { -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 1; } } @-webkit-keyframes verticalFlip { 0% { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes verticalFlip { 0% { -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes verticalFlipOut { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 100% { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); opacity: 0; } } @keyframes verticalFlipOut { 0% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 100% { -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); opacity: 0; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeUpOut { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeUpOut { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes fadeDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeDownOut { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeDownOut { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes scale { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale { 0% { opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } } .ui.video { position: relative; max-width: 100%; } .ui.video .placeholder { background-color: #333; } .ui.video .play { cursor: pointer; position: absolute; top: 0; right: 0; z-index: 10; width: 100%; height: 100%; -ms-filter: "alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6; -webkit-transition: opacity .3s; transition: opacity .3s; } .ui.video .play.icon:before { position: absolute; top: 50%; right: 50%; z-index: 11; font-size: 6rem; margin: -3rem -3rem 0 0; color: #FFF; text-shadow: 0 3px 3px rgba(0,0,0,.4); } .ui.video .placeholder { display: block; width: 100%; height: 100%; } .ui.video .embed { display: none; } .ui.video .play:hover { opacity: 1; } .ui.video.active .play, .ui.video.active .placeholder { display: none; } .ui.video.active .embed { display: block; } .ui.comments a { cursor: pointer; } .ui.comments .comment { position: relative; margin-top: .5em; padding-top: .5em; } .ui.comments .comment:first-child { margin-top: 0; padding-top: 0; } .ui.comments .comment .avatar { display: block; float: right; width: 4em; } .ui.comments .comment .avatar img { display: block; margin: 0 auto; width: 3em; height: 3em; border-radius: 500px; } .ui.comments .comment>.content, .ui.comments .comment>.avatar { display: block; } .ui.comments .comment .avatar~.content { padding: 0 1em; } .ui.comments .comment>.avatar~.content { padding-top: .25em; margin-right: 3.5em; } .ui.comments .comment .metadata { display: inline-block; margin-right: .3em; color: rgba(0,0,0,.4); } .ui.comments .comment .metadata>* { display: inline-block; margin: 0 0 0 .3em; } .ui.comments .comment .text { margin: .25em 0 .5em; word-wrap: break-word; } .ui.comments .comment .actions { font-size: .9em; } .ui.comments .comment .actions a { display: inline-block; margin: 0 0 0 .3em; color: rgba(0,0,0,.3); } .ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover { color: rgba(0,0,0,.6); } .ui.comments .reply.form { margin-top: .75em; width: 100%; max-width: 30em; } .ui.comments .comment .reply.form { margin-right: 2em; } .ui.comments>.reply.form { margin-top: 1.5em; max-width: 40em; } .ui.comments .reply.form textarea { height: 12em; } .ui.comments .comment .comments { margin-top: .5em; padding-top: .5em; padding-bottom: 1em; } .ui.comments .comment .comments:before { position: absolute; top: 0; right: 0; } .ui.comments>.comment .comments { margin-right: 2em; } .ui.comments>.comment>.comments>.comment>.comments { margin-right: 1.75em; } .ui.comments>.comment>.comments>.comment>.comments>.comment>.comments { margin-right: 1.5em; } .ui.comments>.comment>.comments>.comment>.comments>.comment>.comments>.comment .comments { margin-right: .5em; } .ui.threaded.comments .comment .comments { margin-right: 2em!important; padding-right: 2em!important; -webkit-box-shadow: -1px 0 0 rgba(0,0,0,.05); box-shadow: -1px 0 0 rgba(0,0,0,.05); } .ui.minimal.comments .comment .actions { opacity: 0; -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; -webkit-transition-delay: .1s; transition-delay: .1s; } .ui.minimal.comments .comment>.content:hover>.actions { opacity: 1; } .ui.small.comments { font-size: .875em; } .ui.feed a { cursor: pointer; } .ui.feed, .ui.feed .event, .ui.feed .label, .ui.feed .content, .ui.feed .extra { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.feed .event { width: 100%; display: table; padding: 1em; } .ui.feed .event:first-child { border-top: 0; } .ui.feed .event:last-child { margin-bottom: 1em; } .ui.feed .label { width: 3em; display: table-cell; vertical-align: top; text-align: right; } .ui.feed .label .icon { font-size: 1.5em; padding: .5em; margin: 0; } .ui.feed .label img { width: 3em; margin: 0; border-radius: 50em; } .ui.feed .label+.content { padding: .75em 1em 0; } .ui.feed .content { display: table-cell; vertical-align: top; text-align: right; word-wrap: break-word; } .ui.feed .content .date { float: left; padding-right: 1em; color: rgba(0,0,0,.4); } .ui.feed .content .summary { color: rgba(0,0,0,.75); } .ui.feed .content .summary img { display: inline-block; margin-left: .25em; width: 4em; border-radius: 500px; } .ui.feed .content .extra { margin: 1em 0 0; padding: .5em 0 0; color: rgba(0,0,0,.5); } .ui.feed .content .extra.images img { display: inline-block; margin-left: .25em; width: 6em; } .ui.feed .content .extra.text { padding: .5em 1em; border-right: .2em solid rgba(0,0,0,.1); } .ui.small.feed { font-size: .875em; } .ui.small.feed .label img { width: 2.5em; } .ui.small.feed .label .icon { font-size: 1.25em; } .ui.feed .event { padding: .75em 0; } .ui.small.feed .label+.content { padding: .5em .5em 0; } .ui.small.feed .content .extra.images img { width: 5em; } .ui.small.feed .content .extra { margin: .5em 0 0; } .ui.small.feed .content .extra.text { padding: .25em .5em; } .ui.items { margin: 1em 0 0; } .ui.items:first-child { margin-top: 0; } .ui.items:last-child { margin-bottom: -1em; } .ui.items:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; visibility: hidden; } .ui.items>.row>.item, .ui.items>.item { display: block; float: right; position: relative; top: 0; width: 316px; min-height: 375px; margin: 0 .5em 2.5em; padding: 0; background-color: #FFF; line-height: 1.2; font-size: 1em; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); border-bottom: .2em solid rgba(0,0,0,.2); border-radius: .33em; -webkit-transition: -webkit-box-shadow .2s ease; transition: box-shadow .2s ease; padding: .5em; } .ui.items a.item, .ui.items .item a { cursor: pointer; } .ui.items .item, .ui.items .item>.image, .ui.items .item>.image .overlay, .ui.items .item>.content, .ui.items .item>.content>.meta, .ui.items .item>.content>.extra { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui.items .item>.image { display: block; position: relative; background-color: rgba(0,0,0,.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: .2em; } .ui.items .item>.image>img { display: block; width: 100%; } .ui.items .item>.content { padding: .75em .5em; } .ui.items .item>.content>.name { display: block; font-size: 1.25em; font-weight: 700; margin-bottom: .2em; color: rgba(0,0,0,.7); } .ui.items .item>.content>.description { clear: both; margin: 0; color: rgba(0,0,0,.45); } .ui.items .item>.content>.description p { margin: 0 0 .2em; } .ui.items .item>.content>.description p:last-child { margin-bottom: 0; } .ui.items .item .meta { float: left; color: rgba(0,0,0,.35); } .ui.items .item>.content>.meta+.name { float: right; } .ui.items .item .star.label:hover::after { border-left-color: #F6EFC3; } .ui.items .item .star.label:hover::after { border-top-color: #F6EFC3; } .ui.items .item .star.label:hover .icon { color: #ac9400; } .ui.items .item .star.label.active::after { border-left-color: #F6EFC3; } .ui.items .item .star.label.active::after { border-top-color: #F6EFC3; } .ui.items .item .star.label.active .icon { color: #ac9400; } .ui.items .item .like.label:hover::after { border-left-color: #F5E1E2; } .ui.items .item .like.label.active::after { border-top-color: #F5E1E2; } .ui.items .item .like.label:hover .icon { color: #ef404a; } .ui.items .item .like.label.active::after { border-left-color: #F5E1E2; } .ui.items .item .like.label.active::after { border-top-color: #F5E1E2; } .ui.items .item .like.label.active .icon { color: #ef404a; } .ui.items .item .extra { position: absolute; width: 100%; padding: 0 .5em; bottom: -2em; right: 0; height: 1.5em; color: rgba(0,0,0,.25); -webkit-transition: color .2s ease; transition: color .2s ease; } .ui.items .item .extra>img { display: inline-block; border-radius: 500px; margin-left: .25em; vertical-align: middle; width: 2em; } .ui.items .item .extra .left { float: right; } .ui.items .item .extra .right { float: left; } .ui.items .item:hover { cursor: pointer; z-index: 5; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2); box-shadow: 0 0 0 1px rgba(0,0,0,.2); } .ui.items .item:hover .extra { color: rgba(0,0,0,.5); } .ui.items .item:nth-of-type(n+1):hover { border-bottom-color: #6ECFF5!important; } .ui.items .item:nth-of-type(n+2):hover { border-bottom-color: #5C6166!important; } .ui.items .item:nth-of-type(n+3):hover { border-bottom-color: #A1CF64!important; } .ui.items .item:nth-of-type(n+4):hover { border-bottom-color: #D95C5C!important; } .ui.items .item:nth-of-type(n+5):hover { border-bottom-color: #564F8A!important; } .ui.items .item:nth-of-type(n+6):hover { border-bottom-color: #00B5AD!important; } .ui.connected.items { display: table; width: 100%; margin-right: 0!important; margin-left: 0!important; } .ui.connected.items>.row>.item, .ui.connected.items>.item { float: none; display: table-cell; vertical-align: top; height: auto; border-radius: 0; margin: 0; width: 33.33%; } .ui.connected.items>.row { display: table; margin: .5em 0; } .ui.connected.items>.row:first-child { margin-top: 0; } .ui.connected.items>.item, .ui.connected.items>.row:last-child>.item { border-bottom: .2em solid rgba(0,0,0,.2); } .ui.connected.items>.row:last-child>.item:first-child, .ui.connected.items>.item:first-child { border-radius: 0 0 .33em 0; } .ui.connected.items>.row:last-child>.item:last-child, .ui.connected.items>.item:last-child { border-radius: 0 0 .33em; } .ui.connected.items .item:hover { border-bottom-width: .2em; } .ui.one.connected.items>.row>.item, .ui.one.connected.items>.item { width: 50%; padding-right: 2%; padding-left: 2%; } .ui.two.connected.items>.row>.item, .ui.two.connected.items>.item { width: 50%; padding-right: 1%; padding-left: 1%; } .ui.three.connected.items>.row>.item, .ui.three.connected.items>.item { width: 33.333%; padding-right: 1%; padding-left: 1%; } .ui.four.connected.items>.row>.item, .ui.four.connected.items>.item { width: 25%; padding-right: .5%; padding-left: .5%; } .ui.five.connected.items>.row>.item, .ui.five.connected.items>.item { width: 20%; padding-right: .5%; padding-left: .5%; } .ui.six.connected.items>.row>.item, .ui.six.connected.items>.item { width: 16.66%; padding-right: .5%; padding-left: .5%; } .ui.seven.connected.items>.row>.item, .ui.seven.connected.items>.item { width: 14.28%; padding-right: .5%; padding-left: .5%; } .ui.eight.connected.items>.row>.item, .ui.eight.connected.items>.item { width: 12.5%; padding-right: .25%; padding-left: .25%; } .ui.nine.connected.items>.row>.item, .ui.nine.connected.items>.item { width: 11.11%; padding-right: .25%; padding-left: .25%; } .ui.ten.connected.items>.row>.item, .ui.ten.connected.items>.item { width: 10%; padding-right: .2%; padding-left: .2%; } .ui.eleven.connected.items>.row>.item, .ui.eleven.connected.items>.item { width: 9.09%; padding-right: .2%; padding-left: .2%; } .ui.twelve.connected.items>.row>.item, .ui.twelve.connected.items>.item { width: 8.3333%; padding-right: .1%; padding-left: .1%; } @media only screen and (max-width:768px) { .ui.stackable.items { display: block!important; } .ui.stackable.items>.item, .ui.stackable.items>.row>.item { display: block!important; height: auto!important; width: auto!important; padding: 0!important; } } .ui.horizontal.items>.item, .ui.items>.horizontal.item { display: table; } .ui.horizontal.items>.item>.image .ui.items>.horizontal.item>.image { display: table-cell; width: 50%; } .ui.horizontal.items>.item>.image+.content, .ui.items>.horizontal.item>.image+.content { width: 50%; display: table-cell; } .ui.horizontal.items>.item>.content, .ui.items>.horizontal.item>.content { padding: 1% 3% 11% 1.7%; vertical-align: top; } .ui.horizontal.items>.item>.meta, .ui.items>.horizontal.item>.meta { position: absolute; padding: 0; bottom: 7%; right: 3%; width: 94%; } .ui.horizontal.items>.item>.image+.content+.meta, .ui.items>.horizontal.item>.image+.content+.meta { bottom: 7%; right: 53%; width: 44%; } .ui.horizontal.items>.item .avatar, .ui.items>.horizontal.item .avatar { width: 11.5%; } .ui.items>.item .avatar { max-width: 25px; } .ui.one.items { margin-right: -2%; margin-left: -2%; } .ui.one.items>.item { width: 100%; margin-right: 2%; margin-left: 2%; } .ui.two.items { margin-right: -1%; margin-left: -1%; } .ui.two.items>.item { width: 48%; margin-right: 1%; margin-left: 1%; } .ui.two.items>.item:nth-child(2n+1) { clear: right; } .ui.three.items { margin-right: -1%; margin-left: -1%; } .ui.three.items>.item { width: 31.333%; margin-right: 1%; margin-left: 1%; } .ui.three.items>.item:nth-child(3n+1) { clear: right; } .ui.four.items { margin-right: -.5%; margin-left: -.5%; } .ui.four.items>.item { width: 24%; margin-right: .5%; margin-left: .5%; } .ui.four.items>.item:nth-child(4n+1) { clear: right; } .ui.five.items { margin-right: -.5%; margin-left: -.5%; } .ui.five.items>.item { width: 19%; margin-right: .5%; margin-left: .5%; } .ui.five.items>.item:nth-child(5n+1) { clear: right; } .ui.six.items { margin-right: -.5%; margin-left: -.5%; } .ui.six.items>.item { width: 15.66%; margin-right: .5%; margin-left: .5%; } .ui.six.items>.item:nth-child(6n+1) { clear: right; } .ui.seven.items { margin-right: -.5%; margin-left: -.5%; } .ui.seven.items>.item { width: 13.28%; margin-right: .5%; margin-left: .5%; font-size: 11px; } .ui.seven.items>.item:nth-child(7n+1) { clear: right; } .ui.eight.items { margin-right: -.25%; margin-left: -.25%; } .ui.eight.items>.item { width: 12%; margin-right: .25%; margin-left: .25%; font-size: 11px; } .ui.eight.items>.item:nth-child(8n+1) { clear: right; } .ui.nine.items { margin-right: -.25%; margin-left: -.25%; } .ui.nine.items>.item { width: 10.61%; margin-right: .25%; margin-left: .25%; font-size: 10px; } .ui.nine.items>.item:nth-child(9n+1) { clear: right; } .ui.ten.items { margin-right: -.2%; margin-left: -.2%; } .ui.ten.items>.item { width: 9.6%; margin-right: .2%; margin-left: .2%; font-size: 10px; } .ui.ten.items>.item:nth-child(10n+1) { clear: right; } .ui.eleven.items { margin-right: -.2%; margin-left: -.2%; } .ui.eleven.items>.item { width: 8.69%; margin-right: .2%; margin-left: .2%; font-size: 9px; } .ui.eleven.items>.item:nth-child(11n+1) { clear: right; } .ui.twelve.items { margin-right: -.1%; margin-left: -.1%; } .ui.twelve.items>.item { width: 8.1333%; margin-right: .1%; margin-left: .1%; font-size: 9px; } .ui.twelve.items>.item:nth-child(12n+1) { clear: right; } ul.ui.list, ol.ui.list, .ui.list { list-style-type: none; margin: 1em 0; padding: 0; } ul.ui.list ul, ol.ui.list ol, .ui.list .list { margin: 0; padding: .5em 1em .5em 0; } ul.ui.list:first-child, ol.ui.list:first-child, .ui.list:first-child { margin-top: 0; } ul.ui.list:last-child, ol.ui.list:last-child, .ui.list:last-child { margin-bottom: 0; } ul.ui.list li, ol.ui.list li, .ui.list .item { display: list-item; list-style-type: none; list-style-position: inside; padding: .3em 0; line-height: 1.2; } .ui.list .item:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .ui.list .item>.icon { display: table-cell; margin: 0; padding: .1em 0 0 .5em; vertical-align: top; } .ui.list .item>.icon:only-child { display: inline-block; } .ui.horizontal.list .item>.icon { padding: 0 0 0 .25em; } .ui.list .item>img { display: inline-block; width: 2em; margin-left: .5em; vertical-align: middle; border-radius: .2em; } .ui.list .item>.content { display: inline-block; vertical-align: middle; line-height: 1.2; } .ui.list .item>.icon+.content { display: table-cell; vertical-align: top; padding-right: .5em; } .ui.list a { cursor: pointer; } .ui.list a .icon { color: rgba(0,0,0,.6); -webkit-transition: color .2s ease; transition: color .2s ease; } .ui.list .header { font-weight: 700; } .ui.list .description { color: rgba(0,0,0,.5); } .ui.list .item>.left.floated { margin-left: 1em; float: right; } .ui.list .item>.right.floated { margin-right: 1em; float: left; } .ui.horizontal.list { display: inline-block; font-size: 0; } .ui.horizontal.list .item { display: inline-block; margin-right: 1em; font-size: 1rem; } .ui.horizontal.list .item:first-child { margin-right: 0; } .ui.list a:hover .icon { color: rgba(0,0,0,.8); } .ui.link.list .item { color: rgba(0,0,0,.4); } .ui.link.list a.item, .ui.link.list .item a { color: rgba(0,0,0,.6); } .ui.link.list a.item:hover, .ui.link.list .item a:hover { color: rgba(0,0,0,.8); } .ui.link.list a.item:active, .ui.link.list .item a:active { color: rgba(0,0,0,.9); } .ui.link.list a.active.item, .ui.link.list .active.item a { color: rgba(0,0,0,.8); } .ui.selection.list .item { cursor: pointer; color: rgba(0,0,0,.4); padding: .5em; -webkit-transition: .2s color ease,.2s padding-right ease,.2s background-color ease; transition: .2s color ease,.2s padding-right ease,.2s background-color ease; } .ui.selection.list .item:hover { background-color: rgba(0,0,0,.02); color: rgba(0,0,0,.7); } .ui.selection.list:not(.horizontal, .ordered) .item:hover { padding-right: 1em; } .ui.selection.list:not(.horizontal, .ordered) .item:hover .item:hover { padding-right: .5em; } .ui.selection.list .item:active { background-color: rgba(0,0,0,.05); color: rgba(0,0,0,.7); } .ui.selection.list .item.active { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.7); } ul.ui.list, .ui.bulleted.list { margin-right: 1.5em; } ul.ui.list li, .ui.bulleted.list .item { position: relative; } ul.ui.list li:before, .ui.bulleted.list .item:before { position: absolute; right: -1.5em; content: '•'; line-height: 1.2rem; vertical-align: top; } ul.ui.list ul, .ui.bulleted.list .list { padding-right: 1.5em; } ul.ui.horizontal.bulleted.list, .ui.horizontal.bulleted.list { margin-right: 0; } ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list .item { margin-right: 1.5em; } ul.ui.horizontal.bulleted.list li:before, .ui.horizontal.bulleted.list .item:before { right: -.9em; } ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list .item:first-child { margin-right: 0; } ul.ui.horizontal.bulleted.list li:first-child::before, .ui.horizontal.bulleted.list .item:first-child::before { display: none; } ol.ui.list, .ui.ordered.list { counter-reset: ordered; margin-right: 2em; list-style-type: none; } ol.ui.list li, .ui.ordered.list .item { list-style-type: none; position: relative; } ol.ui.list li:before, .ui.ordered.list .item:before { position: absolute; right: -2em; counter-increment: ordered; content: counters(ordered,"."); text-align: left; vertical-align: top; opacity: .75; } ol.ui.list ol, .ui.ordered.list .list { counter-reset: ordered; padding-right: 2.5em; } ol.ui.list ol li:before, .ui.ordered.list .list .item:before { right: -2.5em; } ol.ui.horizontal.list, .ui.ordered.horizontal.list { margin-right: 0; } ol.ui.horizontal.list li:before, .ui.ordered.horizontal.list .item:before { position: static; margin: 0 0 0 .5em; } .ui.divided.list>.item, .ui.divided.list>.list { border-top: 1px solid rgba(0,0,0,.1); padding-right: .5em; padding-left: .5em; } .ui.divided.list .item .menu .item { border-width: 0; } .ui.divided.list .item:first-child { border-top-width: 0; } .ui.divided.list .list { margin-right: -.5em; margin-left: -.5em; } .ui.divided.list .list .item { padding-right: 1em; padding-left: 1em; } .ui.divided.list .list .item:first-child { border-top-width: 1px; } .ui.divided.bulleted.list { margin-right: 0; } .ui.divided.bulleted.list .item { padding-right: 1.5em; } .ui.divided.bulleted.list .item:before { right: .5em; } .ui.divided.ordered.list { margin-right: 0; } .ui.divided.ordered.list>.item { padding-right: 2em; padding-left: 2em; } .ui.divided.ordered.list>.item:before { right: .5em; } .ui.divided.ordered.list .item .list { margin-right: -2em; margin-left: -2em; } .ui.divided.horizontal.list { margin-right: 0; } .ui.divided.horizontal.list .item { border-top: 0; border-right: 1px solid rgba(0,0,0,.1); margin: 0; padding-right: .75em; padding-left: .75em; line-height: .6; } .ui.horizontal.divided.list .item:first-child { border-right: 0; padding-right: 0; } .ui.celled.list>.item, .ui.celled.list>.list { border-top: 1px solid rgba(0,0,0,.1); padding-right: .5em; padding-left: .5em; } .ui.celled.list>.item:last-child { border-bottom: 1px solid rgba(0,0,0,.1); } .ui.celled.list .item .list { margin-right: -.5em; margin-left: -.5em; } .ui.celled.list .item .list .item { border-width: 0; } .ui.celled.list .list .item:first-child { border-top-width: 0; } .ui.celled.bulleted.list { margin-right: 0; } .ui.celled.bulleted.list>.item { padding-right: 1.5em; } .ui.celled.bulleted.list>.item:before { right: .5em; } .ui.celled.ordered.list { margin-right: 0; } .ui.celled.ordered.list .item { padding-right: 2em; padding-left: 2em; } .ui.celled.ordered.list .item:before { right: .5em; } .ui.celled.ordered.list .item .list { margin-right: -2em; margin-left: -2em; } .ui.horizontal.celled.list { margin-right: 0; } .ui.horizontal.celled.list .item { border-top: 0; border-right: 1px solid rgba(0,0,0,.1); margin: 0; padding-right: .75em; padding-left: .75em; line-height: .6; } .ui.horizontal.celled.list .item:last-child { border-bottom: 0; border-left: 1px solid rgba(0,0,0,.1); } .ui.relaxed.list:not(.horizontal) .item { padding-top: .5em; padding-bottom: .5em; } .ui.horizontal.relaxed.list .item { padding-right: 1.25em; padding-left: 1.25em; } .ui.very.relaxed.list:not(.horizontal) .item { padding-top: 1em; padding-bottom: 1em; } .ui.horizontal.very.relaxed.list .item { padding-right: 2em; padding-left: 2em; } .ui.mini.list .item { font-size: .7rem; } .ui.tiny.list .item { font-size: .8125rem; } .ui.small.list .item { font-size: .875rem; } .ui.list .item { font-size: 1em; } .ui.large.list .item { font-size: 1.125rem; } .ui.big.list .item { font-size: 1.25rem; } .ui.huge.list .item { font-size: 1.375rem; } .ui.massive.list .item { font-size: 1.5rem; } .ui.statistic { text-align: center; } .ui.statistic>.number { font-size: 4em; font-weight: 700; color: rgba(0,0,0,.7); } .ui.statistic>.description { opacity: .8; }