Line 10: | Line 10: | ||
/* Reset */ | /* Reset */ | ||
− | html, | + | html:not(.semanticUICSS), |
− | body, | + | body:not(.semanticUICSS), |
− | div, | + | div:not(.semanticUICSS), |
− | span, | + | span:not(.semanticUICSS), |
− | applet, | + | applet:not(.semanticUICSS), |
− | object, | + | object:not(.semanticUICSS), |
− | iframe, | + | iframe:not(.semanticUICSS), |
− | h1, | + | h1:not(.semanticUICSS), |
− | h2, | + | h2:not(.semanticUICSS), |
− | h3, | + | h3:not(.semanticUICSS), |
− | h4, | + | h4:not(.semanticUICSS), |
− | h5, | + | h5:not(.semanticUICSS), |
− | h6, | + | h6:not(.semanticUICSS), |
− | p, | + | p:not(.semanticUICSS), |
− | blockquote, | + | blockquote:not(.semanticUICSS), |
− | pre, | + | pre:not(.semanticUICSS), |
− | a, | + | a:not(.semanticUICSS), |
− | abbr, | + | abbr:not(.semanticUICSS), |
− | acronym, | + | acronym:not(.semanticUICSS), |
− | address, | + | address:not(.semanticUICSS), |
− | big, | + | big:not(.semanticUICSS), |
− | cite, | + | cite:not(.semanticUICSS), |
− | code, | + | code:not(.semanticUICSS), |
− | del, | + | del:not(.semanticUICSS), |
− | dfn, | + | dfn:not(.semanticUICSS), |
− | em, | + | em:not(.semanticUICSS), |
− | img, | + | img:not(.semanticUICSS), |
− | ins, | + | ins:not(.semanticUICSS), |
− | kbd, | + | kbd:not(.semanticUICSS), |
− | q, | + | q:not(.semanticUICSS), |
− | s, | + | s:not(.semanticUICSS), |
− | samp, | + | samp:not(.semanticUICSS), |
− | small, | + | small:not(.semanticUICSS), |
− | strike, | + | strike:not(.semanticUICSS), |
− | strong, | + | strong:not(.semanticUICSS), |
− | sub, | + | sub:not(.semanticUICSS), |
− | sup, | + | sup:not(.semanticUICSS), |
− | tt, | + | tt:not(.semanticUICSS), |
− | var, | + | var:not(.semanticUICSS), |
− | b, | + | b:not(.semanticUICSS), |
− | u, | + | u:not(.semanticUICSS), |
− | i, | + | i:not(.semanticUICSS), |
− | center, | + | center:not(.semanticUICSS), |
− | dl, | + | dl:not(.semanticUICSS), |
− | dt, | + | dt:not(.semanticUICSS), |
− | dd, | + | dd:not(.semanticUICSS), |
− | ol, | + | ol:not(.semanticUICSS), |
− | ul, | + | ul:not(.semanticUICSS), |
− | li, | + | li:not(.semanticUICSS), |
− | fieldset, | + | fieldset:not(.semanticUICSS), |
− | form, | + | form:not(.semanticUICSS), |
− | label, | + | label:not(.semanticUICSS), |
− | legend, | + | legend:not(.semanticUICSS), |
− | table, | + | table:not(.semanticUICSS), |
− | caption, | + | caption:not(.semanticUICSS), |
− | tbody, | + | tbody:not(.semanticUICSS), |
− | tfoot, | + | tfoot:not(.semanticUICSS), |
− | thead, | + | thead:not(.semanticUICSS), |
− | tr, | + | tr:not(.semanticUICSS), |
− | th, | + | th:not(.semanticUICSS), |
− | td, | + | td:not(.semanticUICSS), |
− | article, | + | article:not(.semanticUICSS), |
− | aside, | + | aside:not(.semanticUICSS), |
− | canvas, | + | canvas:not(.semanticUICSS), |
− | details, | + | details:not(.semanticUICSS), |
− | embed, | + | embed:not(.semanticUICSS), |
− | figure, | + | figure:not(.semanticUICSS), |
− | figcaption, | + | figcaption:not(.semanticUICSS), |
− | footer, | + | footer:not(.semanticUICSS), |
− | header, | + | header:not(.semanticUICSS), |
− | hgroup, | + | hgroup:not(.semanticUICSS), |
− | menu, | + | menu:not(.semanticUICSS), |
− | nav, | + | nav:not(.semanticUICSS), |
− | output, | + | output:not(.semanticUICSS), |
− | ruby, | + | ruby:not(.semanticUICSS), |
− | section, | + | section:not(.semanticUICSS), |
− | summary, | + | summary:not(.semanticUICSS), |
− | time, | + | time:not(.semanticUICSS), |
− | mark, | + | mark:not(.semanticUICSS), |
− | audio, | + | audio:not(.semanticUICSS), |
− | video | + | video :not(.semanticUICSS) |
− | + | { margin: 0; | |
− | padding: 0 | + | padding: 0; |
− | border: 0 | + | border: 0; |
− | font-size: 100% | + | font-size: 100%; |
font: inherit; | font: inherit; | ||
− | vertical-align: baseline | + | vertical-align: baseline; |
} | } | ||
− | article, | + | article:not(.semanticUICSS), |
− | aside, | + | aside:not(.semanticUICSS), |
− | details, | + | details:not(.semanticUICSS), |
− | figcaption, | + | figcaption:not(.semanticUICSS), |
− | figure, | + | figure:not(.semanticUICSS), |
− | footer, | + | footer:not(.semanticUICSS), |
− | header, | + | header:not(.semanticUICSS), |
− | hgroup, | + | hgroup:not(.semanticUICSS), |
− | menu, | + | menu:not(.semanticUICSS), |
− | nav, | + | nav:not(.semanticUICSS), |
− | section | + | section :not(.semanticUICSS) |
− | + | { display: block; | |
} | } | ||
− | body | + | body :not(.semanticUICSS) |
− | + | { line-height: 1; | |
} | } | ||
− | ol, | + | ol:not(.semanticUICSS), |
− | ul | + | ul :not(.semanticUICSS) |
− | + | { list-style: none; | |
} | } | ||
− | blockquote, | + | blockquote:not(.semanticUICSS), |
− | q | + | q :not(.semanticUICSS) |
− | + | { quotes: none; | |
} | } | ||
− | blockquote:before, | + | blockquote:before:not(.semanticUICSS), |
− | blockquote:after, | + | blockquote:after:not(.semanticUICSS), |
− | q:before, | + | q:before:not(.semanticUICSS), |
− | q:after | + | q:after :not(.semanticUICSS) |
− | + | { content: ''; | |
− | content: none | + | content: none; |
} | } | ||
− | table | + | table :not(.semanticUICSS) |
− | + | { border-collapse: collapse; | |
− | border-spacing: 0 | + | border-spacing: 0; |
} | } | ||
− | body | + | body :not(.semanticUICSS) |
− | + | { -webkit-text-size-adjust: none; | |
} | } | ||
/* Box Model */ | /* Box Model */ | ||
− | *, | + | *:not(.semanticUICSS), |
− | *:before, | + | *:before:not(.semanticUICSS), |
− | *:after | + | *:after :not(.semanticUICSS) |
− | + | { -moz-box-sizing: border-box; | |
− | -webkit-box-sizing: border-box | + | -webkit-box-sizing: border-box; |
− | box-sizing: border-box!important; | + | box-sizing: border-box; |
+ | } | ||
+ | /* Containers */ | ||
+ | |||
+ | .container :not(.semanticUICSS) | ||
+ | { margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | .container.\31 25\25 :not(.semanticUICSS) | ||
+ | { width: 100%; | ||
+ | max-width: 1200px; | ||
+ | min-width: 960px; | ||
+ | } | ||
+ | .container.\37 5\25 :not(.semanticUICSS) | ||
+ | { width: 720px; | ||
+ | } | ||
+ | .container.\35 0\25 :not(.semanticUICSS) | ||
+ | { width: 480px; | ||
+ | } | ||
+ | .container.\32 5\25 :not(.semanticUICSS) | ||
+ | { width: 240px; | ||
+ | } | ||
+ | .container :not(.semanticUICSS) | ||
+ | { width: 960px; | ||
+ | } | ||
+ | @media screen and (min-width: 737px) :not(.semanticUICSS) | ||
+ | { .container.\31 25\25 :not(.semanticUICSS) | ||
+ | { width: 100%; | ||
+ | max-width: 1500px; | ||
+ | min-width: 1200px; | ||
+ | } | ||
+ | .container.\37 5\25 :not(.semanticUICSS) | ||
+ | { width: 900px; | ||
+ | } | ||
+ | .container.\35 0\25 :not(.semanticUICSS) | ||
+ | { width: 600px; | ||
+ | } | ||
+ | .container.\32 5\25 :not(.semanticUICSS) | ||
+ | { width: 300px; | ||
+ | } | ||
+ | .container :not(.semanticUICSS) | ||
+ | { width: 1200px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 737px) and (max-width: 1200px) :not(.semanticUICSS) | ||
+ | { .container.\31 25\25 :not(.semanticUICSS) | ||
+ | { width: 100%; | ||
+ | max-width: 1250px; | ||
+ | min-width: 1000px; | ||
+ | } | ||
+ | .container.\37 5\25 :not(.semanticUICSS) | ||
+ | { width: 750px; | ||
+ | } | ||
+ | .container.\35 0\25 :not(.semanticUICSS) | ||
+ | { width: 500px; | ||
+ | } | ||
+ | .container.\32 5\25 :not(.semanticUICSS) | ||
+ | { width: 250px; | ||
+ | } | ||
+ | .container :not(.semanticUICSS) | ||
+ | { width: 1000px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 736px) :not(.semanticUICSS) | ||
+ | { .container.\31 25\25 :not(.semanticUICSS) | ||
+ | { width: 100%; | ||
+ | max-width: 125%; | ||
+ | min-width: 100%; | ||
+ | } | ||
+ | .container.\37 5\25 :not(.semanticUICSS) | ||
+ | { width: 75%; | ||
+ | } | ||
+ | .container.\35 0\25 :not(.semanticUICSS) | ||
+ | { width: 50%; | ||
+ | } | ||
+ | .container.\32 5\25 :not(.semanticUICSS) | ||
+ | { width: 25%; | ||
+ | } | ||
+ | .container :not(.semanticUICSS) | ||
+ | { width: 100% !important; | ||
+ | } | ||
} | } | ||
− | |||
/* Grid */ | /* Grid */ | ||
− | .row | + | .row :not(.semanticUICSS) |
− | + | { border-bottom: solid 1px transparent; | |
− | -moz-box-sizing: border-box | + | -moz-box-sizing: border-box; |
− | -webkit-box-sizing: border-box | + | -webkit-box-sizing: border-box; |
− | box-sizing: border-box | + | box-sizing: border-box; |
} | } | ||
− | .row > * | + | .row > * :not(.semanticUICSS) |
− | + | { float: left; | |
− | -moz-box-sizing: border-box | + | -moz-box-sizing: border-box; |
− | -webkit-box-sizing: border-box | + | -webkit-box-sizing: border-box; |
− | box-sizing: border-box | + | box-sizing: border-box; |
} | } | ||
− | .row:after, | + | .row:after:not(.semanticUICSS), |
− | .row:before | + | .row:before :not(.semanticUICSS) |
− | + | { content: ''; | |
− | display: block | + | display: block; |
− | clear: both | + | clear: both; |
− | height: 0 | + | height: 0; |
} | } | ||
− | .row.uniform > * >:first-child | + | .row.uniform > * >:first-child :not(.semanticUICSS) |
− | + | { margin-top: 0; | |
} | } | ||
− | .row.uniform > * >:last-child | + | .row.uniform > * >:last-child :not(.semanticUICSS) |
− | + | { margin-bottom: 0; | |
} | } | ||
− | .row.\30 \25 > * | + | .row.\30 \25 > * :not(.semanticUICSS) |
− | + | { padding: 0 0 0 0px; | |
} | } | ||
− | .row.\30 \25 | + | .row.\30 \25 :not(.semanticUICSS) |
− | + | { margin: 0 0 -1px 0px; | |
} | } | ||
− | .row.uniform.\30 \25 > * | + | .row.uniform.\30 \25 > * :not(.semanticUICSS) |
− | + | { padding: 0px 0 0 0px; | |
} | } | ||
− | .row.uniform.\30 \25 | + | .row.uniform.\30 \25 :not(.semanticUICSS) |
− | + | { margin: 0px 0 -1px 0px; | |
} | } | ||
− | .row > * | + | .row > * :not(.semanticUICSS) |
− | + | { padding: 0 0 0 40px; | |
} | } | ||
− | .row | + | .row :not(.semanticUICSS) |
− | + | { margin: 0 0 -1px -40px; | |
} | } | ||
− | .row.uniform > * | + | .row.uniform > * :not(.semanticUICSS) |
− | + | { padding: 40px 0 0 40px; | |
} | } | ||
− | .row.uniform | + | .row.uniform :not(.semanticUICSS) |
− | + | { margin: -40px 0 -1px -40px; | |
} | } | ||
− | .row.\32 00\25 > * | + | .row.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 0 0 0 80px; | |
} | } | ||
− | .row.\32 00\25 | + | .row.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: 0 0 -1px -80px; | |
} | } | ||
− | .row.uniform.\32 00\25 > * | + | .row.uniform.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 80px 0 0 80px; | |
} | } | ||
− | .row.uniform.\32 00\25 | + | .row.uniform.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: -80px 0 -1px -80px; | |
} | } | ||
− | .row.\31 50\25 > * | + | .row.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 0 0 0 60px; | |
} | } | ||
− | .row.\31 50\25 | + | .row.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: 0 0 -1px -60px; | |
} | } | ||
− | .row.uniform.\31 50\25 > * | + | .row.uniform.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 60px 0 0 60px; | |
} | } | ||
− | .row.uniform.\31 50\25 | + | .row.uniform.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: -60px 0 -1px -60px; | |
} | } | ||
− | .row.\35 0\25 > * | + | .row.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 0 0 0 20px; | |
} | } | ||
− | .row.\35 0\25 | + | .row.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: 0 0 -1px -20px; | |
} | } | ||
− | .row.uniform.\35 0\25 > * | + | .row.uniform.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 20px 0 0 20px; | |
} | } | ||
− | .row.uniform.\35 0\25 | + | .row.uniform.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: -20px 0 -1px -20px; | |
} | } | ||
− | .row.\32 5\25 > * | + | .row.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 0 0 0 10px; | |
} | } | ||
− | .row.\32 5\25 | + | .row.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: 0 0 -1px -10px; | |
} | } | ||
− | .row.uniform.\32 5\25 > * | + | .row.uniform.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 10px 0 0 10px; | |
} | } | ||
− | .row.uniform.\32 5\25 | + | .row.uniform.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: -10px 0 -1px -10px; | |
} | } | ||
− | .\31 2u, | + | .\31 2u:not(.semanticUICSS), |
− | .\31 2u\24 | + | .\31 2u\24 :not(.semanticUICSS) |
− | + | { width: 100%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 1u, | + | .\31 1u:not(.semanticUICSS), |
− | .\31 1u\24 | + | .\31 1u\24 :not(.semanticUICSS) |
− | + | { width: 91.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 0u, | + | .\31 0u:not(.semanticUICSS), |
− | .\31 0u\24 | + | .\31 0u\24 :not(.semanticUICSS) |
− | + | { width: 83.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\39 u, | + | .\39 u:not(.semanticUICSS), |
− | .\39 u\24 | + | .\39 u\24 :not(.semanticUICSS) |
− | + | { width: 75%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\38 u, | + | .\38 u:not(.semanticUICSS), |
− | .\38 u\24 | + | .\38 u\24 :not(.semanticUICSS) |
− | + | { width: 66.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\37 u, | + | .\37 u:not(.semanticUICSS), |
− | .\37 u\24 | + | .\37 u\24 :not(.semanticUICSS) |
− | + | { width: 58.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\36 u, | + | .\36 u:not(.semanticUICSS), |
− | .\36 u\24 | + | .\36 u\24 :not(.semanticUICSS) |
− | + | { width: 50%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\35 u, | + | .\35 u:not(.semanticUICSS), |
− | .\35 u\24 | + | .\35 u\24 :not(.semanticUICSS) |
− | + | { width: 41.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\34 u, | + | .\34 u:not(.semanticUICSS), |
− | .\34 u\24 | + | .\34 u\24 :not(.semanticUICSS) |
− | + | { width: 33.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\33 u, | + | .\33 u:not(.semanticUICSS), |
− | .\33 u\24 | + | .\33 u\24 :not(.semanticUICSS) |
− | + | { width: 25%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\32 u, | + | .\32 u:not(.semanticUICSS), |
− | .\32 u\24 | + | .\32 u\24 :not(.semanticUICSS) |
− | + | { width: 16.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 u, | + | .\31 u:not(.semanticUICSS), |
− | .\31 u\24 | + | .\31 u\24 :not(.semanticUICSS) |
− | + | { width: 8.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 2u\24 + *, | + | .\31 2u\24 + *:not(.semanticUICSS), |
− | .\31 1u\24 + *, | + | .\31 1u\24 + *:not(.semanticUICSS), |
− | .\31 0u\24 + *, | + | .\31 0u\24 + *:not(.semanticUICSS), |
− | .\39 u\24 + *, | + | .\39 u\24 + *:not(.semanticUICSS), |
− | .\38 u\24 + *, | + | .\38 u\24 + *:not(.semanticUICSS), |
− | .\37 u\24 + *, | + | .\37 u\24 + *:not(.semanticUICSS), |
− | .\36 u\24 + *, | + | .\36 u\24 + *:not(.semanticUICSS), |
− | .\35 u\24 + *, | + | .\35 u\24 + *:not(.semanticUICSS), |
− | .\34 u\24 + *, | + | .\34 u\24 + *:not(.semanticUICSS), |
− | .\33 u\24 + *, | + | .\33 u\24 + *:not(.semanticUICSS), |
− | .\32 u\24 + *, | + | .\32 u\24 + *:not(.semanticUICSS), |
− | .\31 u\24 + * | + | .\31 u\24 + * :not(.semanticUICSS) |
− | + | { clear: left; | |
} | } | ||
− | .\-11u | + | .\-11u :not(.semanticUICSS) |
− | + | { margin-left: 91.66667%; | |
} | } | ||
− | .\-10u | + | .\-10u :not(.semanticUICSS) |
− | + | { margin-left: 83.33333%; | |
} | } | ||
− | .\-9u | + | .\-9u :not(.semanticUICSS) |
− | + | { margin-left: 75%; | |
} | } | ||
− | .\-8u | + | .\-8u :not(.semanticUICSS) |
− | + | { margin-left: 66.66667%; | |
} | } | ||
− | .\-7u | + | .\-7u :not(.semanticUICSS) |
− | + | { margin-left: 58.33333%; | |
} | } | ||
− | .\-6u | + | .\-6u :not(.semanticUICSS) |
− | + | { margin-left: 50%; | |
} | } | ||
− | .\-5u | + | .\-5u :not(.semanticUICSS) |
− | + | { margin-left: 41.66667%; | |
} | } | ||
− | .\-4u | + | .\-4u :not(.semanticUICSS) |
− | + | { margin-left: 33.33333%; | |
} | } | ||
− | .\-3u | + | .\-3u :not(.semanticUICSS) |
− | + | { margin-left: 25%; | |
} | } | ||
− | .\-2u | + | .\-2u :not(.semanticUICSS) |
− | + | { margin-left: 16.66667%; | |
} | } | ||
− | .\-1u | + | .\-1u :not(.semanticUICSS) |
− | + | { margin-left: 8.33333%; | |
} | } | ||
− | @media screen and (min-width: 737px) | + | @media screen and (min-width: 737px) :not(.semanticUICSS) |
− | + | { .row > * :not(.semanticUICSS) | |
− | + | { padding: 50px 0 0 50px; | |
} | } | ||
− | .row | + | .row :not(.semanticUICSS) |
− | + | { margin: -50px 0 -1px -50px; | |
} | } | ||
− | .row.uniform > * | + | .row.uniform > * :not(.semanticUICSS) |
− | + | { padding: 50px 0 0 50px; | |
} | } | ||
− | .row.uniform | + | .row.uniform :not(.semanticUICSS) |
− | + | { margin: -50px 0 -1px -50px; | |
} | } | ||
− | .row.\32 00\25 > * | + | .row.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 100px 0 0 100px; | |
} | } | ||
− | .row.\32 00\25 | + | .row.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: -100px 0 -1px -100px; | |
} | } | ||
− | .row.uniform.\32 00\25 > * | + | .row.uniform.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 100px 0 0 100px; | |
} | } | ||
− | .row.uniform.\32 00\25 | + | .row.uniform.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: -100px 0 -1px -100px; | |
} | } | ||
− | .row.\31 50\25 > * | + | .row.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 75px 0 0 75px; | |
} | } | ||
− | .row.\31 50\25 | + | .row.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: -75px 0 -1px -75px; | |
} | } | ||
− | .row.uniform.\31 50\25 > * | + | .row.uniform.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 75px 0 0 75px; | |
} | } | ||
− | .row.uniform.\31 50\25 | + | .row.uniform.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: -75px 0 -1px -75px; | |
} | } | ||
− | .row.\35 0\25 > * | + | .row.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 25px 0 0 25px; | |
} | } | ||
− | .row.\35 0\25 | + | .row.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: -25px 0 -1px -25px; | |
} | } | ||
− | .row.uniform.\35 0\25 > * | + | .row.uniform.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 25px 0 0 25px; | |
} | } | ||
− | .row.uniform.\35 0\25 | + | .row.uniform.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: -25px 0 -1px -25px; | |
} | } | ||
− | .row.\32 5\25 > * | + | .row.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 12.5px 0 0 12.5px; | |
} | } | ||
− | .row.\32 5\25 | + | .row.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: -12.5px 0 -1px -12.5px; | |
} | } | ||
− | .row.uniform.\32 5\25 > * | + | .row.uniform.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 12.5px 0 0 12.5px; | |
} | } | ||
− | .row.uniform.\32 5\25 | + | .row.uniform.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: -12.5px 0 -1px -12.5px; | |
} | } | ||
− | .\31 2u\28desktop\29, | + | .\31 2u\28desktop\29:not(.semanticUICSS), |
− | .\31 2u\24\28desktop\29 | + | .\31 2u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 100%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 1u\28desktop\29, | + | .\31 1u\28desktop\29:not(.semanticUICSS), |
− | .\31 1u\24\28desktop\29 | + | .\31 1u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 91.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 0u\28desktop\29, | + | .\31 0u\28desktop\29:not(.semanticUICSS), |
− | .\31 0u\24\28desktop\29 | + | .\31 0u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 83.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\39 u\28desktop\29, | + | .\39 u\28desktop\29:not(.semanticUICSS), |
− | .\39 u\24\28desktop\29 | + | .\39 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 75%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\38 u\28desktop\29, | + | .\38 u\28desktop\29:not(.semanticUICSS), |
− | .\38 u\24\28desktop\29 | + | .\38 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 66.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\37 u\28desktop\29, | + | .\37 u\28desktop\29:not(.semanticUICSS), |
− | .\37 u\24\28desktop\29 | + | .\37 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 58.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\36 u\28desktop\29, | + | .\36 u\28desktop\29:not(.semanticUICSS), |
− | .\36 u\24\28desktop\29 | + | .\36 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 50%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\35 u\28desktop\29, | + | .\35 u\28desktop\29:not(.semanticUICSS), |
− | .\35 u\24\28desktop\29 | + | .\35 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 41.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\34 u\28desktop\29, | + | .\34 u\28desktop\29:not(.semanticUICSS), |
− | .\34 u\24\28desktop\29 | + | .\34 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 33.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\33 u\28desktop\29, | + | .\33 u\28desktop\29:not(.semanticUICSS), |
− | .\33 u\24\28desktop\29 | + | .\33 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 25%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\32 u\28desktop\29, | + | .\32 u\28desktop\29:not(.semanticUICSS), |
− | .\32 u\24\28desktop\29 | + | .\32 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 16.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 u\28desktop\29, | + | .\31 u\28desktop\29:not(.semanticUICSS), |
− | .\31 u\24\28desktop\29 | + | .\31 u\24\28desktop\29 :not(.semanticUICSS) |
− | + | { width: 8.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 2u\24\28desktop\29 + *, | + | .\31 2u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\31 1u\24\28desktop\29 + *, | + | .\31 1u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\31 0u\24\28desktop\29 + *, | + | .\31 0u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\39 u\24\28desktop\29 + *, | + | .\39 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\38 u\24\28desktop\29 + *, | + | .\38 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\37 u\24\28desktop\29 + *, | + | .\37 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\36 u\24\28desktop\29 + *, | + | .\36 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\35 u\24\28desktop\29 + *, | + | .\35 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\34 u\24\28desktop\29 + *, | + | .\34 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\33 u\24\28desktop\29 + *, | + | .\33 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\32 u\24\28desktop\29 + *, | + | .\32 u\24\28desktop\29 + *:not(.semanticUICSS), |
− | .\31 u\24\28desktop\29 + * | + | .\31 u\24\28desktop\29 + * :not(.semanticUICSS) |
− | + | { clear: left; | |
} | } | ||
− | .\-11u\28desktop\29 | + | .\-11u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 91.66667%; | |
} | } | ||
− | .\-10u\28desktop\29 | + | .\-10u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 83.33333%; | |
} | } | ||
− | .\-9u\28desktop\29 | + | .\-9u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 75%; | |
} | } | ||
− | .\-8u\28desktop\29 | + | .\-8u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 66.66667%; | |
} | } | ||
− | .\-7u\28desktop\29 | + | .\-7u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 58.33333%; | |
} | } | ||
− | .\-6u\28desktop\29 | + | .\-6u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 50%; | |
} | } | ||
− | .\-5u\28desktop\29 | + | .\-5u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 41.66667%; | |
} | } | ||
− | .\-4u\28desktop\29 | + | .\-4u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 33.33333%; | |
} | } | ||
− | .\-3u\28desktop\29 | + | .\-3u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 25%; | |
} | } | ||
− | .\-2u\28desktop\29 | + | .\-2u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 16.66667%; | |
} | } | ||
− | .\-1u\28desktop\29 | + | .\-1u\28desktop\29 :not(.semanticUICSS) |
− | + | { margin-left: 8.33333%; | |
} | } | ||
} | } | ||
− | @media screen and (min-width: 737px) and (max-width: 1200px) | + | @media screen and (min-width: 737px) and (max-width: 1200px) :not(.semanticUICSS) |
− | + | { .row > * :not(.semanticUICSS) | |
− | + | { padding: 35px 0 0 35px; | |
} | } | ||
− | .row | + | .row :not(.semanticUICSS) |
− | + | { margin: -35px 0 -1px -35px; | |
} | } | ||
− | .row.uniform > * | + | .row.uniform > * :not(.semanticUICSS) |
− | + | { padding: 35px 0 0 35px; | |
} | } | ||
− | .row.uniform | + | .row.uniform :not(.semanticUICSS) |
− | + | { margin: -35px 0 -1px -35px; | |
} | } | ||
− | .row.\32 00\25 > * | + | .row.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 70px 0 0 70px; | |
} | } | ||
− | .row.\32 00\25 | + | .row.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: -70px 0 -1px -70px; | |
} | } | ||
− | .row.uniform.\32 00\25 > * | + | .row.uniform.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 70px 0 0 70px; | |
} | } | ||
− | .row.uniform.\32 00\25 | + | .row.uniform.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: -70px 0 -1px -70px; | |
} | } | ||
− | .row.\31 50\25 > * | + | .row.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 52.5px 0 0 52.5px; | |
} | } | ||
− | .row.\31 50\25 | + | .row.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: -52.5px 0 -1px -52.5px; | |
} | } | ||
− | .row.uniform.\31 50\25 > * | + | .row.uniform.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 52.5px 0 0 52.5px; | |
} | } | ||
− | .row.uniform.\31 50\25 | + | .row.uniform.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: -52.5px 0 -1px -52.5px; | |
} | } | ||
− | .row.\35 0\25 > * | + | .row.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 17.5px 0 0 17.5px; | |
} | } | ||
− | .row.\35 0\25 | + | .row.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: -17.5px 0 -1px -17.5px; | |
} | } | ||
− | .row.uniform.\35 0\25 > * | + | .row.uniform.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 17.5px 0 0 17.5px; | |
} | } | ||
− | .row.uniform.\35 0\25 | + | .row.uniform.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: -17.5px 0 -1px -17.5px; | |
} | } | ||
− | .row.\32 5\25 > * | + | .row.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 8.75px 0 0 8.75px; | |
} | } | ||
− | .row.\32 5\25 | + | .row.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: -8.75px 0 -1px -8.75px; | |
} | } | ||
− | .row.uniform.\32 5\25 > * | + | .row.uniform.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 8.75px 0 0 8.75px; | |
} | } | ||
− | .row.uniform.\32 5\25 | + | .row.uniform.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: -8.75px 0 -1px -8.75px; | |
} | } | ||
− | .\31 2u\28tablet\29, | + | .\31 2u\28tablet\29:not(.semanticUICSS), |
− | .\31 2u\24\28tablet\29 | + | .\31 2u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 100%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 1u\28tablet\29, | + | .\31 1u\28tablet\29:not(.semanticUICSS), |
− | .\31 1u\24\28tablet\29 | + | .\31 1u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 91.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 0u\28tablet\29, | + | .\31 0u\28tablet\29:not(.semanticUICSS), |
− | .\31 0u\24\28tablet\29 | + | .\31 0u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 83.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\39 u\28tablet\29, | + | .\39 u\28tablet\29:not(.semanticUICSS), |
− | .\39 u\24\28tablet\29 | + | .\39 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 75%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\38 u\28tablet\29, | + | .\38 u\28tablet\29:not(.semanticUICSS), |
− | .\38 u\24\28tablet\29 | + | .\38 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 66.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\37 u\28tablet\29, | + | .\37 u\28tablet\29:not(.semanticUICSS), |
− | .\37 u\24\28tablet\29 | + | .\37 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 58.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\36 u\28tablet\29, | + | .\36 u\28tablet\29:not(.semanticUICSS), |
− | .\36 u\24\28tablet\29 | + | .\36 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 50%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\35 u\28tablet\29, | + | .\35 u\28tablet\29:not(.semanticUICSS), |
− | .\35 u\24\28tablet\29 | + | .\35 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 41.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\34 u\28tablet\29, | + | .\34 u\28tablet\29:not(.semanticUICSS), |
− | .\34 u\24\28tablet\29 | + | .\34 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 33.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\33 u\28tablet\29, | + | .\33 u\28tablet\29:not(.semanticUICSS), |
− | .\33 u\24\28tablet\29 | + | .\33 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 25%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\32 u\28tablet\29, | + | .\32 u\28tablet\29:not(.semanticUICSS), |
− | .\32 u\24\28tablet\29 | + | .\32 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 16.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 u\28tablet\29, | + | .\31 u\28tablet\29:not(.semanticUICSS), |
− | .\31 u\24\28tablet\29 | + | .\31 u\24\28tablet\29 :not(.semanticUICSS) |
− | + | { width: 8.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 2u\24\28tablet\29 + *, | + | .\31 2u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\31 1u\24\28tablet\29 + *, | + | .\31 1u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\31 0u\24\28tablet\29 + *, | + | .\31 0u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\39 u\24\28tablet\29 + *, | + | .\39 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\38 u\24\28tablet\29 + *, | + | .\38 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\37 u\24\28tablet\29 + *, | + | .\37 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\36 u\24\28tablet\29 + *, | + | .\36 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\35 u\24\28tablet\29 + *, | + | .\35 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\34 u\24\28tablet\29 + *, | + | .\34 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\33 u\24\28tablet\29 + *, | + | .\33 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\32 u\24\28tablet\29 + *, | + | .\32 u\24\28tablet\29 + *:not(.semanticUICSS), |
− | .\31 u\24\28tablet\29 + * | + | .\31 u\24\28tablet\29 + * :not(.semanticUICSS) |
− | + | { clear: left; | |
} | } | ||
− | .\-11u\28tablet\29 | + | .\-11u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 91.66667%; | |
} | } | ||
− | .\-10u\28tablet\29 | + | .\-10u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 83.33333%; | |
} | } | ||
− | .\-9u\28tablet\29 | + | .\-9u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 75%; | |
} | } | ||
− | .\-8u\28tablet\29 | + | .\-8u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 66.66667%; | |
} | } | ||
− | .\-7u\28tablet\29 | + | .\-7u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 58.33333%; | |
} | } | ||
− | .\-6u\28tablet\29 | + | .\-6u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 50%; | |
} | } | ||
− | .\-5u\28tablet\29 | + | .\-5u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 41.66667%; | |
} | } | ||
− | .\-4u\28tablet\29 | + | .\-4u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 33.33333%; | |
} | } | ||
− | .\-3u\28tablet\29 | + | .\-3u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 25%; | |
} | } | ||
− | .\-2u\28tablet\29 | + | .\-2u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 16.66667%; | |
} | } | ||
− | .\-1u\28tablet\29 | + | .\-1u\28tablet\29 :not(.semanticUICSS) |
− | + | { margin-left: 8.33333%; | |
} | } | ||
} | } | ||
− | @media screen and (max-width: 736px) | + | @media screen and (max-width: 736px) :not(.semanticUICSS) |
− | + | { .row > * :not(.semanticUICSS) | |
− | + | { padding: 10px 0 0 10px; | |
} | } | ||
− | .row | + | .row :not(.semanticUICSS) |
− | + | { margin: -10px 0 -1px -10px; | |
} | } | ||
− | .row.uniform > * | + | .row.uniform > * :not(.semanticUICSS) |
− | + | { padding: 10px 0 0 10px; | |
} | } | ||
− | .row.uniform | + | .row.uniform :not(.semanticUICSS) |
− | + | { margin: -10px 0 -1px -10px; | |
} | } | ||
− | .row.\32 00\25 > * | + | .row.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 20px 0 0 20px; | |
} | } | ||
− | .row.\32 00\25 | + | .row.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: -20px 0 -1px -20px; | |
} | } | ||
− | .row.uniform.\32 00\25 > * | + | .row.uniform.\32 00\25 > * :not(.semanticUICSS) |
− | + | { padding: 20px 0 0 20px; | |
} | } | ||
− | .row.uniform.\32 00\25 | + | .row.uniform.\32 00\25 :not(.semanticUICSS) |
− | + | { margin: -20px 0 -1px -20px; | |
} | } | ||
− | .row.\31 50\25 > * | + | .row.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 15px 0 0 15px; | |
} | } | ||
− | .row.\31 50\25 | + | .row.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: -15px 0 -1px -15px; | |
} | } | ||
− | .row.uniform.\31 50\25 > * | + | .row.uniform.\31 50\25 > * :not(.semanticUICSS) |
− | + | { padding: 15px 0 0 15px; | |
} | } | ||
− | .row.uniform.\31 50\25 | + | .row.uniform.\31 50\25 :not(.semanticUICSS) |
− | + | { margin: -15px 0 -1px -15px; | |
} | } | ||
− | .row.\35 0\25 > * | + | .row.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 5px 0 0 5px; | |
} | } | ||
− | .row.\35 0\25 | + | .row.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: -5px 0 -1px -5px; | |
} | } | ||
− | .row.uniform.\35 0\25 > * | + | .row.uniform.\35 0\25 > * :not(.semanticUICSS) |
− | + | { padding: 5px 0 0 5px; | |
} | } | ||
− | .row.uniform.\35 0\25 | + | .row.uniform.\35 0\25 :not(.semanticUICSS) |
− | + | { margin: -5px 0 -1px -5px; | |
} | } | ||
− | .row.\32 5\25 > * | + | .row.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 2.5px 0 0 2.5px; | |
} | } | ||
− | .row.\32 5\25 | + | .row.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: -2.5px 0 -1px -2.5px; | |
} | } | ||
− | .row.uniform.\32 5\25 > * | + | .row.uniform.\32 5\25 > * :not(.semanticUICSS) |
− | + | { padding: 2.5px 0 0 2.5px; | |
} | } | ||
− | .row.uniform.\32 5\25 | + | .row.uniform.\32 5\25 :not(.semanticUICSS) |
− | + | { margin: -2.5px 0 -1px -2.5px; | |
} | } | ||
− | .\31 2u\28mobile\29, | + | .\31 2u\28mobile\29:not(.semanticUICSS), |
− | .\31 2u\24\28mobile\29 | + | .\31 2u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 100%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 1u\28mobile\29, | + | .\31 1u\28mobile\29:not(.semanticUICSS), |
− | .\31 1u\24\28mobile\29 | + | .\31 1u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 91.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 0u\28mobile\29, | + | .\31 0u\28mobile\29:not(.semanticUICSS), |
− | .\31 0u\24\28mobile\29 | + | .\31 0u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 83.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\39 u\28mobile\29, | + | .\39 u\28mobile\29:not(.semanticUICSS), |
− | .\39 u\24\28mobile\29 | + | .\39 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 75%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\38 u\28mobile\29, | + | .\38 u\28mobile\29:not(.semanticUICSS), |
− | .\38 u\24\28mobile\29 | + | .\38 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 66.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\37 u\28mobile\29, | + | .\37 u\28mobile\29:not(.semanticUICSS), |
− | .\37 u\24\28mobile\29 | + | .\37 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 58.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\36 u\28mobile\29, | + | .\36 u\28mobile\29:not(.semanticUICSS), |
− | .\36 u\24\28mobile\29 | + | .\36 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 50%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\35 u\28mobile\29, | + | .\35 u\28mobile\29:not(.semanticUICSS), |
− | .\35 u\24\28mobile\29 | + | .\35 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 41.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\34 u\28mobile\29, | + | .\34 u\28mobile\29:not(.semanticUICSS), |
− | .\34 u\24\28mobile\29 | + | .\34 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 33.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\33 u\28mobile\29, | + | .\33 u\28mobile\29:not(.semanticUICSS), |
− | .\33 u\24\28mobile\29 | + | .\33 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 25%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\32 u\28mobile\29, | + | .\32 u\28mobile\29:not(.semanticUICSS), |
− | .\32 u\24\28mobile\29 | + | .\32 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 16.6666666667%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 u\28mobile\29, | + | .\31 u\28mobile\29:not(.semanticUICSS), |
− | .\31 u\24\28mobile\29 | + | .\31 u\24\28mobile\29 :not(.semanticUICSS) |
− | + | { width: 8.3333333333%; | |
− | clear: none | + | clear: none; |
− | margin-left: 0 | + | margin-left: 0; |
} | } | ||
− | .\31 2u\24\28mobile\29 + *, | + | .\31 2u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\31 1u\24\28mobile\29 + *, | + | .\31 1u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\31 0u\24\28mobile\29 + *, | + | .\31 0u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\39 u\24\28mobile\29 + *, | + | .\39 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\38 u\24\28mobile\29 + *, | + | .\38 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\37 u\24\28mobile\29 + *, | + | .\37 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\36 u\24\28mobile\29 + *, | + | .\36 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\35 u\24\28mobile\29 + *, | + | .\35 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\34 u\24\28mobile\29 + *, | + | .\34 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\33 u\24\28mobile\29 + *, | + | .\33 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\32 u\24\28mobile\29 + *, | + | .\32 u\24\28mobile\29 + *:not(.semanticUICSS), |
− | .\31 u\24\28mobile\29 + * | + | .\31 u\24\28mobile\29 + * :not(.semanticUICSS) |
− | + | { clear: left; | |
} | } | ||
− | .\-11u\28mobile\29 | + | .\-11u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 91.66667%; | |
} | } | ||
− | .\-10u\28mobile\29 | + | .\-10u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 83.33333%; | |
} | } | ||
− | .\-9u\28mobile\29 | + | .\-9u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 75%; | |
} | } | ||
− | .\-8u\28mobile\29 | + | .\-8u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 66.66667%; | |
} | } | ||
− | .\-7u\28mobile\29 | + | .\-7u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 58.33333%; | |
} | } | ||
− | .\-6u\28mobile\29 | + | .\-6u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 50%; | |
} | } | ||
− | .\-5u\28mobile\29 | + | .\-5u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 41.66667%; | |
} | } | ||
− | .\-4u\28mobile\29 | + | .\-4u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 33.33333%; | |
} | } | ||
− | .\-3u\28mobile\29 | + | .\-3u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 25%; | |
} | } | ||
− | .\-2u\28mobile\29 | + | .\-2u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 16.66667%; | |
} | } | ||
− | .\-1u\28mobile\29 | + | .\-1u\28mobile\29 :not(.semanticUICSS) |
− | + | { margin-left: 8.33333%; | |
} | } | ||
} | } | ||
/* Basic */ | /* Basic */ | ||
− | @-ms-viewport | + | @-ms-viewport :not(.semanticUICSS) |
− | + | { width: device-width; | |
} | } | ||
− | body, | + | body:not(.semanticUICSS), |
− | input, | + | input:not(.semanticUICSS), |
− | textarea, | + | textarea:not(.semanticUICSS), |
− | select | + | select :not(.semanticUICSS) |
− | + | { font-family: 'Source Sans Pro', sans-serif; | |
− | font-weight: 400 | + | font-weight: 400; |
− | color: #919499 | + | color: #919499; |
} | } | ||
− | h1, | + | body.is-loading * :not(.semanticUICSS) |
− | h2, | + | { -moz-transition: none !important; |
− | h3, | + | -webkit-transition: none !important; |
− | h4, | + | -ms-transition: none !important; |
− | h5, | + | transition: none !important; |
− | h6 | + | -moz-animation: none !important; |
− | + | -webkit-animation: none !important; | |
− | color: #484d55 | + | -ms-animation: none !important; |
+ | animation: none !important; | ||
+ | } | ||
+ | h1:not(.semanticUICSS), | ||
+ | h2:not(.semanticUICSS), | ||
+ | h3:not(.semanticUICSS), | ||
+ | h4:not(.semanticUICSS), | ||
+ | h5:not(.semanticUICSS), | ||
+ | h6 :not(.semanticUICSS) | ||
+ | { font-weight: 700; | ||
+ | color: #484d55; | ||
} | } | ||
− | h1 a, | + | h1 a:not(.semanticUICSS), |
− | h2 a, | + | h2 a:not(.semanticUICSS), |
− | h3 a, | + | h3 a:not(.semanticUICSS), |
− | h4 a, | + | h4 a:not(.semanticUICSS), |
− | h5 a, | + | h5 a:not(.semanticUICSS), |
− | h6 a | + | h6 a :not(.semanticUICSS) |
− | + | { color: inherit; | |
− | text-decoration: none | + | text-decoration: none; |
} | } | ||
− | a | + | a :not(.semanticUICSS) |
− | + | { -moz-transition: color .25s ease-in-out; | |
− | -webkit-transition: color .25s ease-in-out | + | -webkit-transition: color .25s ease-in-out; |
− | -ms-transition: color .25s ease-in-out | + | -ms-transition: color .25s ease-in-out; |
− | transition: color .25s ease-in-out | + | transition: color .25s ease-in-out; |
− | text-decoration: underline | + | text-decoration: underline; |
− | color: #717479 | + | color: #717479; |
} | } | ||
− | a:hover | + | a:hover :not(.semanticUICSS) |
− | + | { text-decoration: none; | |
} | } | ||
− | strong, | + | strong:not(.semanticUICSS), |
− | b | + | b :not(.semanticUICSS) |
− | + | { font-weight: 700; | |
− | color: #484d55 | + | color: #484d55; |
} | } | ||
− | blockquote | + | blockquote :not(.semanticUICSS) |
− | + | { border-left: solid 0.5em #ddd; | |
− | padding: 1em 0 1em 2em | + | padding: 1em 0 1em 2em; |
− | font-style: italic | + | font-style: italic; |
} | } | ||
− | em, | + | em:not(.semanticUICSS), |
− | i | + | i :not(.semanticUICSS) |
− | + | { font-style: italic; | |
} | } | ||
− | hr | + | hr :not(.semanticUICSS) |
− | + | { border: 0; | |
− | border-top: solid 1px #ddd | + | border-top: solid 1px #ddd; |
} | } | ||
− | sub | + | sub :not(.semanticUICSS) |
− | + | { position: relative; | |
− | top: 0.5em | + | top: 0.5em; |
− | font-size: 0.8em | + | font-size: 0.8em; |
} | } | ||
− | sup | + | sup :not(.semanticUICSS) |
− | + | { position: relative; | |
− | top: -0.5em | + | top: -0.5em; |
− | font-size: 0.8em | + | font-size: 0.8em; |
} | } | ||
− | .nobr | + | .nobr :not(.semanticUICSS) |
− | + | { white-space: nowrap; | |
} | } | ||
− | br.clear | + | br.clear :not(.semanticUICSS) |
− | + | { clear: both; | |
} | } | ||
− | p, | + | p:not(.semanticUICSS), |
− | ul, | + | ul:not(.semanticUICSS), |
− | ol, | + | ol:not(.semanticUICSS), |
− | dl, | + | dl:not(.semanticUICSS), |
− | table, | + | table:not(.semanticUICSS), |
− | blockquote, | + | blockquote:not(.semanticUICSS), |
− | form | + | form :not(.semanticUICSS) |
− | + | { margin-bottom: 2em; | |
} | } | ||
/* Table */ | /* Table */ | ||
− | table | + | table :not(.semanticUICSS) |
− | + | { width: 100%; | |
} | } | ||
− | table.default | + | table.default :not(.semanticUICSS) |
− | + | { width: 100%; | |
} | } | ||
− | table.default tbody tr:nth-child(2n+2) | + | table.default tbody tr:nth-child(2n+2) :not(.semanticUICSS) |
− | + | { background: #f4f4f4; | |
} | } | ||
− | table.default td | + | table.default td :not(.semanticUICSS) |
− | + | { padding: 0.5em 1em 0.5em 1em; | |
} | } | ||
− | table.default th | + | table.default th :not(.semanticUICSS) |
− | + | { text-align: left; | |
− | font-weight: 400 | + | font-weight: 400; |
− | padding: 0.5em 1em 0.5em 1em | + | padding: 0.5em 1em 0.5em 1em; |
} | } | ||
− | table.default thead | + | table.default thead :not(.semanticUICSS) |
− | + | { background: #484d55; | |
− | color: #fff | + | color: #fff; |
} | } | ||
− | table.default tfoot | + | table.default tfoot :not(.semanticUICSS) |
− | + | { background: #eee; | |
} | } | ||
/* Form */ | /* Form */ | ||
− | form label | + | form label :not(.semanticUICSS) |
− | + | { display: block; | |
− | font-weight: 700 | + | font-weight: 700; |
− | color: #484d55 | + | color: #484d55; |
} | } | ||
− | form input[type="text"], | + | form input[type="text"]:not(.semanticUICSS), |
− | form input[type="email"], | + | form input[type="email"]:not(.semanticUICSS), |
− | form input[type="password"], | + | form input[type="password"]:not(.semanticUICSS), |
− | form select, | + | form select:not(.semanticUICSS), |
− | form textarea | + | form textarea :not(.semanticUICSS) |
− | + | { -moz-transition: all .25s ease-in-out; | |
− | -webkit-transition: all .25s ease-in-out | + | -webkit-transition: all .25s ease-in-out; |
− | -ms-transition: all .25s ease-in-out | + | -ms-transition: all .25s ease-in-out; |
− | transition: all .25s ease-in-out | + | transition: all .25s ease-in-out; |
− | -webkit-appearance: none | + | -webkit-appearance: none; |
− | display: block | + | display: block; |
− | border: 0 | + | border: 0; |
− | background: #eee | + | background: #eee; |
− | box-shadow: inset 0px 0px 1px 0px #a0a1a7 | + | box-shadow: inset 0px 0px 1px 0px #a0a1a7; |
− | border-radius: 0.35em | + | border-radius: 0.35em; |
− | width: 100% | + | width: 100%; |
− | padding: 0.75em 1em 0.75em 1em | + | padding: 0.75em 1em 0.75em 1em; |
} | } | ||
− | form input[type="text"]:focus, | + | form input[type="text"]:focus:not(.semanticUICSS), |
− | form input[type="email"]:focus, | + | form input[type="email"]:focus:not(.semanticUICSS), |
− | form input[type="password"]:focus, | + | form input[type="password"]:focus:not(.semanticUICSS), |
− | form select:focus, | + | form select:focus:not(.semanticUICSS), |
− | form textarea:focus | + | form textarea:focus :not(.semanticUICSS) |
− | + | { background: #f8f8f8; | |
} | } | ||
− | form input[type="text"], | + | form input[type="text"]:not(.semanticUICSS), |
− | form input[type="email"] input[type="password"] | + | form input[type="email"] input[type="password"] :not(.semanticUICSS) |
− | + | { line-height: 1em; | |
} | } | ||
− | form select | + | form select :not(.semanticUICSS) |
− | + | { line-height: 1em; | |
} | } | ||
− | form textarea | + | form textarea :not(.semanticUICSS) |
− | + | { min-height: 10em; | |
} | } | ||
− | form::-moz- | + | form .formerize-placeholder :not(.semanticUICSS) |
− | + | { color: #555 !important; | |
+ | font-style: italic; | ||
+ | } | ||
+ | form::-webkit-input-placeholder :not(.semanticUICSS) | ||
+ | { color: #555 !important; | ||
+ | font-style: italic; | ||
+ | line-height: 1.35em; | ||
+ | } | ||
+ | form:-moz-placeholder :not(.semanticUICSS) | ||
+ | { color: #555 !important; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | form::-moz-placeholder :not(.semanticUICSS) | ||
+ | { color: #555 !important; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | form:-ms-input-placeholder :not(.semanticUICSS) | ||
+ | { color: #555 !important; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | form::-moz-focus-inner :not(.semanticUICSS) | ||
+ | { border: 0; | ||
} | } | ||
/* Section/Article */ | /* Section/Article */ | ||
− | section, | + | section:not(.semanticUICSS), |
− | article | + | article :not(.semanticUICSS) |
− | + | { margin-bottom: 3em; | |
} | } | ||
− | section >:last-child, | + | section >:last-child:not(.semanticUICSS), |
− | article >:last-child, | + | article >:last-child:not(.semanticUICSS), |
− | section:last-child, | + | section:last-child:not(.semanticUICSS), |
− | article:last-child | + | article:last-child :not(.semanticUICSS) |
− | + | { margin-bottom: 0; | |
} | } | ||
− | header.style1 | + | header.style1 :not(.semanticUICSS) |
− | + | { text-align: center; | |
} | } | ||
− | header.style1 h2 | + | header.style1 h2 :not(.semanticUICSS) |
− | + | { font-weight: 700; | |
} | } | ||
− | header.style1 p | + | header.style1 p :not(.semanticUICSS) |
− | + | { color: #b1b4b9; | |
} | } | ||
/* Image */ | /* Image */ | ||
− | .image | + | .image :not(.semanticUICSS) |
− | + | { display: inline-block; | |
} | } | ||
− | .image img | + | .image img :not(.semanticUICSS) |
− | + | { display: block; | |
− | width: 100% | + | width: 100%; |
} | } | ||
− | .image.fit | + | .image.fit :not(.semanticUICSS) |
− | + | { display: block; | |
− | width: 100% | + | width: 100%; |
} | } | ||
− | .image.left | + | .image.left :not(.semanticUICSS) |
− | + | { float: left; | |
− | margin: 0 2em 2em 0 | + | margin: 0 2em 2em 0; |
} | } | ||
− | .image.centered | + | .image.centered :not(.semanticUICSS) |
− | + | { display: block; | |
− | margin: 0 0 2em 0 | + | margin: 0 0 2em 0; |
} | } | ||
− | .image.centered img | + | .image.centered img :not(.semanticUICSS) |
− | + | { margin: 0 auto; | |
− | width: auto | + | width: auto; |
} | } | ||
− | .image.featured | + | .image.featured :not(.semanticUICSS) |
− | + | { display: block; | |
− | width: 100% | + | width: 100%; |
− | margin: 0 0 2em 0 | + | margin: 0 0 2em 0; |
} | } | ||
/* Button */ | /* Button */ | ||
− | input[type="button"], | + | input[type="button"]:not(.semanticUICSS), |
− | input[type="submit"], | + | input[type="submit"]:not(.semanticUICSS), |
− | input[type="reset"], | + | input[type="reset"]:not(.semanticUICSS), |
− | button, | + | button:not(.semanticUICSS), |
− | .button | + | .button :not(.semanticUICSS) |
− | + | { -moz-transition: all .25s ease-in-out; | |
− | -webkit-transition: all .25s ease-in-out | + | -webkit-transition: all .25s ease-in-out; |
− | -ms-transition: all .25s ease-in-out | + | -ms-transition: all .25s ease-in-out; |
− | transition: all .25s ease-in-out | + | transition: all .25s ease-in-out; |
− | display: inline-block | + | display: inline-block; |
− | background: #444 | + | background: #444; |
− | text-align: center | + | text-align: center; |
− | text-transform: uppercase | + | text-transform: uppercase; |
− | font-weight: 700 | + | font-weight: 700; |
− | letter-spacing: 0.25em | + | letter-spacing: 0.25em; |
− | text-decoration: none | + | text-decoration: none; |
− | border-radius: 0.35em | + | border-radius: 0.35em; |
− | border: 0 | + | border: 0; |
− | outline: 0 | + | outline: 0; |
− | cursor: pointer | + | cursor: pointer; |
} | } | ||
− | input[type="button"]:hover, | + | input[type="button"]:hover:not(.semanticUICSS), |
− | input[type="submit"]:hover, | + | input[type="submit"]:hover:not(.semanticUICSS), |
− | input[type="reset"]:hover, | + | input[type="reset"]:hover:not(.semanticUICSS), |
− | button:hover, | + | button:hover:not(.semanticUICSS), |
− | .button:hover | + | .button:hover :not(.semanticUICSS) |
− | + | { background-color: #f98780; | |
} | } | ||
− | input[type="button"].style1, | + | input[type="button"].style1:not(.semanticUICSS), |
− | input[type="submit"].style1, | + | input[type="submit"].style1:not(.semanticUICSS), |
− | input[type="reset"].style1, | + | input[type="reset"].style1:not(.semanticUICSS), |
− | button.style1, | + | button.style1:not(.semanticUICSS), |
− | .button.style1 | + | .button.style1 :not(.semanticUICSS) |
− | + | { background: #e97770 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | color: #fff | + | color: #fff; |
} | } | ||
− | input[type="button"].style1:hover, | + | input[type="button"].style1:hover:not(.semanticUICSS), |
− | input[type="submit"].style1:hover, | + | input[type="submit"].style1:hover:not(.semanticUICSS), |
− | input[type="reset"].style1:hover, | + | input[type="reset"].style1:hover:not(.semanticUICSS), |
− | button.style1:hover, | + | button.style1:hover:not(.semanticUICSS), |
− | .button.style1:hover | + | .button.style1:hover :not(.semanticUICSS) |
− | + | { background-color: #f98780; | |
} | } | ||
− | input[type="button"].style1:active, | + | input[type="button"].style1:active:not(.semanticUICSS), |
− | input[type="submit"].style1:active, | + | input[type="submit"].style1:active:not(.semanticUICSS), |
− | input[type="reset"].style1:active, | + | input[type="reset"].style1:active:not(.semanticUICSS), |
− | button.style1:active, | + | button.style1:active:not(.semanticUICSS), |
− | .button.style1:active | + | .button.style1:active :not(.semanticUICSS) |
− | + | { background-color: #d96760; | |
} | } | ||
− | input[type="button"].style2, | + | input[type="button"].style2:not(.semanticUICSS), |
− | input[type="submit"].style2, | + | input[type="submit"].style2:not(.semanticUICSS), |
− | input[type="reset"].style2, | + | input[type="reset"].style2:not(.semanticUICSS), |
− | button.style2, | + | button.style2:not(.semanticUICSS), |
− | .button.style2 | + | .button.style2 :not(.semanticUICSS) |
− | + | { background: none; | |
− | color: #606167 | + | color: #606167; |
− | box-shadow: inset 0px 0px 2px 0px #a0a1a7 | + | box-shadow: inset 0px 0px 2px 0px #a0a1a7; |
} | } | ||
− | input[type="button"].style2:hover, | + | input[type="button"].style2:hover:not(.semanticUICSS), |
− | input[type="submit"].style2:hover, | + | input[type="submit"].style2:hover:not(.semanticUICSS), |
− | input[type="reset"].style2:hover, | + | input[type="reset"].style2:hover:not(.semanticUICSS), |
− | button.style2:hover, | + | button.style2:hover:not(.semanticUICSS), |
− | .button.style2:hover | + | .button.style2:hover :not(.semanticUICSS) |
− | + | { box-shadow: inset 0px 0px 2px 0px #606167; | |
} | } | ||
− | input[type="button"].style2:active, | + | input[type="button"].style2:active:not(.semanticUICSS), |
− | input[type="submit"].style2:active, | + | input[type="submit"].style2:active:not(.semanticUICSS), |
− | input[type="reset"].style2:active, | + | input[type="reset"].style2:active:not(.semanticUICSS), |
− | button.style2:active, | + | button.style2:active:not(.semanticUICSS), |
− | .button.style2:active | + | .button.style2:active :not(.semanticUICSS) |
− | + | { box-shadow: inset 0px 0px 2px 0px #202127; | |
} | } | ||
− | input[type="button"].style3, | + | input[type="button"].style3:not(.semanticUICSS), |
− | input[type="submit"].style3, | + | input[type="submit"].style3:not(.semanticUICSS), |
− | input[type="reset"].style3, | + | input[type="reset"].style3:not(.semanticUICSS), |
− | button.style3, | + | button.style3:not(.semanticUICSS), |
− | .button.style3 | + | .button.style3 :not(.semanticUICSS) |
− | + | { background: #2f333b url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | color: #fff | + | color: #fff; |
} | } | ||
− | input[type="button"].style3:hover, | + | input[type="button"].style3:hover:not(.semanticUICSS), |
− | input[type="submit"].style3:hover, | + | input[type="submit"].style3:hover:not(.semanticUICSS), |
− | input[type="reset"].style3:hover, | + | input[type="reset"].style3:hover:not(.semanticUICSS), |
− | button.style3:hover, | + | button.style3:hover:not(.semanticUICSS), |
− | .button.style3:hover | + | .button.style3:hover :not(.semanticUICSS) |
− | + | { background-color: #3f434b; | |
} | } | ||
− | input[type="button"].style3:active, | + | input[type="button"].style3:active:not(.semanticUICSS), |
− | input[type="submit"].style3:active, | + | input[type="submit"].style3:active:not(.semanticUICSS), |
− | input[type="reset"].style3:active, | + | input[type="reset"].style3:active:not(.semanticUICSS), |
− | button.style3:active, | + | button.style3:active:not(.semanticUICSS), |
− | .button.style3:active | + | .button.style3:active :not(.semanticUICSS) |
− | + | { background-color: #1f232b; | |
} | } | ||
/* List */ | /* List */ | ||
− | ul.default | + | ul.default :not(.semanticUICSS) |
− | + | { list-style: disc; | |
− | padding-left: 1em | + | padding-left: 1em; |
} | } | ||
− | ul.default li | + | ul.default li :not(.semanticUICSS) |
− | + | { padding-left: 0.5em; | |
} | } | ||
− | ul.style2 li | + | ul.style2 li :not(.semanticUICSS) |
− | + | { border-top: solid 1px #eee; | |
− | padding: 1.5em 0 0 0 | + | padding: 1.5em 0 0 0; |
− | margin: 1.5em 0 0 0 | + | margin: 1.5em 0 0 0; |
} | } | ||
− | ul.style2 li:first-child | + | ul.style2 li:first-child :not(.semanticUICSS) |
− | + | { border-top: 0; | |
− | padding-top: 0 | + | padding-top: 0; |
− | margin-top: 0 | + | margin-top: 0; |
} | } | ||
− | ul.style3 li | + | ul.style3 li :not(.semanticUICSS) |
− | + | { border-top: solid 1px #eee; | |
− | padding: 0.5em 0 0 0 | + | padding: 0.5em 0 0 0; |
− | margin: 0.5em 0 0 0 | + | margin: 0.5em 0 0 0; |
} | } | ||
− | ul.style3 li:first-child | + | ul.style3 li:first-child :not(.semanticUICSS) |
− | + | { border-top: 0; | |
− | padding-top: 0 | + | padding-top: 0; |
− | margin-top: 0 | + | margin-top: 0; |
} | } | ||
− | ol.default | + | ol.default :not(.semanticUICSS) |
− | + | { list-style: decimal; | |
− | padding-left: 1.25em | + | padding-left: 1.25em; |
} | } | ||
− | ol.default li | + | ol.default li :not(.semanticUICSS) |
− | + | { padding-left: 0.25em; | |
} | } | ||
/* Feature List */ | /* Feature List */ | ||
− | .feature-list h3: | + | .feature-list h3 :not(.semanticUICSS) |
− | + | { color: #e97770 !important; | |
− | display: inline-block | + | } |
− | color: #fff | + | .feature-list h3:before :not(.semanticUICSS) |
− | background: #2f333b url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png") | + | { position: relative; |
− | border-radius: 1em | + | display: inline-block; |
− | text-align: center | + | color: #fff; |
+ | background: #2f333b url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | ||
+ | border-radius: 1em; | ||
+ | text-align: center; | ||
} | } | ||
/* Icons */ | /* Icons */ | ||
− | .icon | + | .icon :not(.semanticUICSS) |
− | + | { text-decoration: none; | |
} | } | ||
− | .icon:before | + | .icon:before :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | font-family: FontAwesome | + | font-family: FontAwesome; |
− | font-size: 1.25em | + | font-size: 1.25em; |
− | text-decoration: none | + | text-decoration: none; |
− | font-style: normal | + | font-style: normal; |
− | font-weight: normal | + | font-weight: normal; |
− | line-height: 1 | + | line-height: 1; |
− | -webkit-font-smoothing: antialiased | + | -webkit-font-smoothing: antialiased; |
− | -moz-osx-font-smoothing: grayscale | + | -moz-osx-font-smoothing: grayscale; |
} | } | ||
− | .icon > .label | + | .icon > .label :not(.semanticUICSS) |
− | + | { display: none; | |
} | } | ||
/* Wrappers */ | /* Wrappers */ | ||
− | .wrapper | + | .wrapper :not(.semanticUICSS) |
− | + | { position: relative; | |
} | } | ||
− | .wrapper .title | + | .wrapper .title :not(.semanticUICSS) |
− | + | { position: absolute; | |
− | top: 0 | + | top: 0; |
− | left: 50% | + | left: 50%; |
− | text-align: center | + | text-align: center; |
− | text-transform: uppercase | + | text-transform: uppercase; |
− | display: block | + | display: block; |
− | font-weight: 700 | + | font-weight: 700; |
− | letter-spacing: 0.25em | + | letter-spacing: 0.25em; |
} | } | ||
− | .wrapper .title:before | + | .wrapper .title:before :not(.semanticUICSS) |
− | + | { content: ''; | |
− | position: absolute | + | position: absolute; |
− | bottom: -38px | + | bottom: -38px; |
− | left: -35px | + | left: -35px; |
− | width: 35px | + | width: 35px; |
− | height: 38px | + | height: 38px; |
− | background: url("https://static.igem.org/mediawiki/2017/7/7f/T--Potsdam--shadow.png") | + | background: url("https://static.igem.org/mediawiki/2017/7/7f/T--Potsdam--shadow.png"); |
} | } | ||
− | .wrapper .title:after | + | .wrapper .title:after :not(.semanticUICSS) |
− | + | { -moz-transform: scaleX(-1); | |
− | -webkit-transform: scaleX(-1) | + | -webkit-transform: scaleX(-1); |
− | -ms-transform: scaleX(-1) | + | -ms-transform: scaleX(-1); |
− | transform: scaleX(-1) | + | transform: scaleX(-1); |
− | content: '' | + | content: ''; |
− | position: absolute | + | position: absolute; |
− | bottom: -38px | + | bottom: -38px; |
− | right: -35px | + | right: -35px; |
− | width: 35px | + | width: 35px; |
− | height: 38px | + | height: 38px; |
− | background: url("https://static.igem.org/mediawiki/2017/7/7f/T--Potsdam--shadow.png") | + | background: url("https://static.igem.org/mediawiki/2017/7/7f/T--Potsdam--shadow.png"); |
} | } | ||
− | .wrapper.style1 | + | .wrapper.style1 :not(.semanticUICSS) |
− | + | { background: #e97770 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | color: #eee | + | color: #eee; |
− | color: rgba(255, 255, 255, 0.75) | + | color: rgba(255, 255, 255, 0.75); |
} | } | ||
− | .wrapper.style1 .title | + | .wrapper.style1 .title :not(.semanticUICSS) |
− | + | { background: #e97770 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | color: #fff | + | color: #fff; |
} | } | ||
− | .wrapper.style1 h1, | + | .wrapper.style1 h1:not(.semanticUICSS), |
− | .wrapper.style1 h2, | + | .wrapper.style1 h2:not(.semanticUICSS), |
− | .wrapper.style1 h3, | + | .wrapper.style1 h3:not(.semanticUICSS), |
− | .wrapper.style1 h4, | + | .wrapper.style1 h4:not(.semanticUICSS), |
− | .wrapper.style1 h5, | + | .wrapper.style1 h5:not(.semanticUICSS), |
− | .wrapper.style1 h6, | + | .wrapper.style1 h6:not(.semanticUICSS), |
− | .wrapper.style1 strong, | + | .wrapper.style1 strong:not(.semanticUICSS), |
− | .wrapper.style1 b, | + | .wrapper.style1 b:not(.semanticUICSS), |
− | .wrapper.style1 a | + | .wrapper.style1 a :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
− | .wrapper.style2 | + | .wrapper.style2 :not(.semanticUICSS) |
− | + | { background: #fff; | |
} | } | ||
− | .wrapper.style2 .title | + | .wrapper.style2 .title :not(.semanticUICSS) |
− | + | { background: #fff; | |
− | color: #484d55 | + | color: #484d55; |
} | } | ||
− | .wrapper.style3 | + | .wrapper.style3 :not(.semanticUICSS) |
− | + | { background: #f3f3f3 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
} | } | ||
− | .wrapper.style3 .title | + | .wrapper.style3 .title :not(.semanticUICSS) |
− | + | { background: #f3f3f3 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | color: #484d55 | + | color: #484d55; |
} | } | ||
− | .wrapper.style3 .image | + | .wrapper.style3 .image :not(.semanticUICSS) |
− | + | { border: solid 10px #fff; | |
} | } | ||
− | #header-wrapper | + | #header-wrapper :not(.semanticUICSS) |
− | + | { background: url("https://static.igem.org/mediawiki/2017/a/a7/T--Potsdam--banner.jpg") center center; | |
− | background-size: cover | + | background-size: cover; |
} | } | ||
− | #header-wrapper:before | + | #header-wrapper:before :not(.semanticUICSS) |
− | + | { content: ''; | |
− | position: absolute | + | position: absolute; |
− | top: 0 | + | top: 0; |
− | left: 0 | + | left: 0; |
− | width: 100% | + | width: 100%; |
− | height: 100% | + | height: 100%; |
− | background: url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png") | + | background: url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); |
} | } | ||
− | #footer-wrapper | + | #footer-wrapper :not(.semanticUICSS) |
− | + | { background: #282b34 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | color: #eee | + | color: #eee; |
− | color: rgba(255, 255, 255, 0.5) | + | color: rgba(255, 255, 255, 0.5); |
} | } | ||
− | #footer-wrapper h1, | + | #footer-wrapper h1:not(.semanticUICSS), |
− | #footer-wrapper h2, | + | #footer-wrapper h2:not(.semanticUICSS), |
− | #footer-wrapper h3, | + | #footer-wrapper h3:not(.semanticUICSS), |
− | #footer-wrapper h4, | + | #footer-wrapper h4:not(.semanticUICSS), |
− | #footer-wrapper h5, | + | #footer-wrapper h5:not(.semanticUICSS), |
− | #footer-wrapper h6, | + | #footer-wrapper h6:not(.semanticUICSS), |
− | #footer-wrapper strong, | + | #footer-wrapper strong:not(.semanticUICSS), |
− | #footer-wrapper b, | + | #footer-wrapper b:not(.semanticUICSS), |
− | #footer-wrapper a | + | #footer-wrapper a :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
− | #footer-wrapper hr | + | #footer-wrapper hr :not(.semanticUICSS) |
− | + | { border-top-color: #333; | |
− | border-top-color: rgba(255, 255, 255, 0.05) | + | border-top-color: rgba(255, 255, 255, 0.05); |
} | } | ||
− | #footer-wrapper form input[type="text"], | + | #footer-wrapper form input[type="text"]:not(.semanticUICSS), |
− | #footer-wrapper form input[type="email"], | + | #footer-wrapper form input[type="email"]:not(.semanticUICSS), |
− | #footer-wrapper form input[type="password"], | + | #footer-wrapper form input[type="password"]:not(.semanticUICSS), |
− | #footer-wrapper form select, | + | #footer-wrapper form select:not(.semanticUICSS), |
− | #footer-wrapper form textarea | + | #footer-wrapper form textarea :not(.semanticUICSS) |
− | + | { background: #ccc; | |
− | box-shadow: none | + | box-shadow: none; |
} | } | ||
− | #footer-wrapper form input[type="text"]:focus, | + | #footer-wrapper form input[type="text"]:focus:not(.semanticUICSS), |
− | #footer-wrapper form input[type="email"]:focus, | + | #footer-wrapper form input[type="email"]:focus:not(.semanticUICSS), |
− | #footer-wrapper form input[type="password"]:focus, | + | #footer-wrapper form input[type="password"]:focus:not(.semanticUICSS), |
− | #footer-wrapper form select:focus, | + | #footer-wrapper form select:focus:not(.semanticUICSS), |
− | #footer-wrapper form textarea:focus | + | #footer-wrapper form textarea:focus :not(.semanticUICSS) |
− | + | { background: #fff; | |
} | } | ||
− | #footer-wrapper input[type="button"], | + | #footer-wrapper input[type="button"]:not(.semanticUICSS), |
− | #footer-wrapper input[type="submit"], | + | #footer-wrapper input[type="submit"]:not(.semanticUICSS), |
− | #footer-wrapper input[type="reset"], | + | #footer-wrapper input[type="reset"]:not(.semanticUICSS), |
− | #footer-wrapper button, | + | #footer-wrapper button:not(.semanticUICSS), |
− | #footer-wrapper .button | + | #footer-wrapper .button :not(.semanticUICSS) |
− | + | { color: #fff; | |
− | box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.5) | + | box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.5); |
} | } | ||
− | #footer-wrapper input[type="button"]:hover, | + | #footer-wrapper input[type="button"]:hover:not(.semanticUICSS), |
− | #footer-wrapper input[type="submit"]:hover, | + | #footer-wrapper input[type="submit"]:hover:not(.semanticUICSS), |
− | #footer-wrapper input[type="reset"]:hover, | + | #footer-wrapper input[type="reset"]:hover:not(.semanticUICSS), |
− | #footer-wrapper button:hover, | + | #footer-wrapper button:hover:not(.semanticUICSS), |
− | #footer-wrapper .button:hover | + | #footer-wrapper .button:hover :not(.semanticUICSS) |
− | + | { color: #fff; | |
− | box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.65) | + | box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.65); |
} | } | ||
− | #footer-wrapper input[type="button"]:active, | + | #footer-wrapper input[type="button"]:active:not(.semanticUICSS), |
− | #footer-wrapper input[type="submit"]:active, | + | #footer-wrapper input[type="submit"]:active:not(.semanticUICSS), |
− | #footer-wrapper input[type="reset"]:active, | + | #footer-wrapper input[type="reset"]:active:not(.semanticUICSS), |
− | #footer-wrapper button:active, | + | #footer-wrapper button:active:not(.semanticUICSS), |
− | #footer-wrapper .button:active | + | #footer-wrapper .button:active :not(.semanticUICSS) |
− | + | { box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.75); | |
} | } | ||
− | #footer-wrapper input[type="button"].style2:active, | + | #footer-wrapper input[type="button"].style2:active:not(.semanticUICSS), |
− | #footer-wrapper input[type="submit"].style2:active, | + | #footer-wrapper input[type="submit"].style2:active:not(.semanticUICSS), |
− | #footer-wrapper input[type="reset"].style2:active, | + | #footer-wrapper input[type="reset"].style2:active:not(.semanticUICSS), |
− | #footer-wrapper button.style2:active, | + | #footer-wrapper button.style2:active:not(.semanticUICSS), |
− | #footer-wrapper .button.style2:active | + | #footer-wrapper .button.style2:active :not(.semanticUICSS) |
− | + | { box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.75); | |
} | } | ||
− | #footer-wrapper .title | + | #footer-wrapper .title :not(.semanticUICSS) |
− | + | { background: #282b34 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | color: #eee | + | color: #eee; |
} | } | ||
− | #footer-wrapper header.style1 h2 | + | #footer-wrapper header.style1 h2 :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
− | #footer-wrapper header.style1 .p | + | #footer-wrapper header.style1 .p :not(.semanticUICSS) |
− | + | { color: inherit; | |
} | } | ||
− | #footer-wrapper .feature-list section | + | #footer-wrapper .feature-list section :not(.semanticUICSS) |
− | + | { border-top-color: #333; | |
− | border-top-color: rgba(255, 255, 255, 0.05) | + | border-top-color: rgba(255, 255, 255, 0.05); |
} | } | ||
− | #footer-wrapper .feature-list h3:before | + | #footer-wrapper .feature-list h3:before :not(.semanticUICSS) |
− | + | { background: #3d4249 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
} | } | ||
/* Logo */ | /* Logo */ | ||
− | #logo h1 | + | #logo h1 :not(.semanticUICSS) |
− | + | { font-weight: 900; | |
− | text-transform: uppercase | + | text-transform: uppercase; |
− | color: #fff | + | color: #fff; |
} | } | ||
− | #logo p | + | #logo p :not(.semanticUICSS) |
− | + | { color: #eee; | |
− | color: rgba(255, 255, 255, 0.5) | + | color: rgba(255, 255, 255, 0.5); |
− | text-transform: uppercase | + | text-transform: uppercase; |
} | } | ||
/* Intro */ | /* Intro */ | ||
− | #intro > .style2 | + | #intro > .style2 :not(.semanticUICSS) |
− | + | { font-weight: 700; | |
− | color: #fff | + | color: #fff; |
− | border-radius: 0.35em | + | border-radius: 0.35em; |
− | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25) | + | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25); |
} | } | ||
− | #intro > .style2 a | + | #intro > .style2 a :not(.semanticUICSS) |
− | + | { color: inherit; | |
− | text-decoration: none | + | text-decoration: none; |
} | } | ||
/* Highlights */ | /* Highlights */ | ||
− | #highlights .highlight | + | #highlights .highlight :not(.semanticUICSS) |
− | + | { text-align: center; | |
} | } | ||
− | #highlights .highlight h3 | + | #highlights .highlight h3 :not(.semanticUICSS) |
− | + | { color: #e97770; | |
} | } | ||
/* Copyright */ | /* Copyright */ | ||
− | #copyright | + | #copyright :not(.semanticUICSS) |
− | + | { text-align: center; | |
} | } | ||
− | #copyright ul | + | #copyright ul :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | border-radius: 0.35em | + | border-radius: 0.35em; |
− | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.05) | + | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.05); |
− | color: #aaa | + | color: #aaa; |
− | color: rgba(255, 255, 255, 0.25) | + | color: rgba(255, 255, 255, 0.25); |
} | } | ||
− | #copyright a | + | #copyright a :not(.semanticUICSS) |
− | + | { color: inherit; | |
} | } | ||
− | #copyright a:hover | + | #copyright a:hover :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
/* Desktop + Tablet */ | /* Desktop + Tablet */ | ||
− | @media screen and (min-width: 737px) | + | @media screen and (min-width: 737px) :not(.semanticUICSS) |
− | + | { /* Basic */ | |
− | body, | + | body:not(.semanticUICSS), |
− | input, | + | input:not(.semanticUICSS), |
− | select, | + | select:not(.semanticUICSS), |
− | textarea | + | textarea :not(.semanticUICSS) |
− | + | { font-size: 13pt; | |
− | line-height: 1.75em | + | line-height: 1.75em; |
− | letter-spacing: 0.025em | + | letter-spacing: 0.025em; |
} | } | ||
− | body | + | body :not(.semanticUICSS) |
− | + | { min-width: 1200px; | |
} | } | ||
− | hr | + | hr :not(.semanticUICSS) |
− | + | { margin: 2em 0 2em 0; | |
} | } | ||
/* Section/Article */ | /* Section/Article */ | ||
− | section, | + | section:not(.semanticUICSS), |
− | article | + | article :not(.semanticUICSS) |
− | + | { margin: 0 0 4em 0; | |
} | } | ||
− | header.style1 | + | header.style1 :not(.semanticUICSS) |
− | + | { padding: 3em 0 3em 0; | |
} | } | ||
− | header.style1 h2 | + | header.style1 h2 :not(.semanticUICSS) |
− | + | { font-size: 2em; | |
− | letter-spacing: 0.075em | + | letter-spacing: 0.075em; |
− | line-height: 1.5em | + | line-height: 1.5em; |
} | } | ||
− | header.style1 p | + | header.style1 p :not(.semanticUICSS) |
− | + | { display: block; | |
− | margin: 1.15em 0 0 0 | + | margin: 1.15em 0 0 0; |
− | font-size: 1.3em | + | font-size: 1.3em; |
− | letter-spacing: 0.075em | + | letter-spacing: 0.075em; |
− | line-height: 1.5em | + | line-height: 1.5em; |
} | } | ||
/* Form */ | /* Form */ | ||
− | form label | + | form label :not(.semanticUICSS) |
− | + | { margin: 0.25em 0 0.5em 0; | |
} | } | ||
/* Button */ | /* Button */ | ||
− | input[type="button"], | + | input[type="button"]:not(.semanticUICSS), |
− | input[type="submit"], | + | input[type="submit"]:not(.semanticUICSS), |
− | input[type="reset"], | + | input[type="reset"]:not(.semanticUICSS), |
− | button, | + | button:not(.semanticUICSS), |
− | .button | + | .button :not(.semanticUICSS) |
− | + | { padding: 0 2.25em 0 2.25em; | |
− | font-size: 0.9em | + | font-size: 0.9em; |
− | min-width: 12em | + | min-width: 12em; |
− | height: 4em | + | height: 4em; |
− | line-height: 4em | + | line-height: 4em; |
} | } | ||
− | input[type="button"].big, | + | input[type="button"].big:not(.semanticUICSS), |
− | input[type="submit"].big, | + | input[type="submit"].big:not(.semanticUICSS), |
− | input[type="reset"].big, | + | input[type="reset"].big:not(.semanticUICSS), |
− | button.big, | + | button.big:not(.semanticUICSS), |
− | .button.big | + | .button.big :not(.semanticUICSS) |
− | + | { font-size: 1em; | |
− | min-width: 14em | + | min-width: 14em; |
} | } | ||
/* List */ | /* List */ | ||
− | ul.actions | + | ul.actions :not(.semanticUICSS) |
− | + | { margin: 3em 0 0 0; | |
} | } | ||
− | ul.actions li | + | ul.actions li :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | margin: 0 0.75em 0 0.75em | + | margin: 0 0.75em 0 0.75em; |
} | } | ||
− | ul.actions li:first-child | + | ul.actions li:first-child :not(.semanticUICSS) |
− | + | { margin-left: 0; | |
} | } | ||
− | ul.actions li:last-child | + | ul.actions li:last-child :not(.semanticUICSS) |
− | + | { margin-right: 0; | |
} | } | ||
− | ul.actions-centered | + | ul.actions-centered :not(.semanticUICSS) |
− | + | { text-align: center; | |
} | } | ||
− | form ul.actions | + | form ul.actions :not(.semanticUICSS) |
− | + | { margin-top: 0; | |
} | } | ||
/* Feature List */ | /* Feature List */ | ||
− | .feature-list section | + | .feature-list section :not(.semanticUICSS) |
− | + | { padding-top: 2em; | |
− | border-top: solid 1px #eee | + | border-top: solid 1px #eee; |
} | } | ||
− | .feature-list .row:first-child section | + | .feature-list .row:first-child section :not(.semanticUICSS) |
− | + | { padding-top: 0; | |
− | border-top: 0 | + | border-top: 0; |
} | } | ||
− | .feature-list h3 | + | .feature-list h3 :not(.semanticUICSS) |
− | + | { margin: 0 0 0.75em 0; | |
− | font-size: 1.15em | + | font-size: 1.15em; |
− | letter-spacing: 0.05em | + | letter-spacing: 0.05em; |
− | margin-top: -0.35em | + | margin-top: -0.35em; |
} | } | ||
− | .feature-list h3:before | + | .feature-list h3:before :not(.semanticUICSS) |
− | + | { width: 64px; | |
− | height: 64px | + | height: 64px; |
− | line-height: 64px | + | line-height: 64px; |
− | margin-right: 0.75em | + | margin-right: 0.75em; |
− | font-size: 32px | + | font-size: 32px; |
− | top: 0.2em | + | top: 0.2em; |
} | } | ||
− | .feature-list p | + | .feature-list p :not(.semanticUICSS) |
− | + | { margin: 0 0 0 5em; | |
} | } | ||
− | .feature-list.small h3:before | + | .feature-list.small h3:before :not(.semanticUICSS) |
− | + | { font-size: 24px; | |
− | line-height: 45px | + | line-height: 45px; |
− | width: 45px | + | width: 45px; |
− | height: 45px | + | height: 45px; |
− | margin-right: 1em | + | margin-right: 1em; |
} | } | ||
− | .feature-list.small p | + | .feature-list.small p :not(.semanticUICSS) |
− | + | { margin: 0 0 0 4em; | |
} | } | ||
/* Box */ | /* Box */ | ||
− | .box header | + | .box header :not(.semanticUICSS) |
− | + | { margin: 0 0 1.5em 0; | |
} | } | ||
− | .box header.style1 | + | .box header.style1 :not(.semanticUICSS) |
− | + | { position: relative; | |
− | margin: -0.5em 0 0 0 | + | margin: -0.5em 0 0 0; |
− | padding-top: 0 | + | padding-top: 0; |
} | } | ||
− | .box h2 | + | .box h2 :not(.semanticUICSS) |
− | + | { margin: 0 0 0.75em 0; | |
− | font-size: 1.15em | + | font-size: 1.15em; |
− | letter-spacing: 0.05em | + | letter-spacing: 0.05em; |
} | } | ||
− | .box h3 | + | .box h3 :not(.semanticUICSS) |
− | + | { margin: 0 0 0.5em 0; | |
− | font-size: 1em | + | font-size: 1em; |
− | font-weight: 600 | + | font-weight: 600; |
− | letter-spacing: 0.05em | + | letter-spacing: 0.05em; |
} | } | ||
− | .box.post-excerpt .image.left | + | .box.post-excerpt .image.left :not(.semanticUICSS) |
− | + | { position: relative; | |
− | top: 0.5em | + | top: 0.5em; |
− | width: 5em | + | width: 5em; |
} | } | ||
− | .box.post-excerpt h3, | + | .box.post-excerpt h3:not(.semanticUICSS), |
− | .box.post-excerpt p | + | .box.post-excerpt p :not(.semanticUICSS) |
− | + | { margin-left: 7em; | |
} | } | ||
/* Wrappers */ | /* Wrappers */ | ||
− | .wrapper | + | .wrapper :not(.semanticUICSS) |
− | + | { padding: 6em 0 9em 0; | |
} | } | ||
− | .wrapper .title | + | .wrapper .title :not(.semanticUICSS) |
− | + | { font-size: 0.9em; | |
− | width: 25em | + | width: 25em; |
− | height: 3.25em | + | height: 3.25em; |
− | top: -3.25em | + | top: -3.25em; |
− | line-height: 3.25em | + | line-height: 3.25em; |
− | margin-bottom: -3.25em | + | margin-bottom: -3.25em; |
− | margin-left: -12.5em | + | margin-left: -12.5em; |
− | padding-top: 0.5em | + | padding-top: 0.5em; |
} | } | ||
− | #header-wrapper | + | #header-wrapper :not(.semanticUICSS) |
− | + | { padding: 0; | |
} | } | ||
− | #intro-wrapper | + | #intro-wrapper :not(.semanticUICSS) |
− | + | { padding-bottom: 8em; | |
} | } | ||
/* Header */ | /* Header */ | ||
− | #header | + | #header :not(.semanticUICSS) |
− | + | { position: relative; | |
− | padding: 12em 0 | + | padding: 12em 0; |
} | } | ||
− | .homepage #header | + | .homepage #header :not(.semanticUICSS) |
− | + | { padding: 18em 0; | |
} | } | ||
/* Logo */ | /* Logo */ | ||
− | #logo | + | #logo :not(.semanticUICSS) |
− | + | { position: absolute; | |
− | height: 5em | + | height: 5em; |
− | top: 50% | + | top: 50%; |
− | left: 0 | + | left: 0; |
− | width: 100% | + | width: 100%; |
− | text-align: center | + | text-align: center; |
− | margin-top: -0.5em | + | margin-top: -0.5em; |
} | } | ||
− | .homepage #logo | + | .homepage #logo :not(.semanticUICSS) |
− | + | { margin-top: -1em; | |
} | } | ||
− | #logo h1 | + | #logo h1 :not(.semanticUICSS) |
− | + | { font-size: 2em; | |
− | letter-spacing: 0.25em | + | letter-spacing: 0.25em; |
} | } | ||
− | #logo p | + | #logo p :not(.semanticUICSS) |
− | + | { margin: 1.25em 0 0 0; | |
− | display: block | + | display: block; |
− | letter-spacing: 0.2em | + | letter-spacing: 0.2em; |
− | font-size: 0.9em | + | font-size: 0.9em; |
} | } | ||
/* Nav */ | /* Nav */ | ||
− | #nav | + | #nav :not(.semanticUICSS) |
− | + | { position: absolute; | |
− | display: block | + | display: block; |
− | top: 2.5em | + | top: 2.5em; |
− | left: 0 | + | left: 0; |
− | width: 100% | + | width: 100%; |
− | text-align: center | + | text-align: center; |
} | } | ||
− | #nav > ul | + | #nav > ul :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | border-radius: 0.35em | + | border-radius: 0.35em; |
− | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25) | + | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25); |
− | padding: 0 1.5em 0 1.5em | + | padding: 0 1.5em 0 1.5em; |
} | } | ||
− | #nav > ul > li | + | #nav > ul > li :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | text-align: center | + | text-align: center; |
− | padding: 0 1.5em 0 1.5em | + | padding: 0 1.5em 0 1.5em; |
} | } | ||
− | #nav > ul > li > ul | + | #nav > ul > li > ul :not(.semanticUICSS) |
− | + | { display: none; | |
} | } | ||
− | #nav > ul > li > a, | + | #nav > ul > li > a:not(.semanticUICSS), |
− | #nav > ul > li > span | + | #nav > ul > li > span :not(.semanticUICSS) |
− | + | { display: block; | |
− | color: #eee | + | color: #eee; |
− | color: rgba(255, 255, 255, 0.75) | + | color: rgba(255, 255, 255, 0.75); |
− | text-transform: uppercase | + | text-transform: uppercase; |
− | text-decoration: none | + | text-decoration: none; |
− | font-size: 0.7em | + | font-size: 0.7em; |
− | letter-spacing: 0.25em | + | letter-spacing: 0.25em; |
− | height: 5em | + | height: 5em; |
− | line-height: 5em | + | line-height: 5em; |
− | -moz-transition: all .25s ease-in-out | + | -moz-transition: all .25s ease-in-out; |
− | -webkit-transition: all .25s ease-in-out | + | -webkit-transition: all .25s ease-in-out; |
− | -o-transition: all .25s ease-in-out | + | -o-transition: all .25s ease-in-out; |
− | -ms-transition: all .25s ease-in-out | + | -ms-transition: all .25s ease-in-out; |
− | transition: all .25s ease-in-out | + | transition: all .25s ease-in-out; |
− | outline: 0 | + | outline: 0; |
} | } | ||
− | #nav > ul > li:hover > a | + | #nav > ul > li:hover > a :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
− | #nav > ul > li.active > a, | + | #nav > ul > li.active > a:not(.semanticUICSS), |
− | #nav > ul > li.active > span | + | #nav > ul > li.active > span :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
− | .dropotron | + | .dropotron :not(.semanticUICSS) |
− | + | { background: #222835 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); | |
− | background-color: rgba(44, 50, 63, 0.925) | + | background-color: rgba(44, 50, 63, 0.925); |
− | padding: 1.25em 1em 1.25em 1em | + | padding: 1.25em 1em 1.25em 1em; |
− | border-radius: 0.35em | + | border-radius: 0.35em; |
− | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25) | + | box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25); |
− | min-width: 12em | + | min-width: 12em; |
− | text-align: left | + | text-align: left; |
− | margin-top: -1.25em | + | margin-top: -1.25em; |
− | margin-left: -1px | + | margin-left: -1px; |
} | } | ||
− | .dropotron.level-0 | + | .dropotron.level-0 :not(.semanticUICSS) |
− | + | { margin-top: -1px; | |
− | margin-left: 0 | + | margin-left: 0; |
− | border-top-left-radius: 0 | + | border-top-left-radius: 0; |
− | border-top-right-radius: 0 | + | border-top-right-radius: 0; |
} | } | ||
− | .dropotron a, | + | .dropotron a:not(.semanticUICSS), |
− | .dropotron span | + | .dropotron span :not(.semanticUICSS) |
− | + | { -moz-transition: all .25s ease-in-out; | |
− | -webkit-transition: all .25s ease-in-out | + | -webkit-transition: all .25s ease-in-out; |
− | -ms-transition: all .25s ease-in-out | + | -ms-transition: all .25s ease-in-out; |
− | transition: all .25s ease-in-out | + | transition: all .25s ease-in-out; |
− | display: block | + | display: block; |
− | color: #eee | + | color: #eee; |
− | color: rgba(255, 255, 255, 0.75) | + | color: rgba(255, 255, 255, 0.75); |
− | text-transform: uppercase | + | text-transform: uppercase; |
− | text-decoration: none | + | text-decoration: none; |
− | font-size: 0.7em | + | font-size: 0.7em; |
− | letter-spacing: 0.25em | + | letter-spacing: 0.25em; |
− | border-top: solid 1px rgba(255, 255, 255, 0.15) | + | border-top: solid 1px rgba(255, 255, 255, 0.15); |
− | line-height: 3em | + | line-height: 3em; |
} | } | ||
− | .dropotron li:first-child a, | + | .dropotron li:first-child a:not(.semanticUICSS), |
− | .dropotron li:first-child span | + | .dropotron li:first-child span :not(.semanticUICSS) |
− | + | { border-top: 0; | |
} | } | ||
− | .dropotron li:hover > a, | + | .dropotron li:hover > a:not(.semanticUICSS), |
− | .dropotron li:hover > span | + | .dropotron li:hover > span :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
/* Intro */ | /* Intro */ | ||
− | #intro | + | #intro :not(.semanticUICSS) |
− | + | { text-align: center; | |
} | } | ||
− | #intro > .style1 | + | #intro > .style1 :not(.semanticUICSS) |
− | + | { font-size: 1.5em; | |
− | letter-spacing: 0.075em | + | letter-spacing: 0.075em; |
} | } | ||
− | #intro > .style2 | + | #intro > .style2 :not(.semanticUICSS) |
− | + | { font-size: 2.75em; | |
− | letter-spacing: 0.075em | + | letter-spacing: 0.075em; |
− | line-height: 1.35em | + | line-height: 1.35em; |
− | padding: 1em 0 1em 0 | + | padding: 1em 0 1em 0; |
− | margin-bottom: 1em | + | margin-bottom: 1em; |
} | } | ||
− | #intro > .style3 | + | #intro > .style3 :not(.semanticUICSS) |
− | + | { font-size: 1.1em; | |
− | width: 48em | + | width: 48em; |
− | margin: 0 auto | + | margin: 0 auto; |
} | } | ||
/* Features */ | /* Features */ | ||
− | #features | + | #features :not(.semanticUICSS) |
− | + | { padding: 0 6em 0 6em; | |
} | } | ||
− | #features header.style1 | + | #features header.style1 :not(.semanticUICSS) |
− | + | { padding-bottom: 5em; | |
} | } | ||
− | #features .actions | + | #features .actions :not(.semanticUICSS) |
− | + | { margin-top: 5em; | |
} | } | ||
/* Highlights */ | /* Highlights */ | ||
− | #highlights .highlight h3 | + | #highlights .highlight h3 :not(.semanticUICSS) |
− | + | { margin: 0 0 0.75em 0; | |
− | font-size: 1.15em | + | font-size: 1.15em; |
− | letter-spacing: 0.05em | + | letter-spacing: 0.05em; |
} | } | ||
/* Main */ | /* Main */ | ||
− | #main | + | #main :not(.semanticUICSS) |
− | + | { margin-top: 1em; | |
− | margin-bottom: 1em | + | margin-bottom: 1em; |
} | } | ||
− | .homepage #main | + | .homepage #main :not(.semanticUICSS) |
− | + | { margin-top: 0; | |
− | margin-bottom: 0 | + | margin-bottom: 0; |
} | } | ||
/* Footer */ | /* Footer */ | ||
− | #footer header.style1 | + | #footer header.style1 :not(.semanticUICSS) |
− | + | { padding-bottom: 0; | |
} | } | ||
− | #footer hr | + | #footer hr :not(.semanticUICSS) |
− | + | { margin: 6em 0 6em 0; | |
} | } | ||
/* Copyright */ | /* Copyright */ | ||
− | #copyright | + | #copyright :not(.semanticUICSS) |
− | + | { margin: 6em 0 0 0; | |
} | } | ||
− | #copyright ul | + | #copyright ul :not(.semanticUICSS) |
− | + | { padding: 0.75em 2em; | |
− | font-size: 0.9em | + | font-size: 0.9em; |
} | } | ||
− | #copyright ul li | + | #copyright ul li :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | margin-left: 1em | + | margin-left: 1em; |
− | padding-left: 1em | + | padding-left: 1em; |
− | border-left: solid 1px #333 | + | border-left: solid 1px #333; |
− | border-left-color: rgba(255, 255, 255, 0.05) | + | border-left-color: rgba(255, 255, 255, 0.05); |
} | } | ||
− | #copyright ul li:first-child | + | #copyright ul li:first-child :not(.semanticUICSS) |
− | + | { border-left: 0; | |
− | margin-left: 0 | + | margin-left: 0; |
− | padding-left: 0 | + | padding-left: 0; |
} | } | ||
} | } | ||
/* Tablet Only */ | /* Tablet Only */ | ||
− | @media screen and (min-width: 737px) and (max-width: 1200px) | + | @media screen and (min-width: 737px) and (max-width: 1200px) :not(.semanticUICSS) |
− | + | { /* Basic */ | |
− | body | + | body :not(.semanticUICSS) |
− | + | { min-width: 1000px; | |
− | font-size: 12pt | + | font-size: 12pt; |
− | line-height: 1.5em | + | line-height: 1.5em; |
− | letter-spacing: 0.015em | + | letter-spacing: 0.015em; |
} | } | ||
− | input, | + | input:not(.semanticUICSS), |
− | select, | + | select:not(.semanticUICSS), |
− | textarea | + | textarea :not(.semanticUICSS) |
− | + | { font-size: 12pt; | |
− | line-height: 1.5em | + | line-height: 1.5em; |
− | letter-spacing: 0.015em | + | letter-spacing: 0.015em; |
} | } | ||
− | body | + | body :not(.semanticUICSS) |
− | + | { min-width: 960px; | |
} | } | ||
/* Wrappers */ | /* Wrappers */ | ||
− | .wrapper | + | .wrapper :not(.semanticUICSS) |
− | + | { padding: 4em 0 7em 0; | |
} | } | ||
− | #intro-wrapper | + | #intro-wrapper :not(.semanticUICSS) |
− | + | { padding-bottom: 7em; | |
} | } | ||
− | #footer-wrapper hr | + | #footer-wrapper hr :not(.semanticUICSS) |
− | + | { margin: 3em 0 3em 0; | |
} | } | ||
/* Header */ | /* Header */ | ||
− | #header | + | #header :not(.semanticUICSS) |
− | + | { padding: 10em 0; | |
} | } | ||
− | .homepage #header | + | .homepage #header :not(.semanticUICSS) |
− | + | { padding: 14em 0; | |
} | } | ||
/* Logo */ | /* Logo */ | ||
− | #logo | + | #logo :not(.semanticUICSS) |
− | + | { margin-top: -0.5em !important; | |
+ | } | ||
+ | #logo h1 :not(.semanticUICSS) | ||
+ | { font-size: 1.75em; | ||
} | } | ||
/* Intro */ | /* Intro */ | ||
− | #intro > .style1 | + | #intro > .style1 :not(.semanticUICSS) |
− | + | { font-size: 1.25em; | |
} | } | ||
− | #intro > .style2 | + | #intro > .style2 :not(.semanticUICSS) |
− | + | { font-size: 2.25em; | |
} | } | ||
/* Copyright */ | /* Copyright */ | ||
− | #copyright | + | #copyright :not(.semanticUICSS) |
− | + | { margin: 3em 0 0 0; | |
} | } | ||
} | } | ||
/* Mobile Only */ | /* Mobile Only */ | ||
− | #navPanel, | + | #navPanel:not(.semanticUICSS), |
− | #titleBar | + | #titleBar :not(.semanticUICSS) |
− | + | { display: none; | |
} | } | ||
− | @media screen and (max-width: 736px) | + | @media screen and (max-width: 736px) :not(.semanticUICSS) |
− | + | { /* Basic */ | |
− | html, | + | html:not(.semanticUICSS), |
− | body | + | body :not(.semanticUICSS) |
− | + | { overflow-x: hidden; | |
} | } | ||
− | body, | + | body:not(.semanticUICSS), |
− | input, | + | input:not(.semanticUICSS), |
− | select, | + | select:not(.semanticUICSS), |
− | textarea | + | textarea :not(.semanticUICSS) |
− | + | { line-height: 1.5em; | |
− | font-size: 10.5pt | + | font-size: 10.5pt; |
− | letter-spacing: 0 | + | letter-spacing: 0; |
} | } | ||
− | h2, | + | h2:not(.semanticUICSS), |
− | h3, | + | h3:not(.semanticUICSS), |
− | h4, | + | h4:not(.semanticUICSS), |
− | h5, | + | h5:not(.semanticUICSS), |
− | h6 | + | h6 :not(.semanticUICSS) |
− | + | { font-size: 1.2em; | |
− | letter-spacing: 0.05em | + | letter-spacing: 0.05em; |
− | margin: 0 0 1em 0 | + | margin: 0 0 1em 0; |
} | } | ||
− | hr | + | hr :not(.semanticUICSS) |
− | + | { margin: 1em 0 1em 0; | |
} | } | ||
/* Section/Article */ | /* Section/Article */ | ||
− | + | section:not(.semanticUICSS), | |
− | + | article :not(.semanticUICSS) | |
+ | { clear: both; | ||
+ | padding: 1em 0 1em 0 !important; | ||
+ | } | ||
+ | header br :not(.semanticUICSS) | ||
+ | { display: none; | ||
} | } | ||
− | header.style1 | + | header.style1 :not(.semanticUICSS) |
− | + | { padding: 0 0 1em 0; | |
} | } | ||
− | header.style1 h2 | + | header.style1 h2 :not(.semanticUICSS) |
− | + | { font-size: 1.5em; | |
− | letter-spacing: 0.075em | + | letter-spacing: 0.075em; |
− | line-height: 1.25em | + | line-height: 1.25em; |
} | } | ||
− | header.style1 p | + | header.style1 p :not(.semanticUICSS) |
− | + | { display: block; | |
− | margin: 0 | + | margin: 0; |
} | } | ||
/* Button */ | /* Button */ | ||
− | input, | + | input:not(.semanticUICSS), |
− | input[type="button"], | + | input[type="button"]:not(.semanticUICSS), |
− | input[type="submit"], | + | input[type="submit"]:not(.semanticUICSS), |
− | input[type="reset"], | + | input[type="reset"]:not(.semanticUICSS), |
− | button, | + | button:not(.semanticUICSS), |
− | .button | + | .button :not(.semanticUICSS) |
− | + | { display: block; | |
− | width: 100% | + | width: 100%; |
− | font-size: 1em | + | font-size: 1em; |
− | padding: 1em 0 1em 0 | + | padding: 1em 0 1em 0; |
− | max-width: 30em | + | max-width: 30em; |
− | margin: 0 auto | + | margin: 0 auto; |
} | } | ||
/* List */ | /* List */ | ||
− | ul.actions | + | ul.actions :not(.semanticUICSS) |
− | + | { margin: 2em 0 0 0; | |
} | } | ||
− | ul.actions li | + | ul.actions li :not(.semanticUICSS) |
− | + | { margin: 15px 0 0 0; | |
} | } | ||
− | form ul.actions | + | form ul.actions :not(.semanticUICSS) |
− | + | { margin: 1em 0 0 0; | |
} | } | ||
/* Feature List */ | /* Feature List */ | ||
− | .feature-list section | + | .feature-list section :not(.semanticUICSS) |
− | + | { border-top: solid 1px #eee; | |
} | } | ||
− | .feature-list > div > div:first-child > div:first-child > section | + | .feature-list > div > div:first-child > div:first-child > section :not(.semanticUICSS) |
− | + | { border-top: 0; | |
− | padding-top: 0 | + | padding-top: 0; |
} | } | ||
− | .feature-list h3 | + | .feature-list h3 :not(.semanticUICSS) |
− | + | { position: relative; | |
− | padding: 4px 0 0 48px | + | padding: 4px 0 0 48px; |
− | line-height: 1.25em | + | line-height: 1.25em; |
} | } | ||
− | .feature-list h3:before | + | .feature-list h3:before :not(.semanticUICSS) |
− | + | { position: absolute; | |
− | left: 0 | + | left: 0; |
− | top: 0 | + | top: 0; |
− | width: 32px | + | width: 32px; |
− | height: 32px | + | height: 32px; |
− | line-height: 32px | + | line-height: 32px; |
− | font-size: 16px | + | font-size: 16px; |
} | } | ||
− | .feature-list p | + | .feature-list p :not(.semanticUICSS) |
− | + | { margin: 0 0 0 48px; | |
} | } | ||
/* Box */ | /* Box */ | ||
− | .box.post-excerpt .image.left | + | .box.post-excerpt .image.left :not(.semanticUICSS) |
− | + | { position: relative; | |
− | top: 0.25em | + | top: 0.25em; |
− | width: 25% | + | width: 25%; |
− | margin: 0 | + | margin: 0; |
} | } | ||
− | .box.post-excerpt h3, | + | .box.post-excerpt h3:not(.semanticUICSS), |
− | .box.post-excerpt p | + | .box.post-excerpt p :not(.semanticUICSS) |
− | + | { margin-left: 32.5%; | |
} | } | ||
/* Off-Canvas Navigation */ | /* Off-Canvas Navigation */ | ||
− | #page-wrapper | + | #page-wrapper :not(.semanticUICSS) |
− | + | { -moz-backface-visibility: hidden; | |
− | -webkit-backface-visibility: hidden | + | -webkit-backface-visibility: hidden; |
− | -ms-backface-visibility: hidden | + | -ms-backface-visibility: hidden; |
− | backface-visibility: hidden | + | backface-visibility: hidden; |
− | -moz-transition: -moz-transform 0.5s ease | + | -moz-transition: -moz-transform 0.5s ease; |
− | -webkit-transition: -webkit-transform 0.5s ease | + | -webkit-transition: -webkit-transform 0.5s ease; |
− | -ms-transition: -ms-transform 0.5s ease | + | -ms-transition: -ms-transform 0.5s ease; |
− | transition: transform 0.5s ease | + | transition: transform 0.5s ease; |
− | padding-bottom: 1px | + | padding-bottom: 1px; |
} | } | ||
− | #titleBar | + | #titleBar :not(.semanticUICSS) |
− | + | { -moz-backface-visibility: hidden; | |
− | -webkit-backface-visibility: hidden | + | -webkit-backface-visibility: hidden; |
− | -ms-backface-visibility: hidden | + | -ms-backface-visibility: hidden; |
− | backface-visibility: hidden | + | backface-visibility: hidden; |
− | -moz-transition: -moz-transform 0.5s ease | + | -moz-transition: -moz-transform 0.5s ease; |
− | -webkit-transition: -webkit-transform 0.5s ease | + | -webkit-transition: -webkit-transform 0.5s ease; |
− | -ms-transition: -ms-transform 0.5s ease | + | -ms-transition: -ms-transform 0.5s ease; |
− | transition: transform 0.5s ease | + | transition: transform 0.5s ease; |
− | display: block | + | display: block; |
− | height: 44px | + | height: 44px; |
− | left: 0 | + | left: 0; |
− | position: fixed | + | position: fixed; |
− | top: 0 | + | top: 0; |
− | width: 100% | + | width: 100%; |
− | z-index: 10001 | + | z-index: 10001; |
− | background: none | + | background: none; |
} | } | ||
− | #titleBar .title | + | #titleBar .title :not(.semanticUICSS) |
− | + | { display: none; | |
} | } | ||
− | #titleBar .toggle | + | #titleBar .toggle :not(.semanticUICSS) |
− | + | { position: absolute; | |
− | top: 0 | + | top: 0; |
− | left: 0 | + | left: 0; |
− | width: 60px | + | width: 60px; |
− | height: 44px | + | height: 44px; |
} | } | ||
− | #titleBar .toggle:before | + | #titleBar .toggle:before :not(.semanticUICSS) |
− | + | { -moz-transition: all .15s ease-in-out; | |
− | -webkit-transition: all .15s ease-in-out | + | -webkit-transition: all .15s ease-in-out; |
− | -ms-transition: all .15s ease-in-out | + | -ms-transition: all .15s ease-in-out; |
− | transition: all .15s ease-in-out | + | transition: all .15s ease-in-out; |
− | font-family: FontAwesome | + | font-family: FontAwesome; |
− | text-decoration: none | + | text-decoration: none; |
− | font-style: normal | + | font-style: normal; |
− | font-weight: normal | + | font-weight: normal; |
− | -webkit-font-smoothing: antialiased | + | -webkit-font-smoothing: antialiased; |
− | -moz-osx-font-smoothing: grayscale | + | -moz-osx-font-smoothing: grayscale; |
− | content: '\f0c9' | + | content: '\f0c9'; |
− | font-size: 14px | + | font-size: 14px; |
− | position: absolute | + | position: absolute; |
− | top: 6px | + | top: 6px; |
− | left: 6px | + | left: 6px; |
− | display: block | + | display: block; |
− | width: 54px | + | width: 54px; |
− | height: 38px | + | height: 38px; |
− | line-height: 38px | + | line-height: 38px; |
− | text-align: center | + | text-align: center; |
− | color: rgba(255, 255, 255, 0.75) | + | color: rgba(255, 255, 255, 0.75); |
− | background-color: rgba(92, 95, 103, 0.5) | + | background-color: rgba(92, 95, 103, 0.5); |
− | border-radius: 0.25em | + | border-radius: 0.25em; |
} | } | ||
− | #titleBar .toggle:active:before | + | #titleBar .toggle:active:before :not(.semanticUICSS) |
− | + | { background-color: rgba(92, 95, 103, 0.75); | |
} | } | ||
− | #navPanel | + | #navPanel :not(.semanticUICSS) |
− | + | { -moz-backface-visibility: hidden; | |
− | -webkit-backface-visibility: hidden | + | -webkit-backface-visibility: hidden; |
− | -ms-backface-visibility: hidden | + | -ms-backface-visibility: hidden; |
− | backface-visibility: hidden | + | backface-visibility: hidden; |
− | -moz-transform: translateX(-275px) | + | -moz-transform: translateX(-275px); |
− | -webkit-transform: translateX(-275px) | + | -webkit-transform: translateX(-275px); |
− | -ms-transform: translateX(-275px) | + | -ms-transform: translateX(-275px); |
− | transform: translateX(-275px) | + | transform: translateX(-275px); |
− | -moz-transition: -moz-transform 0.5s ease | + | -moz-transition: -moz-transform 0.5s ease; |
− | -webkit-transition: -webkit-transform 0.5s ease | + | -webkit-transition: -webkit-transform 0.5s ease; |
− | -ms-transition: -ms-transform 0.5s ease | + | -ms-transition: -ms-transform 0.5s ease; |
− | transition: transform 0.5s ease | + | transition: transform 0.5s ease; |
− | display: block | + | display: block; |
− | height: 100% | + | height: 100%; |
− | left: 0 | + | left: 0; |
− | overflow-y: auto | + | overflow-y: auto; |
− | position: fixed | + | position: fixed; |
− | top: 0 | + | top: 0; |
− | width: 275px | + | width: 275px; |
− | z-index: 10002 | + | z-index: 10002; |
− | background: #242730 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png") | + | background: #242730 url("https://static.igem.org/mediawiki/2017/0/03/T--Potsdam--overlay.png"); |
− | box-shadow: inset -3px 0px 4px 0px rgba(0, 0, 0, 0.1) | + | box-shadow: inset -3px 0px 4px 0px rgba(0, 0, 0, 0.1); |
} | } | ||
− | #navPanel .link | + | #navPanel .link :not(.semanticUICSS) |
− | + | { display: block; | |
− | color: rgba(255, 255, 255, 0.5) | + | color: rgba(255, 255, 255, 0.5); |
− | text-transform: uppercase | + | text-transform: uppercase; |
− | text-decoration: none | + | text-decoration: none; |
− | font-size: 0.85em | + | font-size: 0.85em; |
− | letter-spacing: 0.15em | + | letter-spacing: 0.15em; |
− | text-decoration: none | + | text-decoration: none; |
− | height: 44px | + | height: 44px; |
− | line-height: 44px | + | line-height: 44px; |
− | border-top: solid 1px rgba(255, 255, 255, 0.05) | + | border-top: solid 1px rgba(255, 255, 255, 0.05); |
− | margin: 0 15px 0 15px | + | margin: 0 15px 0 15px; |
} | } | ||
− | #navPanel .link:first-child | + | #navPanel .link:first-child :not(.semanticUICSS) |
− | + | { border-top: 0; | |
} | } | ||
− | #navPanel .indent-1 | + | #navPanel .indent-1 :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | width: 1em | + | width: 1em; |
} | } | ||
− | #navPanel .indent-2 | + | #navPanel .indent-2 :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | width: 2em | + | width: 2em; |
} | } | ||
− | #navPanel .indent-3 | + | #navPanel .indent-3 :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | width: 3em | + | width: 3em; |
} | } | ||
− | #navPanel .indent-4 | + | #navPanel .indent-4 :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | width: 4em | + | width: 4em; |
} | } | ||
− | #navPanel .indent-5 | + | #navPanel .indent-5 :not(.semanticUICSS) |
− | + | { display: inline-block; | |
− | width: 5em | + | width: 5em; |
} | } | ||
− | #navPanel .depth-0 | + | #navPanel .depth-0 :not(.semanticUICSS) |
− | + | { color: #fff; | |
} | } | ||
− | body.navPanel-visible #page-wrapper | + | body.navPanel-visible #page-wrapper :not(.semanticUICSS) |
− | + | { -moz-transform: translateX(275px); | |
− | -webkit-transform: translateX(275px) | + | -webkit-transform: translateX(275px); |
− | -ms-transform: translateX(275px) | + | -ms-transform: translateX(275px); |
− | transform: translateX(275px) | + | transform: translateX(275px); |
} | } | ||
− | body.navPanel-visible #titleBar | + | body.navPanel-visible #titleBar :not(.semanticUICSS) |
− | + | { -moz-transform: translateX(275px); | |
− | -webkit-transform: translateX(275px) | + | -webkit-transform: translateX(275px); |
− | -ms-transform: translateX(275px) | + | -ms-transform: translateX(275px); |
− | transform: translateX(275px) | + | transform: translateX(275px); |
} | } | ||
− | body.navPanel-visible #navPanel | + | body.navPanel-visible #navPanel :not(.semanticUICSS) |
− | + | { -moz-transform: translateX(0); | |
− | -webkit-transform: translateX(0) | + | -webkit-transform: translateX(0); |
− | -ms-transform: translateX(0) | + | -ms-transform: translateX(0); |
− | transform: translateX(0) | + | transform: translateX(0); |
} | } | ||
/* Wrappers */ | /* Wrappers */ | ||
− | .wrapper | + | .wrapper :not(.semanticUICSS) |
− | + | { padding: 15px 15px 5em 15px; | |
} | } | ||
− | .wrapper .title | + | .wrapper .title :not(.semanticUICSS) |
− | + | { font-size: 0.9em; | |
− | width: 18em | + | width: 18em; |
− | height: 2.5em | + | height: 2.5em; |
− | top: -2.5em | + | top: -2.5em; |
− | line-height: 2.5em | + | line-height: 2.5em; |
− | margin-bottom: -2.5em | + | margin-bottom: -2.5em; |
− | margin-left: -9em | + | margin-left: -9em; |
− | padding-top: 0.5em | + | padding-top: 0.5em; |
} | } | ||
− | .wrapper .title:before, | + | .wrapper .title:before:not(.semanticUICSS), |
− | .wrapper .title:after | + | .wrapper .title:after :not(.semanticUICSS) |
− | + | { height: 15px; | |
− | bottom: -15px | + | bottom: -15px; |
− | background-size: 100% 100% | + | background-size: 100% 100%; |
} | } | ||
− | #header-wrapper | + | #header-wrapper :not(.semanticUICSS) |
− | + | { padding: 6em 2em 6em 2em; | |
} | } | ||
− | #footer-wrapper | + | #footer-wrapper :not(.semanticUICSS) |
− | + | { padding-top: 3em; | |
} | } | ||
− | #footer-wrapper .feature-list section | + | #footer-wrapper .feature-list section :not(.semanticUICSS) |
− | + | { border-top-color: #eee; | |
− | border-top-color: rgba(255, 255, 255, 0.05) | + | border-top-color: rgba(255, 255, 255, 0.05); |
} | } | ||
/* Logo */ | /* Logo */ | ||
− | #logo | + | #logo :not(.semanticUICSS) |
− | + | { text-align: center; | |
} | } | ||
− | #logo h1 | + | #logo h1 :not(.semanticUICSS) |
− | + | { font-size: 1.5em; | |
− | letter-spacing: 0.2em | + | letter-spacing: 0.2em; |
} | } | ||
− | #logo p | + | #logo p :not(.semanticUICSS) |
− | + | { margin: 1.25em 0 0 0; | |
− | display: block | + | display: block; |
− | letter-spacing: 0.2em | + | letter-spacing: 0.2em; |
− | font-size: 0.9em | + | font-size: 0.9em; |
} | } | ||
/* Nav */ | /* Nav */ | ||
− | #nav | + | #nav :not(.semanticUICSS) |
− | + | { display: none; | |
} | } | ||
/* Intro */ | /* Intro */ | ||
− | #intro . | + | #intro :not(.semanticUICSS) |
− | font-size: 1.5em | + | { text-align: center; |
− | letter-spacing: 0.05em | + | padding: 1em 2em 1em 2em !important; |
− | line-height: 1.25em | + | margin: 0 auto; |
− | padding: 1.25em | + | } |
+ | #intro .style2 :not(.semanticUICSS) | ||
+ | { font-size: 1.5em; | ||
+ | letter-spacing: 0.05em; | ||
+ | line-height: 1.25em; | ||
+ | padding: 1.25em; | ||
} | } | ||
/* Main */ | /* Main */ | ||
− | #main | + | #main :not(.semanticUICSS) |
− | + | { padding: 1em 0 0 0; | |
} | } | ||
/* Content */ | /* Content */ | ||
− | #content | + | #content :not(.semanticUICSS) |
− | + | { padding: 0 0 2em 0; | |
} | } | ||
− | #content header.style1 | + | #content header.style1 :not(.semanticUICSS) |
− | + | { padding-bottom: 2.5em; | |
} | } | ||
/* Footer */ | /* Footer */ | ||
− | #footer hr | + | #footer hr :not(.semanticUICSS) |
− | + | { display: none; | |
} | } | ||
/* Copyright */ | /* Copyright */ | ||
− | #copyright | + | #copyright :not(.semanticUICSS) |
− | + | { padding: 2em 0 0 0; | |
} | } | ||
− | #copyright ul | + | #copyright ul :not(.semanticUICSS) |
− | + | { padding: 1em 2em; | |
− | width: 100% | + | width: 100%; |
} | } | ||
− | #copyright ul li | + | #copyright ul li :not(.semanticUICSS) |
− | + | { display: block; | |
− | margin: 0.5em 0 0 0 | + | margin: 0.5em 0 0 0; |
} | } | ||
− | #copyright ul li:first-child | + | #copyright ul li:first-child :not(.semanticUICSS) |
− | + | { margin-top: 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
} | } | ||
</style></head></html> | </style></head></html> |