Mercurial Hosting > nabble
comparison 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 |
comparison
equal
deleted
inserted
replaced
20:47162510b27f | 21:aba8ed4c8a06 |
---|---|
1 body{margin:0 auto;font-family:Lato,Verdana,Arial,sans-serif} | 1 body { |
2 body>*{padding:1em;max-width:1200px;margin:0 auto} | 2 margin: 0 auto; |
3 [full]{max-width:100%} | 3 font-family: Lato,Verdana,Arial,sans-serif; |
4 [oswald]{font-family:Oswald,Arial,sans-serif} | 4 } |
5 [lato]{font-family:Lato,Arial,sans-serif} | 5 body > * { |
6 [gray]{color:#444} | 6 padding: 1em; |
7 [light]{color:#999} | 7 max-width: 1200px; |
8 [center]{text-align:center} | 8 margin: 0 auto; |
9 [dark],[dark] a{background:#444;color:#EEE} | 9 } |
10 [paddingTop]{padding-top:2em} | 10 [full] { |
11 [marginTop]{margin-top:2em} | 11 max-width: 100%; |
12 [marginBottom]{margin-bottom:2em} | 12 } |
13 [lineHeight]{line-height:1.6em} | 13 [oswald] { |
14 [invisible]{display:none} | 14 font-family: Oswald,Arial,sans-serif; |
15 h1{margin-bottom:0} | 15 } |
16 h2{margin-top:.4em} | 16 [lato] { |
17 div[header]{padding:4em 0 1em} | 17 font-family: Lato,Arial,sans-serif; |
18 div[content]{max-width:1000px;margin:0 auto;clear:both} | 18 } |
19 div[col1]{float:left;width:600px} | 19 [gray] { |
20 div[col1]>img{max-width:100%} | 20 color: #444; |
21 div[col2]{float:left} | 21 } |
22 div[col2] > ul{font-size:1.5em;padding:.1em 1em;border-radius:1em} | 22 [light] { |
23 div[col2] > ul > li{list-style-type:none;margin:0 0 .3em;padding:.4em .5em;font-weight:bold} | 23 color: #999; |
24 div[col2] > ul > li > a{text-decoration:none;color:#1E67D2;margin-right:1em} | 24 } |
25 div[col2] > ul > li:hover{background:#EEF1F3;border-radius:20px} | 25 [center] { |
26 div[col33]{width:33%;display:inline-block;vertical-align:top} | 26 text-align: center; |
27 ul[floating] > li{display:inline-block;list-style-type:none;margin:.2em 1em .2em 0;height: 1.2em} | 27 } |
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} | 28 [dark], [dark] a { |
29 [marginHorizontal]{margin:0 1em} | 29 background: #444; |
30 i.fa.fa-chevron-right{font-size:.8em;margin-top:.5em} | 30 color: #EEE; |
31 } | |
32 [paddingTop] { | |
33 padding-top: 2em; | |
34 } | |
35 [marginTop] { | |
36 margin-top: 2em; | |
37 } | |
38 [marginBottom] { | |
39 margin-bottom: 2em; | |
40 } | |
41 [lineHeight] { | |
42 line-height: 1.6em; | |
43 } | |
44 [invisible] { | |
45 display: none; | |
46 } | |
47 h1 { | |
48 margin-bottom: 0; | |
49 } | |
50 h2 { | |
51 margin-top: .4em; | |
52 } | |
53 div[header] { | |
54 padding: 4em 0 1em; | |
55 } | |
56 div[content] { | |
57 xmax-width: 1000px; | |
58 margin: 0 auto; | |
59 clear: both; | |
60 } | |
61 div[col1] { | |
62 display: inline-block; | |
63 width: 600px; | |
64 } | |
65 div[col1] > img { | |
66 max-width: 100%; | |
67 } | |
68 div[col2] { | |
69 display: inline-block; | |
70 text-align: left; | |
71 vertical-align: top; | |
72 } | |
73 div[col2] > ul { | |
74 font-size: 1.5em; | |
75 padding: .1em 1em; | |
76 border-radius: 1em; | |
77 } | |
78 div[col2] > ul > li { | |
79 list-style-type: none; | |
80 margin: 0 0 .3em; | |
81 padding: .4em .5em; | |
82 font-weight: bold; | |
83 } | |
84 div[col2] > ul > li > a { | |
85 text-decoration: none; | |
86 color: #1E67D2; | |
87 margin-right: 1em; | |
88 } | |
89 div[col2] > ul > li:hover { | |
90 background: #EEF1F3; | |
91 border-radius: 20px; | |
92 } | |
93 div[col33] { | |
94 width: 33%; | |
95 display: inline-block; | |
96 vertical-align: top; | |
97 } | |
98 ul[floating] > li { | |
99 display: inline-block; | |
100 list-style-type: none; | |
101 margin: .2em 1em .2em 0; | |
102 height: 1.2em; | |
103 } | |
104 div[footer] a { | |
105 display: inline-block; | |
106 margin: 0 1em 1em 0; | |
107 text-decoration: none; | |
108 color: #D0D0D0; | |
109 text-shadow: 0px 1px 1px black; | |
110 border-bottom: 1px dotted #757474; | |
111 } | |
112 [marginHorizontal] { | |
113 margin: 0 1em; | |
114 } | |
115 i.fa.fa-chevron-right { | |
116 font-size: .8em; | |
117 margin-top: .5em; | |
118 } | |
31 @media (max-width: 1000px) { | 119 @media (max-width: 1000px) { |
32 div[col1]{width:500px} | 120 div[col1] { |
33 div[col2] > ul {font-size: 1.3em} | 121 width:500px; |
122 } | |
123 div[col2] > ul { | |
124 font-size: 1.3em; | |
125 } | |
34 } | 126 } |
35 @media (max-width: 850px) { | 127 @media (max-width: 850px) { |
36 [col1],[col2],[col33]{width:100% !important} | 128 [col1], [col2], [col33] { |
37 [col33]{padding-bottom:2em} | 129 width: 100% !important; |
38 div[col2] > ul {font-size: 1.7em} | 130 } |
39 div[col2] > ul > li{padding:.4em .2em} | 131 [col33] { |
132 padding-bottom: 2em; | |
133 } | |
134 div[col2] > ul { | |
135 font-size: 1.7em; | |
136 } | |
137 div[col2] > ul > li { | |
138 padding: .4em .2em; | |
139 } | |
40 } | 140 } |
41 @media (max-width: 600px) { | 141 @media (max-width: 600px) { |
42 div[col2] > ul {font-size: 1.3em} | 142 div[col2] > ul { |
143 font-size: 1.3em; | |
144 } | |
43 } | 145 } |
44 input[type='text']{font-size:1.3em;border-radius:10px;border:1px solid #bbb;padding:.2em} | 146 input[type='text'] { |
45 input[type='submit']{ | 147 font-size: 1.3em; |
148 border-radius: 10px; | |
149 border: 1px solid #bbb; | |
150 padding: .2em; | |
151 } | |
152 input[type='submit'] { | |
46 -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; | 153 -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; | 154 -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; | 155 box-shadow: rgba(0,0,0,0.2) 0 1px 0 0; |
49 color: #333; | 156 color: #333; |
50 background-color: #DCDBD9; | 157 background-color: #DCDBD9; |