static/simplicitease.cssView |
---|
| 1 … | +@font-face { |
| 2 … | + font-family: "Open Sans"; |
| 3 … | + src: url("/fonts/opensans-light-webfont.ttf"); |
| 4 … | + font-weight: 300; |
| 5 … | +} |
| 6 … | + |
| 7 … | +@font-face { |
| 8 … | + font-family: "Open Sans"; |
| 9 … | + src: url("/fonts/opensans-italic-webfont.ttf"); |
| 10 … | + font-weight: 400; |
| 11 … | +} |
| 12 … | + |
| 13 … | +@font-face { |
| 14 … | + font-family: "Open Sans"; |
| 15 … | + src: url("/fonts/opensans-regular-webfont.ttf"); |
| 16 … | + font-weight: 400; |
| 17 … | +} |
| 18 … | + |
| 19 … | +@font-face { |
| 20 … | + font-family: "Open Sans"; |
| 21 … | + src: url("/fonts/opensans-bold-webfont.ttf"); |
| 22 … | + font-weight: 600; |
| 23 … | +} |
| 24 … | + |
| 25 … | +body { |
| 26 … | + color: #000; |
| 27 … | + font-family: 'Open Sans', arial, sans-serif; |
| 28 … | + font-weight: 400; |
| 29 … | + text-decoration: none; |
| 30 … | + display: block; |
| 31 … | +} |
| 32 … | + |
| 33 … | +img.profile { |
| 34 … | + border: 1px solid #ccc; |
| 35 … | + padding: 4.5px; |
| 36 … | +} |
| 37 … | + |
| 38 … | +img { |
| 39 … | + max-width: 100%; |
| 40 … | +} |
| 41 … | + |
| 42 … | +p { |
| 43 … | + color: #000; |
| 44 … | + font-family: 'Open Sans', arial, sans-serif; |
| 45 … | + font-weight: 400; |
| 46 … | + text-decoration: none; |
| 47 … | +} |
| 48 … | + |
| 49 … | +h1 { |
| 50 … | + font-weight: 400; |
| 51 … | + color: #666; |
| 52 … | +} |
| 53 … | + |
| 54 … | +h2 { |
| 55 … | + font-weight: 400; |
| 56 … | + color: #575757; |
| 57 … | + text-transform: uppercase; |
| 58 … | +} |
| 59 … | + |
| 60 … | + |
| 61 … | +h3, h4, h5, h6 { |
| 62 … | + font-weight: 300; |
| 63 … | + color: #666; |
| 64 … | + text-transform: uppercase; |
| 65 … | +} |
| 66 … | + |
| 67 … | +a:link { |
| 68 … | + text-decoration: underline; |
| 69 … | +} |
| 70 … | + |
| 71 … | +a:hover { |
| 72 … | + color: #000000; |
| 73 … | +} |
| 74 … | + |
| 75 … | +li, |
| 76 … | +a, |
| 77 … | +a:link { |
| 78 … | + color: #000; |
| 79 … | + font-family: 'Open Sans', arial, sans-serif; |
| 80 … | + font-weight: 300; |
| 81 … | + font-size: 1em; |
| 82 … | +} |
| 83 … | + |
| 84 … | +blockquote p { |
| 85 … | + color: #586e75; |
| 86 … | + font-size: 1.3em; |
| 87 … | + font-weight: 300; |
| 88 … | + margin: .5em .5em; |
| 89 … | + border-left: 2px solid #eee; |
| 90 … | + padding-left: 2em; |
| 91 … | +} |
| 92 … | + |
| 93 … | + |
| 94 … | + |
| 95 … | +.navbar { |
| 96 … | + background: #ffffff; |
| 97 … | + width: 100%; |
| 98 … | + position: fixed; |
| 99 … | + z-index: 1000; |
| 100 … | + padding-top: .3em; |
| 101 … | + padding-bottom: .5em; |
| 102 … | + top: 0; |
| 103 … | +} |
| 104 … | + |
| 105 … | +.navbar p, |
| 106 … | +.navbar li { |
| 107 … | + margin: 0; |
| 108 … | + padding: 0; |
| 109 … | + font-size: 1em; |
| 110 … | + font-weight: underline; |
| 111 … | +} |
| 112 … | + |
| 113 … | +.navbar li { |
| 114 … | + text-transform: uppercase; |
| 115 … | + float: left; |
| 116 … | + padding-left: 1em; |
| 117 … | + padding-right: 2em; |
| 118 … | + margin-left: 0; |
| 119 … | + list-style-type: none; |
| 120 … | +} |
| 121 … | + |
| 122 … | +.navbar a:link { |
| 123 … | + text-decoration: none; |
| 124 … | +} |
| 125 … | + |
| 126 … | +.navbar ul { |
| 127 … | + border: none; |
| 128 … | +} |
| 129 … | + |
| 130 … | +ul { |
| 131 … | + list-style-type: none; |
| 132 … | + padding: 0; |
| 133 … | + border: 1px solid #ddd; |
| 134 … | +} |
| 135 … | + |
| 136 … | +ul li { |
| 137 … | + padding: 8px 16px; |
| 138 … | + border-bottom: none; |
| 139 … | +} |
| 140 … | + |
| 141 … | +mark { |
| 142 … | + color: #002b36; |
| 143 … | + background: #ffdb00; |
| 144 … | +} |
| 145 … | + |
| 146 … | +button { |
| 147 … | + font-size: 1.2em; |
| 148 … | + padding: .5ex 1ex; |
| 149 … | + color: #0C5; |
| 150 … | + background: #0D6; |
| 151 … | + border: 1px solid #0D6; |
| 152 … | + color: #FFF; |
| 153 … | + transition: all 0.5s; |
| 154 … | +} |
| 155 … | + |
| 156 … | +button:hover, button:active { |
| 157 … | + cursor: pointer; |
| 158 … | + text-decoration: none; |
| 159 … | + color: #0C5; |
| 160 … | + border-color: #0C5; |
| 161 … | + background: #FFF; |
| 162 … | +} |
| 163 … | + |
| 164 … | +pre { |
| 165 … | + padding: .5em; |
| 166 … | + padding-left: .7em; |
| 167 … | + background: #3f3f3f; |
| 168 … | + color: #dcdcdc; |
| 169 … | + border-radius: 5px; |
| 170 … | + margin-bottom: .5em; |
| 171 … | + white-space: pre-wrap; |
| 172 … | + word-wrap: break-word; |
| 173 … | +} |
| 174 … | + |
| 175 … | +.avatar { |
| 176 … | + border: 1px solid; |
| 177 … | + width: 100px; |
| 178 … | + float: left; |
| 179 … | + margin-top: 1.5em; |
| 180 … | + margin-right: .5em; |
| 181 … | + margin-bottom: 0em; |
| 182 … | +} |
| 183 … | + |
| 184 … | +hr { |
| 185 … | + border: solid #eee; |
| 186 … | + clear: both; |
| 187 … | + border-width: 1px 0 0; |
| 188 … | + height: 0; |
| 189 … | + margin-bottom: .9em; |
| 190 … | +} |
| 191 … | + |
| 192 … | + |