1<!DOCTYPE HTML> 2<!--[if lt IE 7]> <html class="ie ie6 lte9 lte8 lte7"> <![endif]--> 3<!--[if IE 7]> <html class="ie ie7 lte9 lte8 lte7"> <![endif]--> 4<!--[if IE 8]> <html class="ie ie8 lte9 lte8"> <![endif]--> 5<!--[if IE 9]> <html class="ie ie9 lte9"> <![endif]--> 6<!--[if gt IE 9]> <html> <![endif]--> 7<!--[if !IE]><!--> <html> <!--<![endif]--> 8<head > 9 10 11 <!-- 12 13 This website was built with ALLYOU. 14 15 ALLYOU is a hassle-free website builder. Creating your online portfolio has never been so easy. Register now! 16 http://www.allyou.net 17 18 --> 19 20 <title>Shadi Razavi</title> 21 22 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 23 24 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> 25 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 26 <meta content='en-us' http-equiv='Content-Language' /> 27 <meta name="Publisher" content="Allyou.net LLC., Zurich" /> 28 <meta name="Copyright" content="Allyou.net LLC., Zurich" /> 29 <meta name="Revisit" content="After 2 days" /> 30 <meta name="description" content="" /> 31 <meta name="keywords" content="" /> 32 <meta name="page-topic" content="application" /> 33 <meta name="page-topic" content="website builder" /> 34 <meta name="audience" content="all" /> 35 <meta name="Robots" content="INDEX, FOLLOW" /> 36 <meta name="Language" content="en" /> 37 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 38 39 <meta content='yes' name='apple-touch-fullscreen' /> 40 <meta content='yes' name='apple-mobile-web-app-capable' /> 41 <link href='/content/rss.xml' rel='alternate' type='application/rss+xml' /> 42 43 44 <link href='https://res.cloudinary.com/allyou/image/upload/c_limit,h_16,w_16/v1/2/23737/images/shadiS_1_qlmcfz' media='screen' rel='shortcut icon' /> 45 46 47 <link rel="stylesheet" type="text/css" href="//dlv4t0z5skgwv.cloudfront.net/static/core/css/userpage/header.css?v=3" /> 48 <link rel="stylesheet" type="text/css" href="//dlv4t0z5skgwv.cloudfront.net/static/core/css/userpage/instagram.css?v=3" /> 49 50 51 <link rel="stylesheet" type="text/css" href="//dlv4t0z5skgwv.cloudfront.net/static/themes/structures/z/screen.css?v=3" /> 52 <link rel="stylesheet" type="text/css" href="//dlv4t0z5skgwv.cloudfront.net/static/themes/themes/sorbonne/screen.css?v=3" /> 53 <!--<link rel="stylesheet" type="text/css" href="//dlv4t0z5skgwv.cloudfront.net/static/core/css/userpage/toolbar.css" />--> 54 55 56 57<style type="text/css"> 58 59 60 61 62/************************** 63 * LAYOUT ALIGNMENTS 64 **************************/ 65 #layoutAlignment { 66 67 max-width: 1650px; 68 69 70 margin: 0 auto; 71 72 position: relative; 73 text-align: left; 74 } 75 #wrap { 76 text-align: left; 77 } 78 79 80 81 82 83 84 85 86 87 88 89 90/************************** 91 * FULLSCREEN GALLERY 92 **************************/ 93.fullscreen-gallery__overlay { 94 background-color: #ffffff; 95 opacity: 0.98; 96 filter: alpha(opacity=98); 97} 98 99.fullscreen-gallery__item, .fullscreen-gallery__bottom { 100 background-color: #ffffff; 101} 102 103 104/************************** 105 * BACKGROUND 106 **************************/ 107 108 109 body, .styleSelect, div.customization div.fontPreview, div.item div.itemOptionsDialog div.fontSwitch div.fonts { 110 background-color: white; 111 } 112 113 114 115 116/************************** 117 * LANDING PAGE 118 **************************/ 119 120 #landingPage { 121 border: 0px solid #FFFFFF; 122 background-color: #FFFFFF !important; 123 } 124 125 126 127 128 129 130 #landingPageBackground { 131 background-color: #FFFFFF; 132 } 133 134 135 136 137 138 139 #landingPageFrontBox { 140 max-width: 400px; 141 min-height: 200px; 142 padding: 10px; 143 } 144 #landingPageFrontBoxBackground { 145 background-color: #FFFFFF; 146 opacity: 0.5; 147 } 148 149 150 151/************************** 152 * OVERVIEWS 153 **************************/ 154 155 156 #wrap #content .navigationlist .page, 157 #wrap #content .postlist .post { 158 margin: 0 0 90px 0; 159 } 160 161 @media only screen and (min-width: 600px) { 162 #wrap #content .navigationlist .page, 163 #wrap #content .postlist .post { 164 margin: 0 72px 90px 72px; 165 } 166 } 167 168 169 170 171#content .navigationlist .page .pageContentContainer , 172#content .postlist .post .pageContentContainer { 173 padding: 0px; 174} 175 176#content .navigationlist .page .pageContentContainer , 177#content .postlist .post .pageContentContainer { 178 border-radius: 0px !important; 179 border: 0px solid rgba(0,0,0,1.000000); 180 background-color: rgba(255,255,255,1.000000); 181} 182#content .navigationlist .page:not(.editing) .pageContentContainer, 183#content .postlist .post:not(.editing) .pageContentContainer { 184 opacity: 1.0; 185 filter: alpha(opacity=100); 186} 187#content .navigationlist .page .belowContainer, 188#content .postlist .post .belowContainer { 189 position: relative; 190 z-index: 2; 191} 192 193 194 #content .navigationlist .page:hover .pageContentContainer , 195 #content .postlist .post:hover .pageContentContainer { 196 border: 0px solid transparent; 197 background-color: rgba(255,255,255,1.000000); 198 } 199 #content .navigationlist .page:not(.editing):hover .pageContentContainer, 200 #content .postlist .post:not(.editing):hover .pageContentContainer { 201 opacity: 0.5; 202 filter: alpha(opacity=50); 203 } 204 205 206 207 208 209 #content .navigationlist .page:hover .textboxOverlay, 210 #content .postlist .post:hover .textboxOverlay { 211 border-radius: 0px !important; 212 background-color: rgba(255,255,255,0.200000) !important; 213 } 214 215 216 217/************************** 218 * ITEMS 219 **************************/ 220 221 #wrap #content .album .track .img { 222 margin: 0 0 35px 0; 223 } 224 225 @media only screen and (min-width: 600px) { 226 #wrap #content .album .track .img { 227 margin: 0 17px 35px 17px; 228 } 229 } 230 231 #wrap .album .thumbnails { 232 margin: 0; 233 } 234 235 @media only screen and (min-width: 600px) { 236 #wrap .album .thumbnails { 237 margin: 0 17px 0 17px; 238 } 239 } 240 241 #wrap .album .thumbnails .thumbnail { 242 margin: 0 0 10px 0; 243 } 244 245 @media only screen and (min-width: 600px) { 246 #wrap .album .thumbnails .thumbnail { 247 margin: 0 10px 10px 0; 248 } 249 } 250 251 #wrap div.hr hr, #wrap #content .postlist .item.post > .pageContentContainer > a > hr { 252 border: 0; 253 padding: 0; 254 border-bottom: 2px solid #000000; 255 padding-top: 15px; 256 margin-bottom: 30px; 257 } 258 259 260 #wrap div.hr hr { 261 max-width: 100%; 262 } 263 264 265 #wrap div.hr hr { 266 max-width: 15px; 267 } 268 269 270 271 #wrap div.hr hr { 272 margin-left: auto; 273 margin-right: auto; 274 } 275 276 277 a.default { 278 background-color: #222222; 279 } 280 a.colorvariant1 { 281 background-color: #afafb8; 282 } 283 a.colorvariant2 { 284 background-color: #ffffff; 285 } 286 font.default { 287 color: #222222; 288 } 289 font.colorvariant1 { 290 color: #afafb8; 291 } 292 font.colorvariant2 { 293 color: #ffffff; 294 } 295 296 #content > .p, #content > div.item > .p, #content > div.item > .file, #content > div.item > .date-wrapper, #content > div.item > .item.album.vertical p.description { 297 298 max-width: 800px; 299 300 margin-left: auto!important; 301 margin-right: auto!important; 302 303 304 } 305 306 #content > .h, #content > div.item > .h { 307 308 max-width: 800px; 309 310 margin: auto 311 312 313 } 314 315 316 317 318 319 320 .fullscreen-gallery__bottom__paging, .fullscreen-gallery__bottom__description,.fullscreen-gallery__close > svg > g { 321 font-family: ftnk !important; 322 color: #222222 !important; 323 font-size: 15px !important; 324 line-height: 20px !important; 325 letter-spacing: 1px !important; 326 word-spacing: 0px !important; 327 margin-top: 20px !important; 328 margin-right: 0px !important; 329 margin-bottom: 20px !important; 330 margin-left: 0px !important; 331 background-color: transparent !important; 332 text-transform: none !important; 333 font-style: normal !important; 334 font-weight: normal !important; 335 text-decoration: none !important; 336 text-align: center !important; 337 stroke: #222222 !important; 338 } 339 { 340 font-family: ftnk !important; 341 color: #222222 !important; 342 font-size: 15px !important; 343 line-height: 20px !important; 344 letter-spacing: 1px !important; 345 background-color: transparent !important; 346 text-transform: none !important; 347 font-style: normal !important; 348 font-weight: normal !important; 349 text-decoration: none !important; 350 text-align: center !important; 351 } 352 353 @media(max-width: 639px) { 354 .fullscreen-gallery__bottom__paging, .fullscreen-gallery__bottom__description,.fullscreen-gallery__close > svg > g { 355 font-size: 15.00px !important; 356 line-height: 21.00px !important; 357 margin-right: 10px !important; 358 margin-left: 10px !important; 359 } 360 } 361 362 363 364 365 366 #wrap .album .img p.description { 367 font-family: ftnk !important; 368 color: #222222 !important; 369 font-size: 15px !important; 370 line-height: 20px !important; 371 letter-spacing: 1px !important; 372 word-spacing: 0px !important; 373 margin-top: 20px !important; 374 margin-right: 0px !important; 375 margin-bottom: 20px !important; 376 margin-left: 0px !important; 377 background-color: transparent !important; 378 text-transform: none !important; 379 font-style: normal !important; 380 font-weight: normal !important; 381 text-decoration: none !important; 382 text-align: center !important; 383 stroke: #222222 !important; 384 } 385 { 386 font-family: ftnk !important; 387 color: #222222 !important; 388 font-size: 15px !important; 389 line-height: 20px !important; 390 letter-spacing: 1px !important; 391 background-color: transparent !important; 392 text-transform: none !important; 393 font-style: normal !important; 394 font-weight: normal !important; 395 text-decoration: none !important; 396 text-align: center !important; 397 } 398 399 @media(max-width: 639px) { 400 #wrap .album .img p.description { 401 font-size: 15.00px !important; 402 line-height: 21.00px !important; 403 margin-right: 10px !important; 404 margin-left: 10px !important; 405 } 406 } 407 408 409 410 411 412 #wrap .album .pagingMedia .pager a, #wrap .album .pagingMedia .pager { 413 font-family: ftnk !important; 414 color: #222222 !important; 415 font-size: 15px !important; 416 line-height: 20px !important; 417 letter-spacing: 1px !important; 418 word-spacing: 0px !important; 419 margin-top: 20px !important; 420 margin-right: 0px !important; 421 margin-bottom: 20px !important; 422 margin-left: 0px !important; 423 background-color: transparent !important; 424 text-transform: none !important; 425 font-style: normal !important; 426 font-weight: normal !important; 427 text-decoration: none !important; 428 text-align: center !important; 429 stroke: #222222 !important; 430 } 431 { 432 font-family: ftnk !important; 433 color: #222222 !important; 434 font-size: 15px !important; 435 line-height: 20px !important; 436 letter-spacing: 1px !important; 437 background-color: transparent !important; 438 text-transform: none !important; 439 font-style: normal !important; 440 font-weight: normal !important; 441 text-decoration: none !important; 442 text-align: center !important; 443 } 444 445 @media(max-width: 639px) { 446 #wrap .album .pagingMedia .pager a, #wrap .album .pagingMedia .pager { 447 font-size: 15.00px !important; 448 line-height: 21.00px !important; 449 margin-right: 10px !important; 450 margin-left: 10px !important; 451 } 452 } 453 454 455 456 457 458 .h > h1, div.item.h > .H1, div.font.H1 h2, #logo h1 { 459 font-family: ftnk !important; 460 color: #222222 !important; 461 font-size: 28px !important; 462 line-height: 34px !important; 463 letter-spacing: 3px !important; 464 word-spacing: 0px !important; 465 margin-top: 10px !important; 466 margin-right: 0px !important; 467 margin-bottom: 10px !important; 468 margin-left: 0px !important; 469 background-color: transparent !important; 470 text-transform: uppercase !important; 471 font-style: normal !important; 472 font-weight: normal !important; 473 text-decoration: none !important; 474 text-align: center !important; 475 stroke: #222222 !important; 476 } 477 { 478 font-family: ftnk !important; 479 color: #222222 !important; 480 font-size: 28px !important; 481 line-height: 34px !important; 482 letter-spacing: 3px !important; 483 background-color: transparent !important; 484 text-transform: uppercase !important; 485 font-style: normal !important; 486 font-weight: normal !important; 487 text-decoration: none !important; 488 text-align: center !important; 489 } 490 491 @media(max-width: 639px) { 492 .h > h1, div.item.h > .H1, div.font.H1 h2, #logo h1 { 493 font-size: 22.40px !important; 494 line-height: 28.00px !important; 495 margin-right: 10px !important; 496 margin-left: 10px !important; 497 } 498 } 499 500 501 502 503 504 .h > h2, div.item.h > .H2, div.font.H2 h2 { 505 font-family: ftnk !important; 506 color: #222222 !important; 507 font-size: 28px !important; 508 line-height: 34px !important; 509 letter-spacing: 3px !important; 510 word-spacing: 0px !important; 511 margin-top: 10px !important; 512 margin-right: 0px !important; 513 margin-bottom: 10px !important; 514 margin-left: 0px !important; 515 background-color: transparent !important; 516 text-transform: uppercase !important; 517 font-style: normal !important; 518 font-weight: normal !important; 519 text-decoration: none !important; 520 text-align: center !important; 521 stroke: #222222 !important; 522 } 523 { 524 font-family: ftnk !important; 525 color: #222222 !important; 526 font-size: 28px !important; 527 line-height: 34px !important; 528 letter-spacing: 3px !important; 529 background-color: transparent !important; 530 text-transform: uppercase !important; 531 font-style: normal !important; 532 font-weight: normal !important; 533 text-decoration: none !important; 534 text-align: center !important; 535 } 536 537 @media(max-width: 639px) { 538 .h > h2, div.item.h > .H2, div.font.H2 h2 { 539 font-size: 22.40px !important; 540 line-height: 28.00px !important; 541 margin-right: 10px !important; 542 margin-left: 10px !important; 543 } 544 } 545 546 547 548 549 550 .h > h3, .h > h3 a, div.item.h > .H3, div.font.H3 h2 { 551 font-family: ftnk !important; 552 color: #222222 !important; 553 font-size: 28px !important; 554 line-height: 34px !important; 555 letter-spacing: 3px !important; 556 word-spacing: 0px !important; 557 margin-top: 10px !important; 558 margin-right: 0px !important; 559 margin-bottom: 10px !important; 560 margin-left: 0px !important; 561 background-color: transparent !important; 562 text-transform: uppercase !important; 563 font-style: normal !important; 564 font-weight: normal !important; 565 text-decoration: none !important; 566 text-align: center !important; 567 stroke: #222222 !important; 568 } 569 { 570 font-family: ftnk !important; 571 color: #222222 !important; 572 font-size: 28px !important; 573 line-height: 34px !important; 574 letter-spacing: 3px !important; 575 background-color: transparent !important; 576 text-transform: uppercase !important; 577 font-style: normal !important; 578 font-weight: normal !important; 579 text-decoration: none !important; 580 text-align: center !important; 581 } 582 583 @media(max-width: 639px) { 584 .h > h3, .h > h3 a, div.item.h > .H3, div.font.H3 h2 { 585 font-size: 22.40px !important; 586 line-height: 28.00px !important; 587 margin-right: 10px !important; 588 margin-left: 10px !important; 589 } 590 } 591 592 593 594 595 596 .h > h4, div.item.h > .H4, div.font.H4 h2 { 597 font-family: ftnk !important; 598 color: #222222 !important; 599 font-size: 28px !important; 600 line-height: 34px !important; 601 letter-spacing: 3px !important; 602 word-spacing: 0px !important; 603 margin-top: 10px !important; 604 margin-right: 0px !important; 605 margin-bottom: 10px !important; 606 margin-left: 0px !important; 607 background-color: transparent !important; 608 text-transform: uppercase !important; 609 font-style: normal !important; 610 font-weight: normal !important; 611 text-decoration: none !important; 612 text-align: center !important; 613 stroke: #222222 !important; 614 } 615 { 616 font-family: ftnk !important; 617 color: #222222 !important; 618 font-size: 28px !important; 619 line-height: 34px !important; 620 letter-spacing: 3px !important; 621 background-color: transparent !important; 622 text-transform: uppercase !important; 623 font-style: normal !important; 624 font-weight: normal !important; 625 text-decorat
625ion: none !important; 626 text-align: center !important; 627 } 628 629 @media(max-width: 639px) { 630 .h > h4, div.item.h > .H4, div.font.H4 h2 { 631 font-size: 22.40px !important; 632 line-height: 28.00px !important; 633 margin-right: 10px !important; 634 margin-left: 10px !important; 635 } 636 } 637 638 639 640 641 642 .h > h5, div.item.h > .H5, div.font.H5 h2 { 643 font-family: ftnk !important; 644 color: #222222 !important; 645 font-size: 28px !important; 646 line-height: 34px !important; 647 letter-spacing: 3px !important; 648 word-spacing: 0px !important; 649 margin-top: 10px !important; 650 margin-right: 0px !important; 651 margin-bottom: 10px !important; 652 margin-left: 0px !important; 653 background-color: transparent !important; 654 text-transform: uppercase !important; 655 font-style: normal !important; 656 font-weight: normal !important; 657 text-decoration: none !important; 658 text-align: center !important; 659 stroke: #222222 !important; 660 } 661 { 662 font-family: ftnk !important; 663 color: #222222 !important; 664 font-size: 28px !important; 665 line-height: 34px !important; 666 letter-spacing: 3px !important; 667 background-color: transparent !important; 668 text-transform: uppercase !important; 669 font-style: normal !important; 670 font-weight: normal !important; 671 text-decoration: none !important; 672 text-align: center !important; 673 } 674 675 @media(max-width: 639px) { 676 .h > h5, div.item.h > .H5, div.font.H5 h2 { 677 font-size: 22.40px !important; 678 line-height: 28.00px !important; 679 margin-right: 10px !important; 680 margin-left: 10px !important; 681 } 682 } 683 684 685 686 687 688 .h > h6, div.item.h > .H6, div.font.H6 h2 { 689 font-family: ftnk !important; 690 color: #222222 !important; 691 font-size: 28px !important; 692 line-height: 34px !important; 693 letter-spacing: 3px !important; 694 word-spacing: 0px !important; 695 margin-top: 10px !important; 696 margin-right: 0px !important; 697 margin-bottom: 10px !important; 698 margin-left: 0px !important; 699 background-color: transparent !important; 700 text-transform: uppercase !important; 701 font-style: normal !important; 702 font-weight: normal !important; 703 text-decoration: none !important; 704 text-align: center !important; 705 stroke: #222222 !important; 706 } 707 { 708 font-family: ftnk !important; 709 color: #222222 !important; 710 font-size: 28px !important; 711 line-height: 34px !important; 712 letter-spacing: 3px !important; 713 background-color: transparent !important; 714 text-transform: uppercase !important; 715 font-style: normal !important; 716 font-weight: normal !important; 717 text-decoration: none !important; 718 text-align: center !important; 719 } 720 721 @media(max-width: 639px) { 722 .h > h6, div.item.h > .H6, div.font.H6 h2 { 723 font-size: 22.40px !important; 724 line-height: 28.00px !important; 725 margin-right: 10px !important; 726 margin-left: 10px !important; 727 } 728 } 729 730 731 732 733 #wrap .hamburger .hamburger-inner, 734 #wrap .hamburger .hamburger-inner:before, 735 #wrap .hamburger .hamburger-inner:after { 736 background-color: #222222; 737 } 738 739 #wrap .hamburger.is-active .hamburger-inner, 740 #wrap .hamburger.is-active .hamburger-inner:before, 741 #wrap .hamburger.is-active .hamburger-inner:after { 742 background-color: #000000; 743 } 744 745 746 #sidebar .page > a, #hamburger-sidebar .page > a, #sidebar .navigationlist.linked > .name, #hamburger-sidebar .navigationlist.linked > .name, #sidebar .postlist > .name, #hamburger-sidebar .postlist > .name { 747 font-family: ftnk !important; 748 color: #222222 !important; 749 font-size: 15px !important; 750 line-height: 28px !important; 751 letter-spacing: 2px !important; 752 word-spacing: 0px !important; 753 margin-top: 0px !important; 754 margin-right: 20px !important; 755 margin-bottom: 20px !important; 756 margin-left: 20px !important; 757 background-color: transparent !important; 758 text-transform: uppercase !important; 759 font-style: normal !important; 760 font-weight: normal !important; 761 text-decoration: none !important; 762 text-align: center !important; 763 stroke: #222222 !important; 764 } 765 { 766 font-family: ftnk !important; 767 color: #222222 !important; 768 font-size: 15px !important; 769 line-height: 28px !important; 770 letter-spacing: 2px !important; 771 background-color: transparent !important; 772 text-transform: uppercase !important; 773 font-style: normal !important; 774 font-weight: normal !important; 775 text-decoration: none !important; 776 text-align: center !important; 777 } 778 779 @media(max-width: 639px) { 780 #sidebar .page > a, #hamburger-sidebar .page > a, #sidebar .navigationlist.linked > .name, #hamburger-sidebar .navigationlist.linked > .name, #sidebar .postlist > .name, #hamburger-sidebar .postlist > .name { 781 font-size: 22.50px !important; 782 line-height: 43.50px !important; 783 margin-right: 10px !important; 784 margin-left: 10px !important; 785 } 786 } 787 788 789 790 791 792 #sidebar .page > a.active, #hamburger-sidebar .page > a.active, #sidebar .navigationlist > a.name.active, #hamburger-sidebar .navigationlist > a.name.active, #sidebar .postlist > a.name.active #hamburger-sidebar .postlist > a.name.active { 793 font-family: ftnk !important; 794 color: #222222 !important; 795 font-size: 15px !important; 796 line-height: 28px !important; 797 letter-spacing: 2px !important; 798 word-spacing: 0px !important; 799 margin-top: 0px !important; 800 margin-right: 20px !important; 801 margin-bottom: 20px !important; 802 margin-left: 20px !important; 803 background-color: transparent !important; 804 text-transform: uppercase !important; 805 font-style: normal !important; 806 font-weight: normal !important; 807 text-decoration: underline !important; 808 text-align: center !important; 809 stroke: #222222 !important; 810 } 811 { 812 font-family: ftnk !important; 813 color: #222222 !important; 814 font-size: 15px !important; 815 line-height: 28px !important; 816 letter-spacing: 2px !important; 817 background-color: transparent !important; 818 text-transform: uppercase !important; 819 font-style: normal !important; 820 font-weight: normal !important; 821 text-decoration: underline !important; 822 text-align: center !important; 823 } 824 825 @media(max-width: 639px) { 826 #sidebar .page > a.active, #hamburger-sidebar .page > a.active, #sidebar .navigationlist > a.name.active, #hamburger-sidebar .navigationlist > a.name.active, #sidebar .postlist > a.name.active #hamburger-sidebar .postlist > a.name.active { 827 font-size: 22.50px !important; 828 line-height: 43.50px !important; 829 margin-right: 10px !important; 830 margin-left: 10px !important; 831 } 832 } 833 834 835 836 837 838 #sidebar .page > a:hover, #hamburger-sidebar .page > a:hover, #sidebar .page > a.active:hover, #hamburger-sidebar .page > a.active:hover, #sidebar .navigationlist > a.name:hover, #hamburger-sidebar .navigationlist > a.name:hover, #sidebar .navigationlist > a.name.active:hover, #hamburger-sidebar .navigationlist > a.name.active:hover, #sidebar .postlist > a.name:hover, #hamburger-sidebar .postlist > a.name:hover, #sidebar .postlist > a.name.active:hover #hamburger-sidebar .postlist > a.name.active:hover { 839 font-family: ftnk !important; 840 color: #222222 !important; 841 font-size: 15px !important; 842 line-height: 28px !important; 843 letter-spacing: 2px !important; 844 word-spacing: 0px !important; 845 margin-top: 0px !important; 846 margin-right: 20px !important; 847 margin-bottom: 20px !important; 848 margin-left: 20px !important; 849 background-color: transparent !important; 850 text-transform: uppercase !important; 851 font-style: normal !important; 852 font-weight: normal !important; 853 text-decoration: underline !important; 854 text-align: center !important; 855 stroke: #222222 !important; 856 } 857 { 858 font-family: ftnk !important; 859 color: #222222 !important; 860 font-size: 15px !important; 861 line-height: 28px !important; 862 letter-spacing: 2px !important; 863 background-color: transparent !important; 864 text-transform: uppercase !important; 865 font-style: normal !important; 866 font-weight: normal !important; 867 text-decoration: underline !important; 868 text-align: center !important; 869 } 870 871 @media(max-width: 639px) { 872 #sidebar .page > a:hover, #hamburger-sidebar .page > a:hover, #sidebar .page > a.active:hover, #hamburger-sidebar .page > a.active:hover, #sidebar .navigationlist > a.name:hover, #hamburger-sidebar .navigationlist > a.name:hover, #sidebar .navigationlist > a.name.active:hover, #hamburger-sidebar .navigationlist > a.name.active:hover, #sidebar .postlist > a.name:hover, #hamburger-sidebar .postlist > a.name:hover, #sidebar .postlist > a.name.active:hover #hamburger-sidebar .postlist > a.name.active:hover { 873 font-size: 22.50px !important; 874 line-height: 43.50px !important; 875 margin-right: 10px !important; 876 margin-left: 10px !important; 877 } 878 } 879 880 881 882 883 884 #sidebar .navigationlist.listed > .name { 885 font-family: ftnk !important; 886 color: #222222 !important; 887 font-size: 15px !important; 888 line-height: 28px !important; 889 letter-spacing: 2px !important; 890 word-spacing: 0px !important; 891 margin-top: 0px !important; 892 margin-right: 20px !important; 893 margin-bottom: 20px !important; 894 margin-left: 20px !important; 895 background-color: transparent !important; 896 text-transform: uppercase !important; 897 font-style: normal !important; 898 font-weight: bold !important; 899 text-decoration: none !important; 900 text-align: center !important; 901 stroke: #222222 !important; 902 } 903 { 904 font-family: ftnk !important; 905 color: #222222 !important; 906 font-size: 15px !important; 907 line-height: 28px !important; 908 letter-spacing: 2px !important; 909 background-color: transparent !important; 910 text-transform: uppercase !important; 911 font-style: normal !important; 912 font-weight: bold !important; 913 text-decoration: none !important; 914 text-align: center !important; 915 } 916 917 @media(max-width: 639px) { 918 #sidebar .navigationlist.listed > .name { 919 font-size: 22.50px !important; 920 line-height: 43.50px !important; 921 margin-right: 10px !important; 922 margin-left: 10px !important; 923 } 924 } 925 926 927 928 929 930 #content > .post .date.detail > p { 931 font-family: ftnk !important; 932 color: #222222 !important; 933 font-size: 15px !important; 934 line-height: 20px !important; 935 letter-spacing: 1px !important; 936 word-spacing: 0px !important; 937 margin-top: 20px !important; 938 margin-right: 0px !important; 939 margin-bottom: 20px !important; 940 margin-left: 0px !important; 941 background-color: transparent !important; 942 text-transform: none !important; 943 font-style: normal !important; 944 font-weight: normal !important; 945 text-decoration: none !important; 946 text-align: center !important; 947 stroke: #222222 !important; 948 } 949 { 950 font-family: ftnk !important; 951 color: #222222 !important; 952 font-size: 15px !important; 953 line-height: 20px !important; 954 letter-spacing: 1px !important; 955 background-color: transparent !important; 956 text-transform: none !important; 957 font-style: normal !important; 958 font-weight: normal !important; 959 text-decoration: none !important; 960 text-align: center !important; 961 } 962 963 @media(max-width: 639px) { 964 #content > .post .date.detail > p { 965 font-size: 15.00px !important; 966 line-height: 21.00px !important; 967 margin-right: 10px !important; 968 margin-left: 10px !important; 969 } 970 } 971 972 973 974 975 976 #content .postlist .post .date, #content .postlist .postWrapper .date { 977 font-family: ftnk !important; 978 color: #222222 !important; 979 font-size: 15px !important; 980 line-height: 20px !important; 981 letter-spacing: 1px !important; 982 word-spacing: 0px !important; 983 margin-top: 20px !important; 984 margin-right: 0px !important; 985 margin-bottom: 20px !important; 986 margin-left: 0px !important; 987 background-color: transparent !important; 988 text-transform: none !important; 989 font-style: normal !important; 990 font-weight: normal !important; 991 text-decoration: none !important; 992 text-align: center !important; 993 stroke: #222222 !important; 994 } 995 { 996 font-family: ftnk !important; 997 color: #222222 !important; 998 font-size: 15px !important; 999 line-height: 20px !important; 1000 letter-spacing: 1px !important; 1001 background-color: transparent !important; 1002 text-transform: none !important; 1003 font-style: normal !important; 1004 font-weight: normal !important; 1005 text-decoration: none !important; 1006 text-align: center !important; 1007 } 1008 1009 @media(max-width: 639px) { 1010 #content .postlist .post .date, #content .postlist .postWrapper .date { 1011 font-size: 15.00px !important; 1012 line-height: 21.00px !important; 1013 margin-right: 10px !important; 1014 margin-left: 10px !important; 1015 } 1016 } 1017 1018 1019 1020 1021 1022 #content .postlist .post .description { 1023 font-family: ftnk !important; 1024 color: #222222 !important; 1025 font-size: 15px !important; 1026 line-height: 20px !important; 1027 letter-spacing: 1px !important; 1028 word-spacing: 0px !important; 1029 margin-top: 20px !important; 1030 margin-right: 0px !important; 1031 margin-bottom: 20px !important; 1032 margin-left: 0px !important; 1033 background-color: transparent !important; 1034 text-transform: none !important; 1035 font-style: normal !important; 1036 font-weight: normal !important; 1037 text-decoration: none !important; 1038 text-align: center !important; 1039 stroke: #222222 !important; 1040 } 1041 { 1042 font-family: ftnk !important; 1043 color: #222222 !important; 1044 font-size: 15px !important; 1045 line-height: 20px !important; 1046 letter-spacing: 1px !important; 1047 background-color: transparent !important; 1048 text-transform: none !important; 1049 font-style: normal !important; 1050 font-weight: normal !important; 1051 text-decoration: none !important; 1052 text-align: center !important; 1053 } 1054 1055 @media(max-width: 639px) { 1056 #content .postlist .post .description { 1057 font-size: 15.00px !important; 1058 line-height: 21.00px !important; 1059 margin-right: 10px !important; 1060 margin-left: 10px !important; 1061 } 1062 } 1063 1064 1065 1066 1067 1068 #content .postlist .post .name, #content .postlist .postWrapper .name { 1069 font-family: ftnk !important; 1070 color: #222222 !important; 1071 font-size: 28px !important; 1072 line-height: 34px !important; 1073 letter-spacing: 3px !important; 1074 word-spacing: 0px !important; 1075 margin-top: 10px !important; 1076 margin-right: 0px !important; 1077 margin-bottom: 10px !important; 1078 margin-left: 0px !important; 1079 background-color: transparent !important; 1080 text-transform: uppercase !important; 1081 font-style: normal !important; 1082 font-weight: normal !important; 1083 text-decoration: none !important; 1084 text-align: center !important; 1085 stroke: #222222 !important; 1086 } 1087 { 1088 font-family: ftnk !important; 1089 color: #222222 !important; 1090 font-size: 28px !important; 1091 line-height: 34px !important; 1092 letter-spacing: 3px !important; 1093 background-color: transparent !important; 1094 text-transform: uppercase !important; 1095 font-style: normal !important; 1096 font-weight: normal !important; 1097 text-decoration: none !important; 1098 text-align: center !important; 1099 } 1100 1101 @media(max-width: 639px) { 1102 #content .postlist .post .name, #content .postlist .postWrapper .name { 1103 font-size: 22.40px !important; 1104 line-height: 28.00px !important; 1105 margin-right: 10px !important; 1106 margin-left: 10px !important; 1107 } 1108 } 1109 1110 1111 1112 1113 1114 #content .page .description { 1115 font-family: ftnk !important; 1116 color: #222222 !important; 1117 font-size: 15px !important; 1118 line-height: 20px !important; 1119 letter-spacing: 1px !important; 1120 word-spacing: 0px !important; 1121
1121margin-top: 20px !important; 1122 margin-right: 0px !important; 1123 margin-bottom: 20px !important; 1124 margin-left: 0px !important; 1125 background-color: transparent !important; 1126 text-transform: none !important; 1127 font-style: normal !important; 1128 font-weight: normal !important; 1129 text-decoration: none !important; 1130 text-align: center !important; 1131 stroke: #222222 !important; 1132 } 1133 { 1134 font-family: ftnk !important; 1135 color: #222222 !important; 1136 font-size: 15px !important; 1137 line-height: 20px !important; 1138 letter-spacing: 1px !important; 1139 background-color: transparent !important; 1140 text-transform: none !important; 1141 font-style: normal !important; 1142 font-weight: normal !important; 1143 text-decoration: none !important; 1144 text-align: center !important; 1145 } 1146 1147 @media(max-width: 639px) { 1148 #content .page .description { 1149 font-size: 15.00px !important; 1150 line-height: 21.00px !important; 1151 margin-right: 10px !important; 1152 margin-left: 10px !important; 1153 } 1154 } 1155 1156 1157 1158 1159 1160 #content .page .headline { 1161 font-family: ftnk !important; 1162 color: #222222 !important; 1163 font-size: 28px !important; 1164 line-height: 34px !important; 1165 letter-spacing: 3px !important; 1166 word-spacing: 0px !important; 1167 margin-top: 10px !important; 1168 margin-right: 0px !important; 1169 margin-bottom: 10px !important; 1170 margin-left: 0px !important; 1171 background-color: transparent !important; 1172 text-transform: uppercase !important; 1173 font-style: normal !important; 1174 font-weight: normal !important; 1175 text-decoration: none !important; 1176 text-align: center !important; 1177 stroke: #222222 !important; 1178 } 1179 { 1180 font-family: ftnk !important; 1181 color: #222222 !important; 1182 font-size: 28px !important; 1183 line-height: 34px !important; 1184 letter-spacing: 3px !important; 1185 background-color: transparent !important; 1186 text-transform: uppercase !important; 1187 font-style: normal !important; 1188 font-weight: normal !important; 1189 text-decoration: none !important; 1190 text-align: center !important; 1191 } 1192 1193 @media(max-width: 639px) { 1194 #content .page .headline { 1195 font-size: 22.40px !important; 1196 line-height: 28.00px !important; 1197 margin-right: 10px !important; 1198 margin-left: 10px !important; 1199 } 1200 } 1201 1202 1203 #cookie-layer, #cookie-overlay, #cookie-layer .cookie-layer-button { 1204 font-family: ftnk !important; 1205 line-height: 20px !important; 1206 text-align: left !important; 1207 } 1208 1209 1210 1211 1212 .p > p.variant1, div.font.variant1 h2, .file > .format.variant1, #logo p { 1213 font-family: ftnk !important; 1214 color: #222222 !important; 1215 font-size: 15px !important; 1216 line-height: 20px !important; 1217 letter-spacing: 1px !important; 1218 word-spacing: 0px !important; 1219 margin-top: 20px !important; 1220 margin-right: 0px !important; 1221 margin-bottom: 20px !important; 1222 margin-left: 0px !important; 1223 background-color: transparent !important; 1224 text-transform: none !important; 1225 font-style: normal !important; 1226 font-weight: normal !important; 1227 text-decoration: none !important; 1228 text-align: center !important; 1229 stroke: #222222 !important; 1230 } 1231 { 1232 font-family: ftnk !important; 1233 color: #222222 !important; 1234 font-size: 15px !important; 1235 line-height: 20px !important; 1236 letter-spacing: 1px !important; 1237 background-color: transparent !important; 1238 text-transform: none !important; 1239 font-style: normal !important; 1240 font-weight: normal !important; 1241 text-decoration: none !important; 1242 text-align: center !important; 1243 } 1244 1245 @media(max-width: 639px) { 1246 .p > p.variant1, div.font.variant1 h2, .file > .format.variant1, #logo p { 1247 font-size: 15.00px !important; 1248 line-height: 21.00px !important; 1249 margin-right: 10px !important; 1250 margin-left: 10px !important; 1251 } 1252 } 1253 1254 1255 1256 1257 1258 .p > p.variant2, div.font.variant2 h2, .file > .format.variant2 { 1259 font-family: ftnk !important; 1260 color: #222222 !important; 1261 font-size: 15px !important; 1262 line-height: 20px !important; 1263 letter-spacing: 1px !important; 1264 word-spacing: 0px !important; 1265 margin-top: 20px !important; 1266 margin-right: 0px !important; 1267 margin-bottom: 20px !important; 1268 margin-left: 0px !important; 1269 background-color: transparent !important; 1270 text-transform: none !important; 1271 font-style: normal !important; 1272 font-weight: normal !important; 1273 text-decoration: none !important; 1274 text-align: center !important; 1275 stroke: #222222 !important; 1276 } 1277 { 1278 font-family: ftnk !important; 1279 color: #222222 !important; 1280 font-size: 15px !important; 1281 line-height: 20px !important; 1282 letter-spacing: 1px !important; 1283 background-color: transparent !important; 1284 text-transform: none !important; 1285 font-style: normal !important; 1286 font-weight: normal !important; 1287 text-decoration: none !important; 1288 text-align: center !important; 1289 } 1290 1291 @media(max-width: 639px) { 1292 .p > p.variant2, div.font.variant2 h2, .file > .format.variant2 { 1293 font-size: 15.00px !important; 1294 line-height: 21.00px !important; 1295 margin-right: 10px !important; 1296 margin-left: 10px !important; 1297 } 1298 } 1299 1300 1301 1302 1303 1304 .p > p.variant3, div.font.variant3 h2, .file > .format.variant3 { 1305 font-family: ftnk !important; 1306 color: #222222 !important; 1307 font-size: 15px !important; 1308 line-height: 20px !important; 1309 letter-spacing: 1px !important; 1310 word-spacing: 0px !important; 1311 margin-top: 20px !important; 1312 margin-right: 0px !important; 1313 margin-bottom: 20px !important; 1314 margin-left: 0px !important; 1315 background-color: transparent !important; 1316 text-transform: none !important; 1317 font-style: normal !important; 1318 font-weight: normal !important; 1319 text-decoration: none !important; 1320 text-align: center !important; 1321 stroke: #222222 !important; 1322 } 1323 { 1324 font-family: ftnk !important; 1325 color: #222222 !important; 1326 font-size: 15px !important; 1327 line-height: 20px !important; 1328 letter-spacing: 1px !important; 1329 background-color: transparent !important; 1330 text-transform: none !important; 1331 font-style: normal !important; 1332 font-weight: normal !important; 1333 text-decoration: none !important; 1334 text-align: center !important; 1335 } 1336 1337 @media(max-width: 639px) { 1338 .p > p.variant3, div.font.variant3 h2, .file > .format.variant3 { 1339 font-size: 15.00px !important; 1340 line-height: 21.00px !important; 1341 margin-right: 10px !important; 1342 margin-left: 10px !important; 1343 } 1344 } 1345 1346 1347 1348 1349 1350 .p > p, div.font h2, .file > .format { 1351 font-family: ftnk !important; 1352 color: #222222 !important; 1353 font-size: 15px !important; 1354 line-height: 20px !important; 1355 letter-spacing: 1px !important; 1356 word-spacing: 0px !important; 1357 margin-top: 20px !important; 1358 margin-right: 0px !important; 1359 margin-bottom: 20px !important; 1360 margin-left: 0px !important; 1361 background-color: transparent !important; 1362 text-transform: none !important; 1363 font-style: normal !important; 1364 font-weight: normal !important; 1365 text-decoration: none !important; 1366 text-align: center !important; 1367 stroke: #222222 !important; 1368 } 1369 { 1370 font-family: ftnk !important; 1371 color: #222222 !important; 1372 font-size: 15px !important; 1373 line-height: 20px !important; 1374 letter-spacing: 1px !important; 1375 background-color: transparent !important; 1376 text-transform: none !important; 1377 font-style: normal !important; 1378 font-weight: normal !important; 1379 text-decoration: none !important; 1380 text-align: center !important; 1381 } 1382 1383 @media(max-width: 639px) { 1384 .p > p, div.font h2, .file > .format { 1385 font-size: 15.00px !important; 1386 line-height: 21.00px !important; 1387 margin-right: 10px !important; 1388 margin-left: 10px !important; 1389 } 1390 } 1391 1392 1393 1394 1395 1396 #bottomRight div.shareBox > a { 1397 font-family: ftnk !important; 1398 color: #222222 !important; 1399 font-size: 15px !important; 1400 line-height: 20px !important; 1401 letter-spacing: 1px !important; 1402 word-spacing: 0px !important; 1403 margin-top: 20px !important; 1404 margin-right: 0px !important; 1405 margin-bottom: 20px !important; 1406 margin-left: 0px !important; 1407 background-color: transparent !important; 1408 text-transform: none !important; 1409 font-style: normal !important; 1410 font-weight: normal !important; 1411 text-decoration: none !important; 1412 text-align: center !important; 1413 stroke: #222222 !important; 1414 } 1415 { 1416 font-family: ftnk !important; 1417 color: #222222 !important; 1418 font-size: 15px !important; 1419 line-height: 20px !important; 1420 letter-spacing: 1px !important; 1421 background-color: transparent !important; 1422 text-transform: none !important; 1423 font-style: normal !important; 1424 font-weight: normal !important; 1425 text-decoration: none !important; 1426 text-align: center !important; 1427 } 1428 1429 @media(max-width: 639px) { 1430 #bottomRight div.shareBox > a { 1431 font-size: 15.00px !important; 1432 line-height: 21.00px !important; 1433 margin-right: 10px !important; 1434 margin-left: 10px !important; 1435 } 1436 } 1437 1438 1439 1440 #landingPageFrontBox h1 { 1441 font-family: ftnk !important; 1442 color: #222222 !important; 1443 font-size: 42px !important; 1444 line-height: 48px !important; 1445 letter-spacing: 0px !important; 1446 word-spacing: 0px !important; 1447 margin-top: 50px !important; 1448 margin-right: 0px !important; 1449 margin-bottom: 0px !important; 1450 margin-left: 0px !important; 1451 background-color: transparent !important; 1452 text-transform: none !important; 1453 font-style: normal !important; 1454 font-weight: normal !important; 1455 text-decoration: none !important; 1456 text-align: center !important; 1457 } 1458 1459 { 1460 font-family: ftnk !important; 1461 color: #222222 !important; 1462 font-size: 42px !important; 1463 line-height: 48px !important; 1464 letter-spacing: 0px !important; 1465 background-color: transparent !important; 1466 text-transform: none !important; 1467 font-style: normal !important; 1468 font-weight: normal !important; 1469 text-decoration: none !important; 1470 text-align: center !important; 1471 } 1472 1473 @media(max-width: 639px) { 1474 #landingPageFrontBox h1 { 1475 font-size: 47.88px !important; 1476 line-height: 55.86px !important; 1477 margin-right: 0 !important; 1478 margin-left: 0 !important; 1479 } 1480 } 1481 1482 #landingPageFrontBox p { 1483 font-family: ftnk !important; 1484 color: #222222 !important; 1485 font-size: 21px !important; 1486 line-height: 24px !important; 1487 letter-spacing: 0px !important; 1488 word-spacing: 0px !important; 1489 margin-top: 10px !important; 1490 margin-right: 0px !important; 1491 margin-bottom: 0px !important; 1492 margin-left: 0px !important; 1493 background-color: transparent !important; 1494 text-transform: none !important; 1495 font-style: normal !important; 1496 font-weight: normal !important; 1497 text-decoration: none !important; 1498 text-align: center !important; 1499 } 1500 1501 { 1502 font-family: ftnk !important; 1503 color: #222222 !important; 1504 font-size: 21px !important; 1505 line-height: 24px !important; 1506 letter-spacing: 0px !important; 1507 background-color: transparent !important; 1508 text-transform: none !important; 1509 font-style: normal !important; 1510 font-weight: normal !important; 1511 text-decoration: none !important; 1512 text-align: center !important; 1513 } 1514 1515 @media(max-width: 639px) { 1516 #landingPageFrontBox p { 1517 font-size: 23.94px !important; 1518 line-height: 28.50px !important; 1519 margin-right: 0 !important; 1520 margin-left: 0 !important; 1521 } 1522 } 1523 1524 1525 1526/************************** 1527 * PAGE NAVIGATION 1528 **************************/ 1529.svg_top { 1530 background-color: #000000; 1531 -webkit-mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-top.svg); 1532 mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-top.svg); 1533} 1534 1535@-moz-document url-prefix() { 1536 .svg_top { 1537 background-color: #000000; 1538 background-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-top.svg); 1539 -webkit-mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-top.svg); 1540 mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-top.svg); 1541 } 1542} 1543 1544 1545 a.svg_prev, a.svg_next, a.svg_overview { 1546 background-color: #000000; 1547 -webkit-mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-left.svg); 1548 mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-left.svg); 1549 } 1550 1551 @-moz-document url-prefix() { 1552 a.svg_prev, a.svg_next, a.svg_overview { 1553 background-color: transparent; 1554 background-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-left.svg); 1555 -webkit-mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-left.svg); 1556 mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-left.svg); 1557 } 1558 1559 a.svg_next { 1560 background-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-right.svg); 1561 } 1562 1563 a.svg_overview { 1564 background-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_overview.svg); 1565 } 1566 } 1567 1568 a.svg_next { 1569 -webkit-mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-right.svg); 1570 mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_arrow-right.svg); 1571 } 1572 1573 a.svg_overview { 1574 -webkit-mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_overview.svg); 1575 mask-image: url(//dlv4t0z5skgwv.cloudfront.net/static/core/img/userpage/pagenavigation/icons_page_navigator_40x40_overview.svg); 1576 } 1577 1578 1579 1580 /************************** 1581 * Mobile Sidebar - Hamburger Menu 1582 **************************/ 1583.hamburger { 1584 right: 10px; 1585 top: 10px; 1586 left: auto; 1587} 1588 1589body #hamburger-sidebar { 1590 background-color: #ff3300; 1591 color: #000000 !important; 1592 1593} 1594body #hamburger-sidebar .allyou_copy { 1595 color: #000000 !important; 1596} 1597#hamburger-sidebar div.item > a, 1598#hamburger-sidebar .page > a:hover, 1599#hamburger-sidebar .page > a.active, 1600#hamburger-sidebar .page > a.active:hover, 1601#hamburger-sidebar .navigationlist.linked > .name, 1602#hamburger-sidebar .postlist > .name, 1603#hamburger-sidebar .navigationlist > a.name.active, 1604#hamburger-sidebar .navigationlist > a.name:hover, 1605#hamburger-sidebar .navigationlist > a.name.active:hover, 1606#hamburger-sidebar .postlist > a.name.active, 1607#hamburger-sidebar .postlist > a.name:hover, 1608#hamburger-sidebar .postlist > a.name.active:hover { 1609 color: #000000 !important; 1610} 1611/************************** 1612 * CUSTOM CSS 1613 **************************/ 1614 1615 1616 1617/************************** 1618 * MEDIA QUERIES 1619 **************************/ 1620 1621 1622</style> 1623 1624
1624<script type="text/javascript" src="//dlv4t0z5skgwv.cloudfront.net/static/themes/structures/z/structureScript.js?v=3"></script>
1624 1625
1625<script type="text/javascript"> 1626 var initBackground = function() { 1627 1628 $('#backgroundImage').empty() 1629 1630 } 1631 if(window.jQuery) { 1632 initBackground(); 1633 } else { 1634 window.onload = initBackground; 1635 } 1636 </script>
1636 1637
1637<script type="text/javascript" src="//use.typekit.net/zib3juz.js"></script>
1637 1638 1639 1640 1641
1641<script type="text/javascript"> 1642 (function() { 1643 var d = false; 1644 var tk = document.createElement('script'); 1645 tk.src = '//use.typekit.net/ik/7ErrOG6wYITiQ4jIsIpa2GUSEyM35EIBZ6HAzbHaHnqfenIgf4104gJwFRMD5QJoWDJDFDwae6MKge4Ki1wKgeZ7j1JKgeZXdcC7fbR0gsMMeMt6MPG4fVJBIMMjIfMgH6qJ_b9bMg6IJMI7fbRUgsMMeMj6MPG4fJbJIMIj2kMgH6qJy66bMs6bJMI7fbK2fgMgeM96MPG4fJ9JIMIjgKMgH6qJym9bMy65JMI7fbKfmsMfegI6MPG4fJsmIMJjgfMgH6qJ6m9bMy6YJMebMjOYtl9e.js?rnd=296687'; 1646 tk.type = 'text/javascript'; 1647 tk.async = 'true'; 1648 tk.onload = tk.onreadystatechange = function() { 1649 var rs = this.readyState; 1650 if (d || rs && rs != 'complete' && rs != 'loaded') return; 1651 d = true; 1652 try { Typekit.load(); } catch (e) {} 1653 }; 1654 var s = document.getElementsByTagName('script')[0]; 1655 s.parentNode.insertBefore(tk, s); 1656 })(); 1657 </script>
1657 1658 1659 1660 1661 1662</head> 1663<body class="structure-z viewmode " > 1664 1665 1666 1667 <style>#header, #content, #hamburger-wrapper, #sidebar { opacity: 0; }</style> 1668
1668<script type="application/javascript" src="//dlv4t0z5skgwv.cloudfront.net/static/core/js/userpage/main_compressed.371da8a08487.js" charset="utf-8"></script>
1668 1669 1670 1671
1671<script type="text/javascript"> 1672 allyouUserpage.checkForUnsupportedBrowser(); 1673 </script>
1673 1674 1675 1676 <div id="backgroundImage"></div> 1677 1678 1679 1680 1681 1682 <div id="wrap"> 1683 <div id="hamburger-wrapper"> 1684 <div id="menu" data-animation-type="flippin"> 1685 <div class="modalCover"></div> 1686 <div id="hamburger-sidebar" 1687 class="contentContainer 1688 sidebar--offcanvas 1689 sidebar--vertical-center 1690 sidebar--horizontal-center"> 1691 1692 1693 1694 1695 1696 1697 1698 1699 <div id="sidebar_item_2509036_ham" 1700 1701 class="item spacer " 1702 style="display: block; height: 1px;"> 1703 1704 1705 </div> 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721<div data-overviewimageresponsive="responsive" 1722 data-imagewidth="1000" 1723 data-imageheight="400" 1724 data-marginright="72" 1725 data-marginleft="72" 1726 data-padding="0" 1727 data-thickness="0" 1728 data-overviewtype="fixed_width" 1729 data-structure="z" data-mobile="False" 1730 1731 id="sidebar_item_6565945_ham" 1732 class="item navigationlist linked "> 1733 1734 1735 1736 1737 <a 1738 href="/6565945/styling" 1739 class="name singleLine " 1740 > 1741 STYLING 1742 </a> 1743 1744 1745 1746 1747 1748 </div> 1749 1750
1750<script type="text/javascript"> 1751 allyouUserpage.initElement('sidebar_item_6565945_ham', 'navigationlist', { 1752 container: 'sidebar', 1753 view: 'linked', 1754 editmode: false, 1755 dynamicLoading: true, 1756 dynamicLoadingCount: 20 1757 }); 1758 </script>
1758 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 <div id="sidebar_item_6566254_ham" class="item page "> 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 <a href="/6566254/about" class="name singleLine ">ABOUT</a> 1788 1789 1790 1791 </div> 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 <div id="sidebar_item_6566263_ham" class="item page "> 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 <a href="/6566263/contact" class="name singleLine active">contact</a> 1821 1822 1823 1824 </div> 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 </div> 1836</div> 1837 1838<button class="hamburger 1839 hamburger--flippin 1840 1841 1842 hamburger--mobile 1843 hamburger--small" 1844 type="button" 1845 data-animation-type="flippin"> 1846 <span class="hamburger-box"> 1847 <span class="hamburger-inner"></span> 1848 <span class="hamburger-inner"></span> 1849 <span class="hamburger-inner"></span> 1850 1851 <span class="hamburger-cross"> 1852 <span class="hamburger-inner"></span> 1853 <span class="hamburger-inner"></span> 1854 </span> 1855 </span> 1856</button> 1857
1858<script type="text/javascript"> 1859 if (window.net) { 1860 new net.allyou.userpage.elements.menu(); 1861 } 1862</script>
1862 1863 </div> 1864 1865 1866 <div id="layoutAlignment" data-top="150px" data-left="" class="allyou-preset"> 1867 1868 1869 1870<div id="fixedPositionContainer"> 1871 <div id="header" class="contentContainer"> 1872 1873 <a href="/6565945"> 1874 1875 1876 1877 1878 1879 <div id="header_item_12458400" class="item p "> 1880 <p class=""><br></p> 1881 1882 1883 </div> 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 <div id="header_item_6566741" 1899 1900 class="item spacer " 1901 style="display: block; height: 50px;"> 1902 1903 1904 </div> 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 <div id="header_item_6565941" class="item h "> 1920 <h2><b>SHADI RAZAVI</b></h2> 1921 1922 </div> 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 <div id="header_item_9921429" class="item p "> 1937 <p class="variant2"><b>STYLIST</b><br></p> 1938 1939 1940 </div> 1941 1942 1943 1944 1945 1946 1947 1948</a> 1949 1950 1951 1952 </div> 1953 <div id="sidebar" class="contentContainer 1954 1955 sidebar--hidden-mobile" 1956 data-structure="left"> 1957 1958 1959 1960 1961 1962 1963 1964 1965 <div id="sidebar_item_2509036" 1966 1967 class="item spacer " 1968 style="display: block; height: 1px;"> 1969 1970 1971 </div> 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987<div data-overviewimageresponsive="responsive" 1988 data-imagewidth="1000" 1989 data-imageheight="400" 1990 data-marginright="72" 1991 data-marginleft="72" 1992 data-padding="0" 1993 data-thickness="0" 1994 data-overviewtype="fixed_width" 1995 data-structure="z" data-mobile="False" 1996 1997 id="sidebar_item_6565945" 1998 class="item navigationlist linked "> 1999 2000 2001 2002 2003 <a 2004 href="/6565945/styling" 2005 class="name singleLine " 2006 > 2007 STYLING 2008 </a> 2009 2010 2011 2012 2013 2014 </div> 2015 2016
2016<script type="text/javascript"> 2017 allyouUserpage.initElement('sidebar_item_6565945', 'navigationlist', { 2018 container: 'sidebar', 2019 view: 'linked', 2020 editmode: false, 2021 dynamicLoading: true, 2022 dynamicLoadingCount: 20 2023 }); 2024 </script>
2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 <div id="sidebar_item_6566254" class="item page "> 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 <a href="/6566254/about" class="name singleLine ">ABOUT</a> 2054 2055 2056 2057 </div> 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 <div id="sidebar_item_6566263" class="item page "> 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 <a href="/6566263/contact" class="name singleLine active">contact</a> 2087 2088 2089 2090 </div> 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 </div> 2102</div> 2103<div id="content" class="contentContainer"> 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 <div id="content_item_6566263" class="item page "> 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 <div id="content_item_6566268" 2134 2135 class="item spacer " 2136 style="display: block; height: 50px;"> 2137 2138 2139 </div> 2140 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 <div id="content_item_6607449" class="item p "> 2155 <p class="variant1"><a href="mailto:[email protected]">[email protected]</a><br></p> 2156 2157 2158 </div> 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 <div id="content_item_9919779" class="item p "> 2173 <p class="variant1"><a href="http://www.instagram.com/shadi.razavi">INSTAGRAM</a><br></p> 2174 2175 2176 </div> 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 </div> 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201<div id="page_navigation_wrapper"> 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212</div> 2213 2214 2215 2216
2217<script type="text/javascript"> 2218 var pageNavigationWrapper = $('#page_navigation_wrapper'), 2219 body = $('body'), 2220 pageNavigation = $('#page_navigation'), 2221 bottomRight = $('#bottomRight'), 2222 shareBox = $('.shareBox'), 2223 toolbarRight = $('#toolbarRight'), 2224 timeoutCounter = 0; 2225 2226 pageNavigationWrapper.on({ 2227 mouseenter: function () { 2228 window.clearTimeout(timeoutCounter); 2229 pageNavigation.fadeIn('slow'); 2230 shareBox.fadeIn('slow'); 2231 }, 2232 mouseleave: function () { 2233 timeoutCounter = setTimeout(function() { 2234 pageNavigation.fadeOut('slow'); 2235 shareBox.fadeOut('slow'); 2236 }, 1500); 2237 } 2238 }); 2239 2240 $(window).on('scroll', function(ev) { 2241 if($(window).scrollTop() > 0) { 2242 window.clearTimeout(timeoutCounter); 2243 pageNavigation.fadeIn('slow'); 2244 shareBox.fadeIn('slow'); 2245 2246 timeoutCounter = setTimeout(function() { 2247 pageNavigation.fadeOut('slow'); 2248 shareBox.fadeOut('slow'); 2249 }, 1500); 2250 } 2251 }); 2252 2253 if(toolbarRight.hasClass('open')) { 2254 body.addClass('toolbar-open'); 2255 pageNavigationWrapper.addClass('toolbar-open'); 2256 pageNavigation.addClass('toolbar-open'); 2257 bottomRight.addClass('toolbar-open'); 2258 } else { 2259 body.removeClass('toolbar-open'); 2260 pageNavigationWrapper.removeClass('toolbar-open'); 2261 pageNavigation.removeClass('toolbar-open'); 2262 bottomRight.removeClass('toolbar-open'); 2263 } 2264</script>
2264 2265 2266 2267</div> 2268 2269 </div> 2270 </div> 2271 2272 2273 2274 <div id="gotoTopBase"> 2275 <a href="#" class="svg_top gotoTopBase"></a> 2276 </div> 2277 2278 <div id="bottomAllyouLabel"> 2279 2280 <div class="usingAllyou"><span>using</span> <a href="//www.allyou.net" target="_blank">allyou.net</a></div> 2281 2282 </div> 2283 2284 2285 2286 2287 2288 2289 2290 2291
2291<script type="text/javascript">
vendor: 374 bytes, lines 2291-2296
2291 2292 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 2293 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 2294 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 2295 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 2296 ga('create', '
2296UA-20108656-4
vendor: 48 bytes, lines 2296-2298
2296', 'auto'); 2297 ga('send', 'pageview'); 2298
2298</script>
2298 2299 2300
2300<script type="text/javascript"> 2301 var $gotoTopBtn = $('#gotoTopBase a.gotoTopBase'); 2302 2303 $(window).on('scroll', function(ev) { 2304 if($(window).scrollTop() > 0) { 2305 $gotoTopBtn.addClass('active'); 2306 } else { 2307 $gotoTopBtn.removeClass('active'); 2308 } 2309 }); 2310 2311 $gotoTopBtn.on('click', function(ev) { 2312 ev.preventDefault(); 2313 $('html, body').animate({ 2314 scrollTop: '0px' 2315 }, 500); 2316 }); 2317 </script>
2317 2318 2319 2320
2320<script type="text/javascript"> 2321 $(document).ready(function() { 2322 $('body').addClass('userPage-loaded'); 2323 2324 }); 2325 </script>
2325 2326</body> 2327</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.