Eric Huang (Talk | contribs) |
Eric Huang (Talk | contribs) |
||
Line 1,224: | Line 1,224: | ||
/*******************1119*****************/ | /*******************1119*****************/ | ||
+ | @media screen and (max-width: 840px) { | ||
+ | |||
+ | .row > * { | ||
+ | padding: 32px 0 0 32px; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin: -32px 0 -1px -32px; | ||
+ | } | ||
+ | |||
+ | .row.uniform > * { | ||
+ | padding: 32px 0 0 32px; | ||
+ | } | ||
+ | |||
+ | .row.uniform { | ||
+ | margin: -32px 0 -1px -32px; | ||
+ | } | ||
+ | |||
+ | .row.\32 00\25 > * { | ||
+ | padding: 64px 0 0 64px; | ||
+ | } | ||
+ | |||
+ | .row.\32 00\25 { | ||
+ | margin: -64px 0 -1px -64px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 00\25 > * { | ||
+ | padding: 64px 0 0 64px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 00\25 { | ||
+ | margin: -64px 0 -1px -64px; | ||
+ | } | ||
+ | |||
+ | .row.\31 50\25 > * { | ||
+ | padding: 48px 0 0 48px; | ||
+ | } | ||
+ | |||
+ | .row.\31 50\25 { | ||
+ | margin: -48px 0 -1px -48px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\31 50\25 > * { | ||
+ | padding: 48px 0 0 48px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\31 50\25 { | ||
+ | margin: -48px 0 -1px -48px; | ||
+ | } | ||
+ | |||
+ | .row.\35 0\25 > * { | ||
+ | padding: 16px 0 0 16px; | ||
+ | } | ||
+ | |||
+ | .row.\35 0\25 { | ||
+ | margin: -16px 0 -1px -16px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\35 0\25 > * { | ||
+ | padding: 16px 0 0 16px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\35 0\25 { | ||
+ | margin: -16px 0 -1px -16px; | ||
+ | } | ||
+ | |||
+ | .row.\32 5\25 > * { | ||
+ | padding: 8px 0 0 8px; | ||
+ | } | ||
+ | |||
+ | .row.\32 5\25 { | ||
+ | margin: -8px 0 -1px -8px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 5\25 > * { | ||
+ | padding: 8px 0 0 8px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 5\25 { | ||
+ | margin: -8px 0 -1px -8px; | ||
+ | } | ||
+ | |||
+ | .\31 2u\28narrower\29, .\31 2u\24\28narrower\29 { | ||
+ | width: 100%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 1u\28narrower\29, .\31 1u\24\28narrower\29 { | ||
+ | width: 91.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 0u\28narrower\29, .\31 0u\24\28narrower\29 { | ||
+ | width: 83.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\39 u\28narrower\29, .\39 u\24\28narrower\29 { | ||
+ | width: 75%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\38 u\28narrower\29, .\38 u\24\28narrower\29 { | ||
+ | width: 66.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\37 u\28narrower\29, .\37 u\24\28narrower\29 { | ||
+ | width: 58.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\36 u\28narrower\29, .\36 u\24\28narrower\29 { | ||
+ | width: 50%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\35 u\28narrower\29, .\35 u\24\28narrower\29 { | ||
+ | width: 41.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\34 u\28narrower\29, .\34 u\24\28narrower\29 { | ||
+ | width: 33.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\33 u\28narrower\29, .\33 u\24\28narrower\29 { | ||
+ | width: 25%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\32 u\28narrower\29, .\32 u\24\28narrower\29 { | ||
+ | width: 16.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 u\28narrower\29, .\31 u\24\28narrower\29 { | ||
+ | width: 8.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 2u\24\28narrower\29 + *, | ||
+ | .\31 1u\24\28narrower\29 + *, | ||
+ | .\31 0u\24\28narrower\29 + *, | ||
+ | .\39 u\24\28narrower\29 + *, | ||
+ | .\38 u\24\28narrower\29 + *, | ||
+ | .\37 u\24\28narrower\29 + *, | ||
+ | .\36 u\24\28narrower\29 + *, | ||
+ | .\35 u\24\28narrower\29 + *, | ||
+ | .\34 u\24\28narrower\29 + *, | ||
+ | .\33 u\24\28narrower\29 + *, | ||
+ | .\32 u\24\28narrower\29 + *, | ||
+ | .\31 u\24\28narrower\29 + * { | ||
+ | clear: left; | ||
+ | } | ||
+ | |||
+ | .\-11u\28narrower\29 { | ||
+ | margin-left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .\-10u\28narrower\29 { | ||
+ | margin-left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .\-9u\28narrower\29 { | ||
+ | margin-left: 75%; | ||
+ | } | ||
+ | |||
+ | .\-8u\28narrower\29 { | ||
+ | margin-left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .\-7u\28narrower\29 { | ||
+ | margin-left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .\-6u\28narrower\29 { | ||
+ | margin-left: 50%; | ||
+ | } | ||
+ | |||
+ | .\-5u\28narrower\29 { | ||
+ | margin-left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .\-4u\28narrower\29 { | ||
+ | margin-left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .\-3u\28narrower\29 { | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | |||
+ | .\-2u\28narrower\29 { | ||
+ | margin-left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .\-1u\28narrower\29 { | ||
+ | margin-left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | |||
+ | .row > * { | ||
+ | padding: 20px 0 0 20px; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin: -20px 0 -1px -20px; | ||
+ | } | ||
+ | |||
+ | .row.uniform > * { | ||
+ | padding: 20px 0 0 20px; | ||
+ | } | ||
+ | |||
+ | .row.uniform { | ||
+ | margin: -20px 0 -1px -20px; | ||
+ | } | ||
+ | |||
+ | .row.\32 00\25 > * { | ||
+ | padding: 40px 0 0 40px; | ||
+ | } | ||
+ | |||
+ | .row.\32 00\25 { | ||
+ | margin: -40px 0 -1px -40px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 00\25 > * { | ||
+ | padding: 40px 0 0 40px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 00\25 { | ||
+ | margin: -40px 0 -1px -40px; | ||
+ | } | ||
+ | |||
+ | .row.\31 50\25 > * { | ||
+ | padding: 30px 0 0 30px; | ||
+ | } | ||
+ | |||
+ | .row.\31 50\25 { | ||
+ | margin: -30px 0 -1px -30px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\31 50\25 > * { | ||
+ | padding: 30px 0 0 30px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\31 50\25 { | ||
+ | margin: -30px 0 -1px -30px; | ||
+ | } | ||
+ | |||
+ | .row.\35 0\25 > * { | ||
+ | padding: 10px 0 0 10px; | ||
+ | } | ||
+ | |||
+ | .row.\35 0\25 { | ||
+ | margin: -10px 0 -1px -10px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\35 0\25 > * { | ||
+ | padding: 10px 0 0 10px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\35 0\25 { | ||
+ | margin: -10px 0 -1px -10px; | ||
+ | } | ||
+ | |||
+ | .row.\32 5\25 > * { | ||
+ | padding: 5px 0 0 5px; | ||
+ | } | ||
+ | |||
+ | .row.\32 5\25 { | ||
+ | margin: -5px 0 -1px -5px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 5\25 > * { | ||
+ | padding: 5px 0 0 5px; | ||
+ | } | ||
+ | |||
+ | .row.uniform.\32 5\25 { | ||
+ | margin: -5px 0 -1px -5px; | ||
+ | } | ||
+ | |||
+ | .\31 2u\28mobile\29, .\31 2u\24\28mobile\29 { | ||
+ | width: 100%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 1u\28mobile\29, .\31 1u\24\28mobile\29 { | ||
+ | width: 91.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 0u\28mobile\29, .\31 0u\24\28mobile\29 { | ||
+ | width: 83.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\39 u\28mobile\29, .\39 u\24\28mobile\29 { | ||
+ | width: 75%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\38 u\28mobile\29, .\38 u\24\28mobile\29 { | ||
+ | width: 66.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\37 u\28mobile\29, .\37 u\24\28mobile\29 { | ||
+ | width: 58.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\36 u\28mobile\29, .\36 u\24\28mobile\29 { | ||
+ | width: 50%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\35 u\28mobile\29, .\35 u\24\28mobile\29 { | ||
+ | width: 41.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\34 u\28mobile\29, .\34 u\24\28mobile\29 { | ||
+ | width: 33.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\33 u\28mobile\29, .\33 u\24\28mobile\29 { | ||
+ | width: 25%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\32 u\28mobile\29, .\32 u\24\28mobile\29 { | ||
+ | width: 16.6666666667%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 u\28mobile\29, .\31 u\24\28mobile\29 { | ||
+ | width: 8.3333333333%; | ||
+ | clear: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .\31 2u\24\28mobile\29 + *, | ||
+ | .\31 1u\24\28mobile\29 + *, | ||
+ | .\31 0u\24\28mobile\29 + *, | ||
+ | .\39 u\24\28mobile\29 + *, | ||
+ | .\38 u\24\28mobile\29 + *, | ||
+ | .\37 u\24\28mobile\29 + *, | ||
+ | .\36 u\24\28mobile\29 + *, | ||
+ | .\35 u\24\28mobile\29 + *, | ||
+ | .\34 u\24\28mobile\29 + *, | ||
+ | .\33 u\24\28mobile\29 + *, | ||
+ | .\32 u\24\28mobile\29 + *, | ||
+ | .\31 u\24\28mobile\29 + * { | ||
+ | clear: left; | ||
+ | } | ||
+ | |||
+ | .\-11u\28mobile\29 { | ||
+ | margin-left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .\-10u\28mobile\29 { | ||
+ | margin-left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .\-9u\28mobile\29 { | ||
+ | margin-left: 75%; | ||
+ | } | ||
+ | |||
+ | .\-8u\28mobile\29 { | ||
+ | margin-left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .\-7u\28mobile\29 { | ||
+ | margin-left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .\-6u\28mobile\29 { | ||
+ | margin-left: 50%; | ||
+ | } | ||
+ | |||
+ | .\-5u\28mobile\29 { | ||
+ | margin-left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .\-4u\28mobile\29 { | ||
+ | margin-left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .\-3u\28mobile\29 { | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | |||
+ | .\-2u\28mobile\29 { | ||
+ | margin-left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .\-1u\28mobile\29 { | ||
+ | margin-left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Basic */ | ||
+ | |||
+ | body { | ||
+ | background: #f0f4f4; | ||
+ | color: #5b5b5b; | ||
+ | font-size: 15pt; | ||
+ | line-height: 1.85em; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | body.is-loading *, body.is-loading *:after, body.is-loading *:before { | ||
+ | -moz-transition: none !important; | ||
+ | -webkit-transition: none !important; | ||
+ | -ms-transition: none !important; | ||
+ | transition: none !important; | ||
+ | -moz-animation: none !important; | ||
+ | -webkit-animation: none !important; | ||
+ | -ms-animation: none !important; | ||
+ | animation: none !important; | ||
+ | } | ||
+ | |||
+ | input, textarea, select { | ||
+ | font-size: 15pt; | ||
+ | line-height: 1.85em; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | font-weight: 400; | ||
+ | color: #483949; | ||
+ | line-height: 1.25em; | ||
+ | } | ||
+ | |||
+ | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | ||
+ | color: inherit; | ||
+ | text-decoration: none; | ||
+ | border-bottom-color: transparent; | ||
+ | } | ||
+ | |||
+ | h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 2.85em; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 1.25em; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 1em; | ||
+ | margin: 0 0 0.25em 0; | ||
+ | } | ||
+ | |||
+ | strong, b { | ||
+ | font-weight: 400; | ||
+ | color: #483949; | ||
+ | } | ||
+ | |||
+ | em, i { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: inherit; | ||
+ | border-bottom: solid 1px rgba(128, 128, 128, 0.15); | ||
+ | text-decoration: none; | ||
+ | -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; | ||
+ | -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; | ||
+ | -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; | ||
+ | transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #ef8376; | ||
+ | border-bottom-color: transparent; | ||
+ | } | ||
+ | |||
+ | sub { | ||
+ | position: relative; | ||
+ | top: 0.5em; | ||
+ | font-size: 0.8em; | ||
+ | } | ||
+ | |||
+ | sup { | ||
+ | position: relative; | ||
+ | top: -0.5em; | ||
+ | font-size: 0.8em; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | border-left: solid 0.5em #ddd; | ||
+ | padding: 1em 0 1em 2em; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | p, ul, ol, dl, table { | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | br.clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | border: 0; | ||
+ | top: 4.5em; | ||
+ | margin-bottom: 9em; | ||
+ | height: 6px; | ||
+ | border-top: solid 1px rgba(128, 128, 128, 0.2); | ||
+ | border-bottom: solid 1px rgba(128, 128, 128, 0.2); | ||
+ | } | ||
+ | |||
+ | hr:before, hr:after { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | top: -8px; | ||
+ | display: block; | ||
+ | width: 1px; | ||
+ | height: 21px; | ||
+ | background: rgba(128, 128, 128, 0.2); | ||
+ | } | ||
+ | |||
+ | hr:before { | ||
+ | left: -1px; | ||
+ | } | ||
+ | |||
+ | hr:after { | ||
+ | right: -1px; | ||
+ | } | ||
+ | |||
+ | .timestamp { | ||
+ | color: rgba(128, 128, 128, 0.75); | ||
+ | font-size: 0.8em; | ||
+ | } | ||
+ | |||
+ | /* Sections/Article */ | ||
+ | |||
+ | section, article { | ||
+ | margin-bottom: 3em; | ||
+ | } | ||
+ | |||
+ | section > :last-child, section:last-child, article > :last-child, article:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | section.special > header, section.special > footer, article.special > header, article.special > footer { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .row > section, .row > article { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | header { | ||
+ | margin: 0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | header > p { | ||
+ | display: block; | ||
+ | font-size: 1.5em; | ||
+ | margin: 1em 0 2em 0; | ||
+ | line-height: 1.5em; | ||
+ | text-align: inherit; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | margin: 2.5em 0 0 0; | ||
+ | } | ||
+ | |||
+ | /* Image */ | ||
+ | |||
+ | .image { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | border: 0; | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .image img { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .image.fit { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .image.featured { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | margin: 0 0 4em 0; | ||
+ | } | ||
+ | |||
+ | .image.left { | ||
+ | float: left; | ||
+ | margin: 0 2em 2em 0; | ||
+ | } | ||
+ | |||
+ | .image.centered { | ||
+ | display: block; | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | .image.centered img { | ||
+ | margin: 0 auto; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | /* List */ | ||
+ | |||
+ | ul.default { | ||
+ | list-style: disc; | ||
+ | padding-left: 1em; | ||
+ | } | ||
+ | |||
+ | ul.default li { | ||
+ | padding-left: 0.5em; | ||
+ | } | ||
+ | |||
+ | ul.actions { | ||
+ | margin: 3em 0 0 0; | ||
+ | } | ||
+ | |||
+ | form ul.actions { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li { | ||
+ | display: inline-block; | ||
+ | margin: 0 0.75em 0 0.75em; | ||
+ | } | ||
+ | |||
+ | ul.actions li:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li:last-child { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | ul.divided li { | ||
+ | border-top: solid 1px rgba(128, 128, 128, 0.2); | ||
+ | padding-top: 1.5em; | ||
+ | margin-top: 1.5em; | ||
+ | } | ||
+ | |||
+ | ul.divided li:first-child { | ||
+ | border-top: 0; | ||
+ | padding-top: 0; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.menu { | ||
+ | height: 1em; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | ul.menu li { | ||
+ | display: inline-block; | ||
+ | border-left: solid 1px rgba(128, 128, 128, 0.2); | ||
+ | padding-left: 1.25em; | ||
+ | margin-left: 1.25em; | ||
+ | } | ||
+ | |||
+ | ul.menu li:first-child { | ||
+ | border-left: 0; | ||
+ | padding-left: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons { | ||
+ | position: relative; | ||
+ | background: rgba(128, 128, 128, 0.05); | ||
+ | border-radius: 4em; | ||
+ | display: inline-block; | ||
+ | padding: 0.35em 0.75em 0.35em 0.75em; | ||
+ | font-size: 1.25em; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | ul.icons li { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | ul.icons li a { | ||
+ | display: inline-block; | ||
+ | background: none; | ||
+ | width: 2.5em; | ||
+ | height: 2.5em; | ||
+ | line-height: 2.5em; | ||
+ | text-align: center; | ||
+ | border-radius: 100%; | ||
+ | border: 0; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | ul.icons li a:hover { | ||
+ | color: #ef8376; | ||
+ | } | ||
+ | |||
+ | ol.default { | ||
+ | list-style: decimal; | ||
+ | padding-left: 1.25em; | ||
+ | } | ||
+ | |||
+ | ol.default li { | ||
+ | padding-left: 0.25em; | ||
+ | } | ||
+ | |||
+ | /* Form */ | ||
+ | |||
+ | form label { | ||
+ | display: block; | ||
+ | font-weight: 400; | ||
+ | color: #483949; | ||
+ | margin: 0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | form input[type="text"], | ||
+ | form input[type="email"], | ||
+ | form input[type="password"], | ||
+ | form select, | ||
+ | form textarea { | ||
+ | -webkit-appearance: none; | ||
+ | display: block; | ||
+ | border: 0; | ||
+ | background: #fafafa; | ||
+ | width: 100%; | ||
+ | border-radius: 0.5em; | ||
+ | border: solid 1px #E5E5E5; | ||
+ | padding: 1em; | ||
+ | -moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out; | ||
+ | -webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out; | ||
+ | -ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out; | ||
+ | transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out; | ||
+ | } | ||
+ | |||
+ | form input[type="text"]:focus, | ||
+ | form input[type="email"]:focus, | ||
+ | form input[type="password"]:focus, | ||
+ | form select:focus, | ||
+ | form textarea:focus { | ||
+ | background: #fff; | ||
+ | border-color: #df7366; | ||
+ | } | ||
+ | |||
+ | form input[type="text"], | ||
+ | form input[type="email"], | ||
+ | form input[type="password"], | ||
+ | form select { | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | form textarea { | ||
+ | min-height: 9em; | ||
+ | } | ||
+ | |||
+ | form .formerize-placeholder { | ||
+ | color: #555 !important; | ||
+ | } | ||
+ | |||
+ | form ::-webkit-input-placeholder { | ||
+ | color: #555 !important; | ||
+ | } | ||
+ | |||
+ | form :-moz-placeholder { | ||
+ | color: #555 !important; | ||
+ | } | ||
+ | |||
+ | form ::-moz-placeholder { | ||
+ | color: #555 !important; | ||
+ | } | ||
+ | |||
+ | form :-ms-input-placeholder { | ||
+ | color: #555 !important; | ||
+ | } | ||
+ | |||
+ | form ::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | /* Table */ | ||
+ | |||
+ | table { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | table.default { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | table.default tbody tr { | ||
+ | border-top: solid 1px #e5e5e5; | ||
+ | } | ||
+ | |||
+ | table.default tbody tr:first-child { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | table.default tbody tr:nth-child(2n+1) { | ||
+ | background: #fafafa; | ||
+ | } | ||
+ | |||
+ | table.default td { | ||
+ | padding: 0.5em 1em 0.5em 1em; | ||
+ | } | ||
+ | |||
+ | table.default th { | ||
+ | text-align: left; | ||
+ | font-weight: 400; | ||
+ | padding: 0.5em 1em 0.5em 1em; | ||
+ | } | ||
+ | |||
+ | table.default thead { | ||
+ | border-bottom: solid 2px #e5e5e5; | ||
+ | } | ||
+ | |||
+ | table.default tfoot { | ||
+ | border-top: solid 2px #e5e5e5; | ||
+ | } | ||
+ | |||
+ | /*******************1983****************/ | ||
Revision as of 13:29, 25 July 2017