Mercurial Hosting > nabble
comparison src/global/web/assets/global.css @ 0:7ecd1a4ef557
add content
| author | Franklin Schmidt <fschmidt@gmail.com> |
|---|---|
| date | Thu, 21 Mar 2019 19:15:52 -0600 |
| parents | |
| children | aba8ed4c8a06 |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:7ecd1a4ef557 |
|---|---|
| 1 body{margin:0 auto;font-family:Lato,Verdana,Arial,sans-serif} | |
| 2 body>*{padding:1em;max-width:1200px;margin:0 auto} | |
| 3 [full]{max-width:100%} | |
| 4 [oswald]{font-family:Oswald,Arial,sans-serif} | |
| 5 [lato]{font-family:Lato,Arial,sans-serif} | |
| 6 [gray]{color:#444} | |
| 7 [light]{color:#999} | |
| 8 [center]{text-align:center} | |
| 9 [dark],[dark] a{background:#444;color:#EEE} | |
| 10 [paddingTop]{padding-top:2em} | |
| 11 [marginTop]{margin-top:2em} | |
| 12 [marginBottom]{margin-bottom:2em} | |
| 13 [lineHeight]{line-height:1.6em} | |
| 14 [invisible]{display:none} | |
| 15 h1{margin-bottom:0} | |
| 16 h2{margin-top:.4em} | |
| 17 div[header]{padding:4em 0 1em} | |
| 18 div[content]{max-width:1000px;margin:0 auto;clear:both} | |
| 19 div[col1]{float:left;width:600px} | |
| 20 div[col1]>img{max-width:100%} | |
| 21 div[col2]{float:left} | |
| 22 div[col2] > ul{font-size:1.5em;padding:.1em 1em;border-radius:1em} | |
| 23 div[col2] > ul > li{list-style-type:none;margin:0 0 .3em;padding:.4em .5em;font-weight:bold} | |
| 24 div[col2] > ul > li > a{text-decoration:none;color:#1E67D2;margin-right:1em} | |
| 25 div[col2] > ul > li:hover{background:#EEF1F3;border-radius:20px} | |
| 26 div[col33]{width:33%;display:inline-block;vertical-align:top} | |
| 27 ul[floating] > li{display:inline-block;list-style-type:none;margin:.2em 1em .2em 0;height: 1.2em} | |
| 28 div[footer] a{display:inline-block;margin:0 1em 1em 0;text-decoration:none;color:#D0D0D0;text-shadow:0px 1px 1px black;border-bottom:1px dotted #757474} | |
| 29 [marginHorizontal]{margin:0 1em} | |
| 30 i.fa.fa-chevron-right{font-size:.8em;margin-top:.5em} | |
| 31 @media (max-width: 1000px) { | |
| 32 div[col1]{width:500px} | |
| 33 div[col2] > ul {font-size: 1.3em} | |
| 34 } | |
| 35 @media (max-width: 850px) { | |
| 36 [col1],[col2],[col33]{width:100% !important} | |
| 37 [col33]{padding-bottom:2em} | |
| 38 div[col2] > ul {font-size: 1.7em} | |
| 39 div[col2] > ul > li{padding:.4em .2em} | |
| 40 } | |
| 41 @media (max-width: 600px) { | |
| 42 div[col2] > ul {font-size: 1.3em} | |
| 43 } | |
| 44 input[type='text']{font-size:1.3em;border-radius:10px;border:1px solid #bbb;padding:.2em} | |
| 45 input[type='submit']{ | |
| 46 -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; | |
| 47 -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; | |
| 48 box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; | |
| 49 color: #333; | |
| 50 background-color: #DCDBD9; | |
| 51 border-radius: 5px; | |
| 52 -moz-border-radius: 5px; | |
| 53 -webkit-border-radius: 5px; | |
| 54 border: none; | |
| 55 font-family: 'Helvetica Neue',Arial,sans-serif; | |
| 56 font-size: 16px; | |
| 57 font-weight: 700; | |
| 58 height: 32px; | |
| 59 padding: 4px 16px; | |
| 60 text-shadow: #E0E0E0 0 1px 0; | |
| 61 vertical-align: 15%; | |
| 62 } |
