Mercurial Hosting > nabble
diff src/global/web/assets/global.css @ 21:aba8ed4c8a06
semiprivate
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Sat, 13 Jun 2020 22:30:48 -0600 |
parents | 7ecd1a4ef557 |
children |
line wrap: on
line diff
--- a/src/global/web/assets/global.css Fri Jun 05 13:16:45 2020 -0600 +++ b/src/global/web/assets/global.css Sat Jun 13 22:30:48 2020 -0600 @@ -1,48 +1,155 @@ -body{margin:0 auto;font-family:Lato,Verdana,Arial,sans-serif} -body>*{padding:1em;max-width:1200px;margin:0 auto} -[full]{max-width:100%} -[oswald]{font-family:Oswald,Arial,sans-serif} -[lato]{font-family:Lato,Arial,sans-serif} -[gray]{color:#444} -[light]{color:#999} -[center]{text-align:center} -[dark],[dark] a{background:#444;color:#EEE} -[paddingTop]{padding-top:2em} -[marginTop]{margin-top:2em} -[marginBottom]{margin-bottom:2em} -[lineHeight]{line-height:1.6em} -[invisible]{display:none} -h1{margin-bottom:0} -h2{margin-top:.4em} -div[header]{padding:4em 0 1em} -div[content]{max-width:1000px;margin:0 auto;clear:both} -div[col1]{float:left;width:600px} -div[col1]>img{max-width:100%} -div[col2]{float:left} -div[col2] > ul{font-size:1.5em;padding:.1em 1em;border-radius:1em} -div[col2] > ul > li{list-style-type:none;margin:0 0 .3em;padding:.4em .5em;font-weight:bold} -div[col2] > ul > li > a{text-decoration:none;color:#1E67D2;margin-right:1em} -div[col2] > ul > li:hover{background:#EEF1F3;border-radius:20px} -div[col33]{width:33%;display:inline-block;vertical-align:top} -ul[floating] > li{display:inline-block;list-style-type:none;margin:.2em 1em .2em 0;height: 1.2em} -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} -[marginHorizontal]{margin:0 1em} -i.fa.fa-chevron-right{font-size:.8em;margin-top:.5em} +body { + margin: 0 auto; + font-family: Lato,Verdana,Arial,sans-serif; +} +body > * { + padding: 1em; + max-width: 1200px; + margin: 0 auto; +} +[full] { + max-width: 100%; +} +[oswald] { + font-family: Oswald,Arial,sans-serif; +} +[lato] { + font-family: Lato,Arial,sans-serif; +} +[gray] { + color: #444; +} +[light] { + color: #999; +} +[center] { + text-align: center; +} +[dark], [dark] a { + background: #444; + color: #EEE; +} +[paddingTop] { + padding-top: 2em; +} +[marginTop] { + margin-top: 2em; +} +[marginBottom] { + margin-bottom: 2em; +} +[lineHeight] { + line-height: 1.6em; +} +[invisible] { + display: none; +} +h1 { + margin-bottom: 0; +} +h2 { + margin-top: .4em; +} +div[header] { + padding: 4em 0 1em; +} +div[content] { + xmax-width: 1000px; + margin: 0 auto; + clear: both; +} +div[col1] { + display: inline-block; + width: 600px; +} +div[col1] > img { + max-width: 100%; +} +div[col2] { + display: inline-block; + text-align: left; + vertical-align: top; +} +div[col2] > ul { + font-size: 1.5em; + padding: .1em 1em; + border-radius: 1em; +} +div[col2] > ul > li { + list-style-type: none; + margin: 0 0 .3em; + padding: .4em .5em; + font-weight: bold; +} +div[col2] > ul > li > a { + text-decoration: none; + color: #1E67D2; + margin-right: 1em; +} +div[col2] > ul > li:hover { + background: #EEF1F3; + border-radius: 20px; +} +div[col33] { + width: 33%; + display: inline-block; + vertical-align: top; +} +ul[floating] > li { + display: inline-block; + list-style-type: none; + margin: .2em 1em .2em 0; + height: 1.2em; +} +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; +} +[marginHorizontal] { + margin: 0 1em; +} +i.fa.fa-chevron-right { + font-size: .8em; + margin-top: .5em; +} @media (max-width: 1000px) { - div[col1]{width:500px} - div[col2] > ul {font-size: 1.3em} + div[col1] { + width:500px; + } + div[col2] > ul { + font-size: 1.3em; + } } @media (max-width: 850px) { - [col1],[col2],[col33]{width:100% !important} - [col33]{padding-bottom:2em} - div[col2] > ul {font-size: 1.7em} - div[col2] > ul > li{padding:.4em .2em} + [col1], [col2], [col33] { + width: 100% !important; + } + [col33] { + padding-bottom: 2em; + } + div[col2] > ul { + font-size: 1.7em; + } + div[col2] > ul > li { + padding: .4em .2em; + } } @media (max-width: 600px) { - div[col2] > ul {font-size: 1.3em} + div[col2] > ul { + font-size: 1.3em; + } } -input[type='text']{font-size:1.3em;border-radius:10px;border:1px solid #bbb;padding:.2em} -input[type='submit']{ +input[type='text'] { + font-size: 1.3em; + border-radius: 10px; + border: 1px solid #bbb; + padding: .2em; +} +input[type='submit'] { -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; @@ -59,4 +166,4 @@ padding: 4px 16px; text-shadow: #E0E0E0 0 1px 0; vertical-align: 15%; -} \ No newline at end of file +}