[28644] | 1 | @import url('reset.css');
|
---|
| 2 |
|
---|
| 3 | @import url('widgets.css');
|
---|
| 4 |
|
---|
| 5 | @import url('comments.css');
|
---|
| 6 |
|
---|
| 7 | @import url('forms.css');
|
---|
| 8 |
|
---|
| 9 | @import url('social.css');
|
---|
| 10 |
|
---|
| 11 | @import url('shortcodes.css');
|
---|
| 12 |
|
---|
| 13 | @import url('../js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css');
|
---|
| 14 |
|
---|
| 15 | @import url('font-awesome.css');
|
---|
| 16 | /* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* IMPORT ------------------------------------------------------------*/
|
---|
| 17 | /* aditional */
|
---|
| 18 | /* Fonts ----------------------------------------------------*//* Here you go ie */
|
---|
| 19 | @font-face {
|
---|
| 20 | font-family: 'mensch';
|
---|
| 21 | font-style: normal;
|
---|
| 22 | font-weight: normal;
|
---|
| 23 | src: url('../fonts/mensch-webfont.eot');
|
---|
| 24 | }
|
---|
| 25 | /* For real web browsers */
|
---|
| 26 | @font-face {
|
---|
| 27 | font-family: 'mensch';
|
---|
| 28 | font-style: normal;
|
---|
| 29 | font-weight: normal;
|
---|
| 30 | src: url('../fonts/mensch-webfont.ttf');
|
---|
| 31 | }
|
---|
| 32 | /* GENERAL ------------------------------------------------------------*/
|
---|
| 33 | .cf:after,
|
---|
| 34 | .cf:before {
|
---|
| 35 | content: "";
|
---|
| 36 | display: table;
|
---|
| 37 | }
|
---|
| 38 | .cf:after {
|
---|
| 39 | clear: both;
|
---|
| 40 | }
|
---|
| 41 | .cf {
|
---|
| 42 | zoom: 1;
|
---|
| 43 | }
|
---|
| 44 | .wrapper {
|
---|
| 45 | margin: 0 auto;
|
---|
| 46 | width: 980px;
|
---|
| 47 | position: relative;
|
---|
| 48 | background: #ece9d6 url(../img/noise.png);
|
---|
| 49 | box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
|
---|
| 50 | }
|
---|
| 51 | body {
|
---|
| 52 | font-family: Tahoma, Arial, sans-serif;
|
---|
| 53 | font-size: 16px;
|
---|
| 54 | line-height: 1.5em;
|
---|
| 55 | background: #a8c8ca url(../img/bg.png);
|
---|
| 56 | color: #444444;
|
---|
| 57 | }
|
---|
| 58 | body a {
|
---|
| 59 | text-decoration: none;
|
---|
| 60 | -webkit-transition: all 0.3s ease;
|
---|
| 61 | -moz-transition: all 0.3s ease;
|
---|
| 62 | -o-transition: all 0.3s ease;
|
---|
| 63 | transition: all 0.3s ease;
|
---|
| 64 | }
|
---|
| 65 | body p {
|
---|
| 66 | margin-bottom: 21px;
|
---|
| 67 | }
|
---|
| 68 | #main h1,
|
---|
| 69 | #main h2,
|
---|
| 70 | #main h3,
|
---|
| 71 | #main h4,
|
---|
| 72 | #main h5,
|
---|
| 73 | #main h6 {
|
---|
| 74 | font-family: mensch;
|
---|
| 75 | line-height: 1.3em;
|
---|
| 76 | }
|
---|
| 77 | h1 {
|
---|
| 78 | font-size: 48px;
|
---|
| 79 | }
|
---|
| 80 | h2 {
|
---|
| 81 | font-size: 36px;
|
---|
| 82 | }
|
---|
| 83 | h3 {
|
---|
| 84 | font-size: 30px;
|
---|
| 85 | }
|
---|
| 86 | h4 {
|
---|
| 87 | font-size: 24px;
|
---|
| 88 | }
|
---|
| 89 | h5 {
|
---|
| 90 | font-size: 18px;
|
---|
| 91 | }
|
---|
| 92 | h6 {
|
---|
| 93 | font-size: 14px;
|
---|
| 94 | }
|
---|
| 95 | #main .headline {
|
---|
| 96 | font-family: mensch;
|
---|
| 97 | line-height: 1.3em;
|
---|
| 98 | font-size: 48px;
|
---|
| 99 | color: #4d4d4d;
|
---|
| 100 | text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.3);
|
---|
| 101 | text-align: center;
|
---|
| 102 | margin-bottom: 20px;
|
---|
| 103 | margin-right: 20px;
|
---|
| 104 | margin-left: 20px;
|
---|
| 105 | }
|
---|
| 106 | /* HEADER ----------------------------------------------------*/header #logo {
|
---|
| 107 | margin-top: 20px;
|
---|
| 108 | margin-bottom: 30px;
|
---|
| 109 | }
|
---|
| 110 |
|
---|
| 111 | header #logo img {
|
---|
| 112 | display: block;
|
---|
| 113 | margin: 0 auto;
|
---|
| 114 | }
|
---|
| 115 | /* NAVIGATION ------------------------------------------------------------*/
|
---|
| 116 | nav {
|
---|
| 117 | padding-top: 28px;
|
---|
| 118 | padding-bottom: 20px;
|
---|
| 119 | margin-top: 110px;
|
---|
| 120 | margin-bottom: 25px;
|
---|
| 121 | float: left;
|
---|
| 122 | width: 100%;
|
---|
| 123 | margin-top: 0px;
|
---|
| 124 | position: relative;
|
---|
| 125 | background: url(../img/nav-top.png) repeat-x top left;
|
---|
| 126 | border-bottom: 1px solid #9d9b92;
|
---|
| 127 | }
|
---|
| 128 | #nav {
|
---|
| 129 | clear: left;
|
---|
| 130 | display: block;
|
---|
| 131 | float: right;
|
---|
| 132 | position: relative;
|
---|
| 133 | right: 50%;
|
---|
| 134 | text-align: center;
|
---|
| 135 | }
|
---|
| 136 | #nav > li {
|
---|
| 137 | display: block;
|
---|
| 138 | float: left;
|
---|
| 139 | position: relative;
|
---|
| 140 | left: 50%;
|
---|
| 141 | font-family: mensch;
|
---|
| 142 | word-spacing: -0.1em;
|
---|
| 143 | font-size: 24px;
|
---|
| 144 | margin-right: 0px;
|
---|
| 145 | padding-left: 15px;
|
---|
| 146 | -moz-transition: none;
|
---|
| 147 | -webkit-transition: none;
|
---|
| 148 | -o-transition: color 0 ease-in;
|
---|
| 149 | transition: none;
|
---|
| 150 | margin-left: 5px;
|
---|
| 151 | margin-right: 5px;
|
---|
| 152 | /* sub navigation -----------------------------------------------------*/
|
---|
| 153 |
|
---|
| 154 | }
|
---|
| 155 | #nav > li span {
|
---|
| 156 | padding-right: 15px;
|
---|
| 157 | }
|
---|
| 158 | #nav > li:hover,
|
---|
| 159 | #nav > li.current-menu-item,
|
---|
| 160 | #nav > li.current_page_item {
|
---|
| 161 | background: url(../img/current-menu-item.png) no-repeat 0px -37px;
|
---|
| 162 | }
|
---|
| 163 | #nav > li:hover span,
|
---|
| 164 | #nav > li.current-menu-item span,
|
---|
| 165 | #nav > li.current_page_item span {
|
---|
| 166 | display: block;
|
---|
| 167 | background: url(../img/current-menu-item.png) no-repeat top right;
|
---|
| 168 | }
|
---|
| 169 | #nav > li:hover a,
|
---|
| 170 | #nav > li.current-menu-item a,
|
---|
| 171 | #nav > li.current_page_item a {
|
---|
| 172 | color: #fff;
|
---|
| 173 | text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.3);
|
---|
| 174 | }
|
---|
| 175 | #nav > li a {
|
---|
| 176 | display: block;
|
---|
| 177 | line-height: 37px;
|
---|
| 178 | height: 37px;
|
---|
| 179 | color: #444444;
|
---|
| 180 | text-shadow: 0px 1px 0 #ffffff;
|
---|
| 181 | -moz-transition: none;
|
---|
| 182 | -webkit-transition: none;
|
---|
| 183 | -o-transition: color 0 ease-in;
|
---|
| 184 | transition: none;
|
---|
| 185 | }
|
---|
| 186 | #nav > li ul {
|
---|
| 187 | font-size: 14px;
|
---|
| 188 | font-family: Tahoma, Geneva, Kalimati, sans-serif;
|
---|
| 189 | text-align: left;
|
---|
| 190 | margin-top: 19px;
|
---|
| 191 | background: url(../img/subnav.png) no-repeat top left;
|
---|
| 192 | padding-top: 26px;
|
---|
| 193 | }
|
---|
| 194 | #nav > li ul li {
|
---|
| 195 | border-top: 1px solid #ed805f;
|
---|
| 196 | border-bottom: 1px solid #d96c4b;
|
---|
| 197 | }
|
---|
| 198 | #nav > li ul li a {
|
---|
| 199 | height: auto;
|
---|
| 200 | padding: 8px 16px;
|
---|
| 201 | background: #e37655;
|
---|
| 202 | color: #fff;
|
---|
| 203 | text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.3);
|
---|
| 204 | }
|
---|
| 205 | #nav > li ul li a:hover {
|
---|
| 206 | background: #ff9776;
|
---|
| 207 | }
|
---|
| 208 | #nav > li ul li:last-child {
|
---|
| 209 | border-bottom: none;
|
---|
| 210 | }
|
---|
| 211 | #nav > li ul li > ul {
|
---|
| 212 | background: none;
|
---|
| 213 | padding-top: 0px;
|
---|
| 214 | }
|
---|
| 215 | /* COMBO NAVIGATION ------------------------------------------------------------*/
|
---|
| 216 | #comboNav {
|
---|
| 217 | width: 100%;
|
---|
| 218 | margin-top: 20px;
|
---|
| 219 | margin-bottom: 30px;
|
---|
| 220 | float: left;
|
---|
| 221 | }
|
---|
| 222 | /* PAGE CONTENT ------------------------------------------------------------*/
|
---|
| 223 | .page-content {
|
---|
| 224 | position: relative;
|
---|
| 225 | margin-left: 20px;
|
---|
| 226 | margin-right: 20px;
|
---|
| 227 | margin-bottom: 80px;
|
---|
| 228 | }
|
---|
| 229 | /* ENTRY CONTENT ------------------------------------------------------------*/
|
---|
| 230 | .entry-content {
|
---|
| 231 | text-shadow: 0px 1px 0 #ffffff;
|
---|
| 232 | }
|
---|
| 233 | .entry-content a {
|
---|
| 234 | color: #e37655;
|
---|
| 235 | }
|
---|
| 236 | .entry-content strong {
|
---|
| 237 | font-weight: bold;
|
---|
| 238 | }
|
---|
| 239 | .entry-content ul,
|
---|
| 240 | .entry-content ol {
|
---|
| 241 | margin-left: 20px;
|
---|
| 242 | }
|
---|
| 243 | .entry-content ul {
|
---|
| 244 | list-style: disc;
|
---|
| 245 | }
|
---|
| 246 | .entry-content ol {
|
---|
| 247 | list-style: decimal;
|
---|
| 248 | }
|
---|
| 249 | .entry-content .heading {
|
---|
| 250 | margin-bottom: 20px;
|
---|
| 251 | }
|
---|
| 252 | /* FEATURED & WORK LIST ------------------------------------------------------------*/
|
---|
| 253 | .nav-categories {
|
---|
| 254 | display: block;
|
---|
| 255 | margin-left: 20px;
|
---|
| 256 | margin-right: 20px;
|
---|
| 257 | margin-bottom: 20px;
|
---|
| 258 | padding-bottom: 7px;
|
---|
| 259 | border-bottom: 1px dashed #ccc;
|
---|
| 260 | }
|
---|
| 261 | .nav-categories li {
|
---|
| 262 | display: block;
|
---|
| 263 | float: left;
|
---|
| 264 | margin-right: 20px;
|
---|
| 265 | }
|
---|
| 266 | .nav-categories li a {
|
---|
| 267 | font-size: 12px;
|
---|
| 268 | line-height: 1.5em;
|
---|
| 269 | color: #888888;
|
---|
| 270 | }
|
---|
| 271 | .nav-categories li a:hover {
|
---|
| 272 | color: #e37655;
|
---|
| 273 | }
|
---|
| 274 | .nav-categories li.current a {
|
---|
| 275 | color: #e37655;
|
---|
| 276 | font-weight: bold;
|
---|
| 277 | }
|
---|
| 278 | .feature,
|
---|
| 279 | .work-list {
|
---|
| 280 | display: block;
|
---|
| 281 | margin-bottom: 20px;
|
---|
| 282 | }
|
---|
| 283 | .feature li,
|
---|
| 284 | .work-list li {
|
---|
| 285 | display: block;
|
---|
| 286 | float: left;
|
---|
| 287 | width: 300px;
|
---|
| 288 | margin-left: 20px;
|
---|
| 289 | margin-bottom: 40px;
|
---|
| 290 | }
|
---|
| 291 | .feature li .thumb,
|
---|
| 292 | .work-list li .thumb {
|
---|
| 293 | display: block;
|
---|
| 294 | line-height: 0em;
|
---|
| 295 | position: relative;
|
---|
| 296 | color: #ece9d6;
|
---|
| 297 | margin-bottom: 50px;
|
---|
| 298 | background: #000;
|
---|
| 299 | }
|
---|
| 300 |
|
---|
| 301 | .feature li .thumb {
|
---|
| 302 | margin-bottom: 20px;
|
---|
| 303 | }
|
---|
| 304 |
|
---|
| 305 | .feature li .thumb:hover .img-overlay,
|
---|
| 306 | .work-list li .thumb:hover .img-overlay {
|
---|
| 307 | display: block;
|
---|
| 308 | }
|
---|
| 309 | .feature li .thumb:hover img,
|
---|
| 310 | .work-list li .thumb:hover img {
|
---|
| 311 | opacity: 0.5;
|
---|
| 312 | }
|
---|
| 313 | .feature li .thumb img,
|
---|
| 314 | .work-list li .thumb img {
|
---|
| 315 | max-width: 100%;
|
---|
| 316 | box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
|
---|
| 317 | -webkit-transition: all 0.3s ease;
|
---|
| 318 | -moz-transition: all 0.3s ease;
|
---|
| 319 | -o-transition: all 0.3s ease;
|
---|
| 320 | transition: all 0.3s ease;
|
---|
| 321 | }
|
---|
| 322 | .feature li .thumb .date,
|
---|
| 323 | .work-list li .thumb .date {
|
---|
| 324 | position: absolute;
|
---|
| 325 | bottom: -35px;
|
---|
| 326 | left: 115px;
|
---|
| 327 | background: #e37655;
|
---|
| 328 | width: 70px;
|
---|
| 329 | height: 70px;
|
---|
| 330 | -moz-border-radius: 40px 40px 40px 40px;
|
---|
| 331 | -webkit-border-radius: 40px 40px 40px 40px;
|
---|
| 332 | border-radius: 40px 40px 40px 40px;
|
---|
| 333 | box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
|
---|
| 334 | font-family: mensch;
|
---|
| 335 | font-size: 24px;
|
---|
| 336 | line-height: 1.0em;
|
---|
| 337 | text-align: center;
|
---|
| 338 | }
|
---|
| 339 | .feature li .thumb .date span,
|
---|
| 340 | .work-list li .thumb .date span {
|
---|
| 341 | display: block;
|
---|
| 342 | margin-top: 12px;
|
---|
| 343 | }
|
---|
| 344 | .feature li .thumb .date .d,
|
---|
| 345 | .work-list li .thumb .date .d {
|
---|
| 346 | margin-top: 0px;
|
---|
| 347 | }
|
---|
| 348 | .feature li .thumb .img-overlay,
|
---|
| 349 | .work-list li .thumb .img-overlay {
|
---|
| 350 | position: absolute;
|
---|
| 351 | top: 50%;
|
---|
| 352 | left: 50%;
|
---|
| 353 | margin-left: -20px;
|
---|
| 354 | margin-top: -20px;
|
---|
| 355 | color: #fff;
|
---|
| 356 | font-size: 36px;
|
---|
| 357 | display: none;
|
---|
| 358 | }
|
---|
| 359 | .feature li .excerpt,
|
---|
| 360 | .work-list li .excerpt {
|
---|
| 361 | display: block;
|
---|
| 362 | font-size: 16px;
|
---|
| 363 | color: #4d4d4d;
|
---|
| 364 | text-align: center;
|
---|
| 365 | padding-bottom: 10px;
|
---|
| 366 | margin-bottom: 10px;
|
---|
| 367 | border-bottom: 1px solid #888888;
|
---|
| 368 | }
|
---|
| 369 | .feature li .categories,
|
---|
| 370 | .work-list li .categories {
|
---|
| 371 | font-size: 12px;
|
---|
| 372 | text-align: center;
|
---|
| 373 | }
|
---|
| 374 | .feature li .categories a,
|
---|
| 375 | .work-list li .categories a {
|
---|
| 376 | color: #888888;
|
---|
| 377 | }
|
---|
| 378 | .feature li .categories a:hover,
|
---|
| 379 | .work-list li .categories a:hover {
|
---|
| 380 | text-decoration: underline;
|
---|
| 381 | }
|
---|
| 382 | .feature {
|
---|
| 383 | background: url(../img/feature-line.png) top center no-repeat;
|
---|
| 384 | padding-top: 40px;
|
---|
| 385 | }
|
---|
| 386 | .work-list li {
|
---|
| 387 | margin-bottom: 45px;
|
---|
| 388 | }
|
---|
| 389 | .work-list li .thumb {
|
---|
| 390 | display: block;
|
---|
| 391 | line-height: 0em;
|
---|
| 392 | position: relative;
|
---|
| 393 | color: #ece9d6;
|
---|
| 394 | margin-bottom: 25px;
|
---|
| 395 | background: #000;
|
---|
| 396 | }
|
---|
| 397 | /* PROJECT ------------------------------------------------------------*/
|
---|
| 398 | #project-title {
|
---|
| 399 | margin-left: 20px;
|
---|
| 400 | font-size: 48px;
|
---|
| 401 | line-height: 1.2em;
|
---|
| 402 | font-family: mensch;
|
---|
| 403 | margin-bottom: 20px;
|
---|
| 404 | text-shadow: 0px 1px 0 #ffffff;
|
---|
| 405 | }
|
---|
| 406 | #project-gallery {
|
---|
| 407 | width: 620px;
|
---|
| 408 | float: left;
|
---|
| 409 | margin-left: 20px;
|
---|
| 410 | margin-bottom: 40px;
|
---|
| 411 | }
|
---|
| 412 | #project-gallery .thumb {
|
---|
| 413 | box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
|
---|
| 414 | line-height: 0em;
|
---|
| 415 | margin-bottom: 20px;
|
---|
| 416 | }
|
---|
| 417 | #project-gallery .thumb img {
|
---|
| 418 | max-width: 100%;
|
---|
| 419 | }
|
---|
| 420 | #project-info {
|
---|
| 421 | width: 290px;
|
---|
| 422 | float: left;
|
---|
| 423 | margin-left: 20px;
|
---|
| 424 | margin-bottom: 40px;
|
---|
| 425 | }
|
---|
| 426 | #project-info #project-sheet {
|
---|
| 427 | background: url(../img/project-sheet.png) repeat-x top left;
|
---|
| 428 | padding-top: 20px;
|
---|
| 429 | margin-top: 10px;
|
---|
| 430 | font-size: 14px;
|
---|
| 431 | }
|
---|
| 432 | #project-info #project-sheet strong {
|
---|
| 433 | font-weight: bold;
|
---|
| 434 | }
|
---|
| 435 | /* RELATED PROJECTS ------------------------------------------------------------*/
|
---|
| 436 | .related-projects {
|
---|
| 437 | margin-bottom: 80px;
|
---|
| 438 | margin-top: 40px;
|
---|
| 439 | }
|
---|
| 440 | .related-projects .related-heading {
|
---|
| 441 | margin-bottom: 10px;
|
---|
| 442 | margin-left: 20px;
|
---|
| 443 | }
|
---|
| 444 | .related-projects a {
|
---|
| 445 | color: #444444;
|
---|
| 446 | }
|
---|
| 447 | .related-projects .related-list li {
|
---|
| 448 | float: left;
|
---|
| 449 | width: 300px;
|
---|
| 450 | text-align: center;
|
---|
| 451 | margin-left: 20px;
|
---|
| 452 | }
|
---|
| 453 | .related-projects .related-list li .thumb {
|
---|
| 454 | box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
|
---|
| 455 | display: block;
|
---|
| 456 | line-height: 0em;
|
---|
| 457 | margin-bottom: 18px;
|
---|
| 458 | }
|
---|
| 459 | .related-projects .related-list li .thumb img {
|
---|
| 460 | max-width: 100%;
|
---|
| 461 | }
|
---|
| 462 | /* BLOG ------------------------------------------------------------*/
|
---|
| 463 | #posts-list {
|
---|
| 464 | position: relative;
|
---|
| 465 | width: 580px;
|
---|
| 466 | margin-left: 20px;
|
---|
| 467 | margin-bottom: 40px;
|
---|
| 468 | float: left;
|
---|
| 469 | }
|
---|
| 470 | #posts-list article {
|
---|
| 471 | position: relative;
|
---|
| 472 | margin-bottom: 60px;
|
---|
| 473 | }
|
---|
| 474 | #posts-list article .feature-image {
|
---|
| 475 | line-height: 0em;
|
---|
| 476 | margin-bottom: 20px;
|
---|
| 477 | }
|
---|
| 478 | #posts-list article .feature-image img {
|
---|
| 479 | max-width: 100%;
|
---|
| 480 | box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
|
---|
| 481 | }
|
---|
| 482 | #posts-list article .entry-left-data {
|
---|
| 483 | width: 80px;
|
---|
| 484 | float: left;
|
---|
| 485 | }
|
---|
| 486 | #posts-list article .entry-right-data {
|
---|
| 487 | width: 483px;
|
---|
| 488 | float: left;
|
---|
| 489 | margin-left: 17px;
|
---|
| 490 | text-shadow: 0px 1px 0 #ffffff;
|
---|
| 491 | }
|
---|
| 492 | #posts-list article .entry-right-data .post-heading {
|
---|
| 493 | display: block;
|
---|
| 494 | font-family: mensch;
|
---|
| 495 | color: #444444;
|
---|
| 496 | font-size: 36px;
|
---|
| 497 | line-height: 1.3em;
|
---|
| 498 | border-bottom: 1px solid #444444;
|
---|
| 499 | }
|
---|
| 500 | #posts-list article .entry-right-data .meta {
|
---|
| 501 | font-size: 12px;
|
---|
| 502 | color: #888888;
|
---|
| 503 | margin-bottom: 20px;
|
---|
| 504 | }
|
---|
| 505 | #posts-list article .entry-right-data .meta a {
|
---|
| 506 | color: #888888;
|
---|
| 507 | }
|
---|
| 508 | #posts-list article .entry-right-data .excerpt {
|
---|
| 509 | margin-bottom: 20px;
|
---|
| 510 | }
|
---|
| 511 | #posts-list article .entry-date {
|
---|
| 512 | margin: 0 auto 10px auto;
|
---|
| 513 | background: #e37655;
|
---|
| 514 | color: #fff;
|
---|
| 515 | width: 70px;
|
---|
| 516 | height: 70px;
|
---|
| 517 | -moz-border-radius: 40px 40px 40px 40px;
|
---|
| 518 | -webkit-border-radius: 40px 40px 40px 40px;
|
---|
| 519 | border-radius: 40px 40px 40px 40px;
|
---|
| 520 | box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
|
---|
| 521 | font-family: mensch;
|
---|
| 522 | font-size: 24px;
|
---|
| 523 | line-height: 1.0em;
|
---|
| 524 | text-align: center;
|
---|
| 525 | }
|
---|
| 526 | #posts-list article .entry-date span {
|
---|
| 527 | display: block;
|
---|
| 528 | padding-top: 12px;
|
---|
| 529 | }
|
---|
| 530 | #posts-list article .entry-date .d {
|
---|
| 531 | padding-top: 0px;
|
---|
| 532 | }
|
---|
| 533 | #posts-list article .comments {
|
---|
| 534 | display: block;
|
---|
| 535 | text-decoration: none;
|
---|
| 536 | margin: 0 auto;
|
---|
| 537 | width: 37px;
|
---|
| 538 | height: 33px;
|
---|
| 539 | background: url(../img/comments.png) no-repeat;
|
---|
| 540 | color: #dddddd;
|
---|
| 541 | font-size: 12px;
|
---|
| 542 | text-align: center;
|
---|
| 543 | }
|
---|
| 544 | /* SIDEBAR ------------------------------------------------------------*/
|
---|
| 545 | #sidebar {
|
---|
| 546 | position: relative;
|
---|
| 547 | width: 320px;
|
---|
| 548 | margin-right: 20px;
|
---|
| 549 | margin-bottom: 40px;
|
---|
| 550 | float: right;
|
---|
| 551 | font-size: 14px;
|
---|
| 552 | color: #444444;
|
---|
| 553 | }
|
---|
| 554 | #sidebar .block .sidebar-content {
|
---|
| 555 | background: url(../img/sidebar.png) repeat-y;
|
---|
| 556 | width: 300px;
|
---|
| 557 | padding-left: 10px;
|
---|
| 558 | padding-right: 10px;
|
---|
| 559 | margin-bottom: 0px;
|
---|
| 560 | padding-bottom: 10px;
|
---|
| 561 | }
|
---|
| 562 | #sidebar .block .sidebar-top {
|
---|
| 563 | background: url(../img/sidebar-top.png) no-repeat;
|
---|
| 564 | width: 100%;
|
---|
| 565 | height: 38px;
|
---|
| 566 | }
|
---|
| 567 | #sidebar .block .sidebar-bottom {
|
---|
| 568 | background: url(../img/sidebar-bottom.png) no-repeat;
|
---|
| 569 | width: 100%;
|
---|
| 570 | height: 38px;
|
---|
| 571 | }
|
---|
| 572 | #sidebar .heading {
|
---|
| 573 | border-bottom: 1px solid #888;
|
---|
| 574 | margin-bottom: 20px;
|
---|
| 575 | text-align: center;
|
---|
| 576 | }
|
---|
| 577 | #sidebar li {
|
---|
| 578 | display: block;
|
---|
| 579 | }
|
---|
| 580 | #sidebar a {
|
---|
| 581 | color: #e37655;
|
---|
| 582 | }
|
---|
| 583 | /* PAGE NAVIGATION ------------------------------------------------------------*/
|
---|
| 584 | #main .page-navigation {
|
---|
| 585 | position: relative;
|
---|
| 586 | left: 50%;
|
---|
| 587 | display: block;
|
---|
| 588 | margin-bottom: 100px;
|
---|
| 589 | float: left;
|
---|
| 590 | }
|
---|
| 591 | #main .page-navigation div {
|
---|
| 592 | position: relative;
|
---|
| 593 | right: 50%;
|
---|
| 594 | -webkit-transition: all 0.3s ease;
|
---|
| 595 | -moz-transition: all 0.3s ease;
|
---|
| 596 | -o-transition: all 0.3s ease;
|
---|
| 597 | transition: all 0.3s ease;
|
---|
| 598 | box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
|
---|
| 599 | }
|
---|
| 600 | #main .page-navigation div span {
|
---|
| 601 | margin-bottom: 15px;
|
---|
| 602 | display: inline-block;
|
---|
| 603 | }
|
---|
| 604 | #main .page-navigation div:hover {
|
---|
| 605 | -webkit-transform: translate(0, 2px);
|
---|
| 606 | -moz-transform: translate(0, 2px);
|
---|
| 607 | -o-transform: translate(0, 2px);
|
---|
| 608 | transform: translate(0, 2px);
|
---|
| 609 | }
|
---|
| 610 | #main .page-navigation a {
|
---|
| 611 | -webkit-transition: all 0.3s ease;
|
---|
| 612 | -moz-transition: all 0.3s ease;
|
---|
| 613 | -o-transition: all 0.3s ease;
|
---|
| 614 | transition: all 0.3s ease;
|
---|
| 615 | color: #e37655;
|
---|
| 616 | display: block;
|
---|
| 617 | padding: 10px 15px;
|
---|
| 618 | }
|
---|
| 619 | #main .page-navigation .nav-next {
|
---|
| 620 | float: left;
|
---|
| 621 | margin-right: 20px;
|
---|
| 622 | background: #f1f1f1 url(../img/arrow-left.png) no-repeat left 12px;
|
---|
| 623 | padding-left: 20px;
|
---|
| 624 | }
|
---|
| 625 | #main .page-navigation .nav-previous {
|
---|
| 626 | float: right;
|
---|
| 627 | background: #f1f1f1 url(../img/arrow-right.png) no-repeat right 12px;
|
---|
| 628 | padding-right: 20px;
|
---|
| 629 | }
|
---|
| 630 | /* CONTACT ------------------------------------------------------------*/
|
---|
| 631 | #map_canvas {
|
---|
| 632 | display: block;
|
---|
| 633 | height: 300px;
|
---|
| 634 | width: 100%;
|
---|
| 635 | margin-bottom: 20px;
|
---|
| 636 | box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
|
---|
| 637 | }
|
---|
| 638 | /* TWITTER ----------------------------------------------------*/#twitter-holder {
|
---|
| 639 | position: relative;
|
---|
| 640 | }
|
---|
| 641 | #twitter-holder .ribbon {
|
---|
| 642 | background: #e37655;
|
---|
| 643 | min-height: 92px;
|
---|
| 644 | text-align: center;
|
---|
| 645 | }
|
---|
| 646 | #twitter-holder .ribbon-left {
|
---|
| 647 | position: absolute;
|
---|
| 648 | width: 56px;
|
---|
| 649 | height: 92px;
|
---|
| 650 | background: url(../img/ribbon-left.png) no-repeat;
|
---|
| 651 | top: -18px;
|
---|
| 652 | left: -56px;
|
---|
| 653 | }
|
---|
| 654 | #twitter-holder .ribbon-right {
|
---|
| 655 | position: absolute;
|
---|
| 656 | width: 56px;
|
---|
| 657 | height: 92px;
|
---|
| 658 | background: url(../img/ribbon-right.png) no-repeat;
|
---|
| 659 | top: -18px;
|
---|
| 660 | right: -56px;
|
---|
| 661 | }
|
---|
| 662 | /* WIDGET COLS ------------------------------------------------------------*/
|
---|
| 663 | .widget-cols {
|
---|
| 664 | padding-top: 50px;
|
---|
| 665 | padding-bottom: 50px;
|
---|
| 666 | font-size: 14px;
|
---|
| 667 | color: #ece9d6;
|
---|
| 668 | background-color: #3e3e3e;
|
---|
| 669 | background-image: url(../img/widgets-bg.png);
|
---|
| 670 | display: none;
|
---|
| 671 | }
|
---|
| 672 | .widget-cols a {
|
---|
| 673 | color: #fff;
|
---|
| 674 | border-bottom: 1px dotted #aaa;
|
---|
| 675 | }
|
---|
| 676 | .widget-cols a:hover {
|
---|
| 677 | color: #fdd600;
|
---|
| 678 | }
|
---|
| 679 | .widget-cols h1,
|
---|
| 680 | .widget-cols h2,
|
---|
| 681 | .widget-cols h3,
|
---|
| 682 | .widget-cols h4,
|
---|
| 683 | .widget-cols h5,
|
---|
| 684 | .widget-cols h6 {
|
---|
| 685 | font-family: mensch;
|
---|
| 686 | color: #ece9d6;
|
---|
| 687 | margin-bottom: 20px;
|
---|
| 688 | font-weight: normal;
|
---|
| 689 | text-align: center;
|
---|
| 690 | border-bottom: 1px solid #605f5b;
|
---|
| 691 | padding-bottom: 7px;
|
---|
| 692 | }
|
---|
| 693 | .widget-cols > li {
|
---|
| 694 | width: 220px;
|
---|
| 695 | float: left;
|
---|
| 696 | margin-left: 20px;
|
---|
| 697 | }
|
---|
| 698 | .widget-cols > li.fourth-col {
|
---|
| 699 | margin-right: 0px;
|
---|
| 700 | }
|
---|
| 701 | .multiplebgs .widget-cols {
|
---|
| 702 | background-image: url(../img/widgets-bg.png), url(../img/widgets-degree.png);
|
---|
| 703 | background-repeat: repeat, repeat-x;
|
---|
| 704 | }
|
---|
| 705 | /* BOTTOM ------------------------------------------------------------*/
|
---|
| 706 | #bottom {
|
---|
| 707 | background: #4d4d4d;
|
---|
| 708 | position: relative;
|
---|
| 709 | min-height: 20px;
|
---|
| 710 | border-top: 1px solid #656565;
|
---|
| 711 | }
|
---|
| 712 | #bottom #widget-trigger-holder {
|
---|
| 713 | position: relative;
|
---|
| 714 | left: 50%;
|
---|
| 715 | text-align: center;
|
---|
| 716 | float: left;
|
---|
| 717 | margin-top: -15px;
|
---|
| 718 | }
|
---|
| 719 | #bottom #widget-trigger-holder #widget-trigger {
|
---|
| 720 | display: block;
|
---|
| 721 | position: relative;
|
---|
| 722 | float: left;
|
---|
| 723 | right: 50%;
|
---|
| 724 | width: 35px;
|
---|
| 725 | height: 36px;
|
---|
| 726 | background: url(../img/widget-trigger.png) no-repeat 0px 0px;
|
---|
| 727 | -moz-transition: none;
|
---|
| 728 | -webkit-transition: none;
|
---|
| 729 | -o-transition: color 0 ease-in;
|
---|
| 730 | transition: none;
|
---|
| 731 | }
|
---|
| 732 | #bottom #widget-trigger-holder #widget-trigger.tab-closed {
|
---|
| 733 | background-position: 0px -36px;
|
---|
| 734 | }
|
---|
| 735 | #bottom #content {
|
---|
| 736 | padding-top: 20px;
|
---|
| 737 | padding-bottom: 20px;
|
---|
| 738 | text-align: center;
|
---|
| 739 | color: #f1f1f1;
|
---|
| 740 | font-size: 14px;
|
---|
| 741 | line-height: 1.5em;
|
---|
| 742 | clear: both;
|
---|
| 743 | }
|
---|
| 744 | #bottom #content a {
|
---|
| 745 | color: #fdd600;
|
---|
| 746 | }
|
---|
| 747 | #bottom #content a:hover {
|
---|
| 748 | text-decoration: underline;
|
---|
| 749 | }
|
---|