comparison: theme/static/css/lamboz.css
theme/static/css/lamboz.css
- changeset 36
- 9507107a1133
- child 42
- 3c30fc0f8ce0
equal
deleted
inserted
replaced
| 35:bb011397a99c | 36:9507107a1133 |
|---|---|
| 1 BODY,P,DIV, UL LI, OL LI, TD { | |
| 2 font-family:"Exo 2",sans-serif; | |
| 3 font-size: 12pt; | |
| 4 margin: 0; | |
| 5 } | |
| 6 | |
| 7 | |
| 8 H1,H2,H3,H4,H5,H6 { | |
| 9 font-family:"Exo 2",sans-serif; | |
| 10 font-weight: 600; | |
| 11 color: #777; | |
| 12 } | |
| 13 | |
| 14 H1 { font-size: 2em; } | |
| 15 H2 { font-size: 1.57em; } | |
| 16 H3 { font-size: 1.23em; } | |
| 17 H4 { font-size: 1.1em; } | |
| 18 H5,H6 { font-size: 1.05em; } | |
| 19 | |
| 20 | |
| 21 .header H1 { | |
| 22 font-size:3em; | |
| 23 margin-top: 0.2em; | |
| 24 } | |
| 25 | |
| 26 .data-holder { | |
| 27 margin: 1em auto; | |
| 28 max-width: 1024px; | |
| 29 } | |
| 30 | |
| 31 .header, .content, .footer { padding: 1em; } | |
| 32 | |
| 33 .header { | |
| 34 border-bottom: 1px dotted silver; | |
| 35 } | |
| 36 .footer { | |
| 37 | |
| 38 border-top: 1px dotted silver; | |
| 39 } | |
| 40 | |
| 41 .main-article { | |
| 42 background-color: #eee; | |
| 43 margin-bottom: 0.8em; | |
| 44 padding: 1em; | |
| 45 } | |
| 46 | |
| 47 .main-article H2 { | |
| 48 font-size: 1.9em; | |
| 49 } | |
| 50 .main-article P { | |
| 51 font-size: 1.2em; | |
| 52 } | |
| 53 | |
| 54 A { | |
| 55 text-decoration: none; | |
| 56 color: #666; | |
| 57 } | |
| 58 | |
| 59 A:hover { | |
| 60 color: #900; | |
| 61 } | |
| 62 | |
| 63 .footer UL { | |
| 64 margin:0px ; | |
| 65 padding: 0px; | |
| 66 list-style-type:none; | |
| 67 } | |
| 68 .footer UL LI { | |
| 69 display: inline-block; | |
| 70 margin: 1px; | |
| 71 padding: 1px; | |
| 72 | |
| 73 } | |
| 74 | |
| 75 UL li.active { | |
| 76 border: 1px dotted #aaa; | |
| 77 background-color: #eee; | |
| 78 } | |
| 79 | |
| 80 | |
| 81 .main-article .read-more { | |
| 82 font-size: 0.9em; | |
| 83 letter-spacing: 2px; | |
| 84 border-bottom: 1px dotted silver; | |
| 85 margin-bottom: 0.5em; | |
| 86 } | |
| 87 | |
| 88 .header-article .read-more, | |
| 89 .sec-article .read-more { | |
| 90 font-size: 0.9em; | |
| 91 letter-spacing: 2px; | |
| 92 border-bottom: 1px dotted silver; | |
| 93 margin-bottom: 0.5em; | |
| 94 } | |
| 95 | |
| 96 ul.tag-list { | |
| 97 list-style-type: none; | |
| 98 margin:0px; | |
| 99 padding: 0px; | |
| 100 } | |
| 101 | |
| 102 ul.tag-list LI:hover { | |
| 103 background-color: whitesmoke; | |
| 104 } | |
| 105 | |
| 106 ul.tag-list LI { | |
| 107 display: inline-block; | |
| 108 background-color: white; | |
| 109 border: 1px dotted silver; | |
| 110 margin-right: 5px; | |
| 111 margin-bottom: 5px; | |
| 112 padding: 3px; | |
| 113 } | |
| 114 | |
| 115 div.entry-summary p{ | |
| 116 font-size: 1.2em; | |
| 117 } | |
| 118 | |
| 119 div.entry-summary { | |
| 120 margin-bottom: 1em; | |
| 121 } | |
| 122 | |
| 123 section.article P { | |
| 124 margin-bottom: 1em; | |
| 125 text-align: justify; | |
| 126 -moz-hyphens: auto; | |
| 127 -webkit-hyphens: auto; | |
| 128 } | |
| 129 | |
| 130 .main-article P, .sec-article P { | |
| 131 text-align: justify; | |
| 132 -moz-hyphens: auto; | |
| 133 -webkit-hyphens: auto; | |
| 134 } | |
| 135 | |
| 136 .pages { | |
| 137 background-color: #A01; | |
| 138 color: white; | |
| 139 padding: 3px; | |
| 140 } | |
| 141 | |
| 142 .pages UL { | |
| 143 list-style-type: none; | |
| 144 margin: 0px; | |
| 145 } | |
| 146 | |
| 147 .pages UL LI { | |
| 148 display: inline-block; | |
| 149 margin: 3px 10px 3px 0px; | |
| 150 } | |
| 151 | |
| 152 .pages UL LI:nth-child(1) { | |
| 153 font-size: 1.4em; | |
| 154 } | |
| 155 | |
| 156 .pages UL LI A { color: white; font-weight: 600; text-transform: uppercase;} | |
| 157 | |
| 158 | |
| 159 .pages UL LI.active { | |
| 160 background-color: transparent; | |
| 161 border: 0px solid transparent; | |
| 162 border-bottom: 1px solid white; | |
| 163 } | |
| 164 | |
| 165 .pages UL LI.category { | |
| 166 float: right !important; | |
| 167 } | |
| 168 | |
| 169 #image-block { float: right; } | |
| 170 | |
| 171 div.hp-header { | |
| 172 display:table; | |
| 173 width:100%; | |
| 174 height:55%; | |
| 175 max-height: 55; | |
| 176 position:relative; | |
| 177 background:url('/theme/img/HP8904A_Q106.jpg') no-repeat center center fixed; | |
| 178 background-size:cover; | |
| 179 | |
| 180 } | |
| 181 | |
| 182 div.hp-header-inner { | |
| 183 display:table; | |
| 184 width:100%; | |
| 185 height:30%; | |
| 186 position:relative; | |
| 187 background:url('/theme/img/HP8904A_Q106.jpg') no-repeat center center fixed; | |
| 188 background-size:cover; | |
| 189 | |
| 190 } | |
| 191 | |
| 192 div.hp-header-inner #title-block H1 { | |
| 193 font-size:4em; | |
| 194 color:white; | |
| 195 text-align:center | |
| 196 } | |
| 197 | |
| 198 | |
| 199 div.page-header { | |
| 200 display:table-cell; | |
| 201 vertical-align: middle; | |
| 202 text-align:center; | |
| 203 } | |
| 204 | |
| 205 div#title-block { | |
| 206 margin:10px; | |
| 207 } | |
| 208 | |
| 209 div#title-block H1 { | |
| 210 font-size: 6em; | |
| 211 font-weight:900; | |
| 212 text-shadow: 2px 2px 10px #000; | |
| 213 margin-bottom: 0px; | |
| 214 } | |
| 215 | |
| 216 div#title-block H1 A { | |
| 217 color: white; | |
| 218 } | |
| 219 | |
| 220 div#title-block P.blurb { | |
| 221 font-family:"Exo 2",sans-serif; | |
| 222 color: white; | |
| 223 font-size: 1.5em; | |
| 224 text-shadow: 1px 1px 3px #000; | |
| 225 margin-top: 0px; | |
| 226 } | |
| 227 | |
| 228 | |
| 229 .blog_review, .rev_rating { | |
| 230 background-color: #DDD; | |
| 231 padding: 0.5em; | |
| 232 text-align: justify; | |
| 233 } | |
| 234 | |
| 235 .rev_rating { | |
| 236 margin-bottom: 1em; | |
| 237 } | |
| 238 | |
| 239 .blog_review { | |
| 240 margin-bottom:1em; | |
| 241 } | |
| 242 | |
| 243 .rev_rating span { | |
| 244 font-weight: 700; | |
| 245 color: #901; | |
| 246 } | |
| 247 | |
| 248 .a_cura_di { | |
| 249 font-size: 0.9em; | |
| 250 font-style: italic; | |
| 251 } | |
| 252 | |
| 253 | |
| 254 .sec-article { | |
| 255 margin-bottom: 1em; | |
| 256 } | |
| 257 | |
| 258 .footer { | |
| 259 background-color:#C01; | |
| 260 color: #FFF; | |
| 261 } | |
| 262 | |
| 263 .footer A { | |
| 264 color: #FFF; | |
| 265 font-weight: bold; | |
| 266 } | |
| 267 | |
| 268 .footer H3 { color: white; margin: 0px;} | |
| 269 | |
| 270 .footer .active A { color: #A01;} | |
| 271 .footer .active { color: #666; } | |
| 272 | |
| 273 | |
| 274 | |
| 275 @media (max-width: 768px) { | |
| 276 | |
| 277 .content { padding: 0px;} | |
| 278 div.column > * { margin: 1em;} | |
| 279 | |
| 280 div.column.aside { background-color: #DDD; padding: 10px;} | |
| 281 | |
| 282 .aside UL { | |
| 283 margin: 0px; | |
| 284 padding: 4px; | |
| 285 list-style: none; | |
| 286 } | |
| 287 | |
| 288 .aside UL LI { | |
| 289 display: inline-block; | |
| 290 background-color: #FFF; | |
| 291 padding: 4px; border: 1px dotted gray | |
| 292 } | |
| 293 | |
| 294 #title-block,#image-block { margin: 0.2em auto; } | |
| 295 #title-block { text-align: center; } | |
| 296 #image-block { float: none; } | |
| 297 | |
| 298 /* mobile version */ | |
| 299 div.hp-header { | |
| 300 display:table; | |
| 301 width:100%; | |
| 302 height:100%; | |
| 303 position:relative; | |
| 304 background:url('/theme/img/HP8904A_Q106.jpg') no-repeat scroll 0% 0% / 100% 100%; | |
| 305 background-size:cover; | |
| 306 | |
| 307 } | |
| 308 | |
| 309 div.hp-header-inner { | |
| 310 display:table; | |
| 311 width:100%; | |
| 312 height:30%; | |
| 313 position:relative; | |
| 314 background:url('/theme/img/HP8904A_Q106.jpg') no-repeat scroll 0% 0% / 100% 100%; | |
| 315 /* background-size:cover; */ | |
| 316 | |
| 317 } | |
| 318 | |
| 319 div.hp-header-inner #title-block H1 { | |
| 320 font-size:2.5em; | |
| 321 color:white; | |
| 322 text-align:center; | |
| 323 } | |
| 324 | |
| 325 | |
| 326 div#title-block H1 { | |
| 327 font-size: 2.5em; | |
| 328 font-weight:900; | |
| 329 text-shadow: 2px 2px 10px #000; | |
| 330 margin-bottom: 0px; | |
| 331 } | |
| 332 | |
| 333 .content .data-holder { | |
| 334 margin: 0px; | |
| 335 } | |
| 336 | |
| 337 .main-article { | |
| 338 padding: 0.5em; | |
| 339 } | |
| 340 | |
| 341 } | |
| 342 | |
| 343 | |
| 344 | |
| 345 | |
| 346 |
