Mercurial Hosting > nabble

comparison src/global/web/assets/global.css @ 21:aba8ed4c8a06

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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;