/* Theme Name:Desmm7 - 800 Theme URI:http://www.desmm.com/ Version:7 Description:template per desmm Author:massimo mastromarino Author http://www.desmm.com/ */ /* Google font */ @import url(http://fonts.googleapis.com/css?family=Gudea|Roboto:300,100); /* ==== RESET ==== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;/*vertical-align:baseline;*/} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} textarea {resize:none;} strong {font-weight:bold;} a:active, a:focus, input:focus[type=submit]{outline-color:invert;outline-style:none;outline-width:0;} /* ANIMAZIONE */ #leafPage article img,#gridPage content,.credits span,#split .search-form input,.sticky .abstractArea,#split,#gridPage article,.eventPagePeel .color,#socialPage label,.pageIcon,.eventPagePeel,#socialArticle div:before,#socialArticle div .count{-moz-transition:all 500ms;-webkit-transition:all 500ms;transition:all 500ms;} .rope,.iconPlus,.submitLabel,#menuCollection{-moz-transition:all 200ms;-webkit-transition:all 200ms;transition:all 200ms;} .postNavigation,.pagination span:before,.hamburgerIcon,.hamburgerIcon:before,.hamburgerIcon:after,.siteName{-moz-transition:all 150ms ease-in-out 50ms;-webkit-transition:all 150ms ease-in-out 50ms;transition:all 150ms ease-in-out 5ms;} .postNavigation div h4,#gridPage article.sticky a img,#gridPage h2{-moz-transition:all 200ms ease-in-out 50ms;-webkit-transition:all 200ms ease-in-out 50ms;transition:all 200ms ease-in-out 50ms;} /*FONT-FACE*/ blockquote,#leafPage h4,#socialArticle div .count,.iconPlus,.siteName,#leafPage h1,#leafPage h2,#leafPage h3,#leafPage h4,#leafPage h5,.certerNotFound,#footContent .feed,#thisPlace h1,#thisPlace .number,#socialArticle div .count,#gridPage h2,#socialArticle div .count{font-family:'Roboto',sans-serif;font-weight:100;} /*GENERIC*/ body{background-color:#303440;font-family:'Gudea', sans-serif;color:#333333;position:relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;} .bgFixed{position:fixed;background-image:url('images/blur.jpg');background-size:cover;height:100%;width:100%;z-index:1;} a{text-decoration:none;color:#4e7f13;} a.articleTitle{text-decoration:none;} ::selection{color:transparent;} ::-moz-selection{color:transparent;} article ::selection, .credits ::selection, #comment span ::selection{background-color:#6da12d;color:#FFFFFF;text-shadow:0 1px 0px rgba(0,0,0,0.40);} article ::-moz-selection, .credits ::-moz-selection, #comment span ::-moz-selection{background-color:#6da12d;color:#FFFFFF;text-shadow:0 1px 0px rgba(0,0,0,0.40);} content{display:block;position:relative;z-index:300;margin:38px auto 180px;} #page{position:relative;} #page:after{position:absolute;width:100%;bottom:1px;left:0px;height:1px;border-top:1px #cbcbcb solid;border-bottom:1px #cbcbcb solid;content:"";z-index:20;} .ads300x250{height:278px;width:300px;background:#FFFFFF;position: relative;line-height:normal;} .ads300x250 img{position: absolute;top: 0px;} /*HEADER*/ header{height:150px;border-bottom:3px solid #000000;background:#303440;z-index:100;color:#FFFFFF;position:relative;z-index:1;} #headerContainer{margin:0 auto;position:relative;} #logo{position:relative;width:190px;height:130px;display:block;margin-left:10px;} div#logo{cursor:default;} #logo em{position:absolute;left:-15px;top:-8px;color:rgba(255,255,255,0.60);font-size:20px;} .siteName{display:block;color:#e6e6e6;height:130px;font-size:50px;line-height:130px;text-align:left;width:100%;display:block;text-shadow:0 2px 0px rgba(0,0,0,0.60);} .rope{display:block;position:absolute;right:0px;top:0px;width:1px;background:#e96045;height:75px;} .rope:after{content:"";width:9px;position:absolute;bottom:-12px;height:9px;left:-6px;background:transparent;border-radius:10px;border:2px solid #e96045;box-shadow:0 2px 0px rgba(0,0,0,0.40),inset 0 2px 0px rgba(0,0,0,0.40)} #logo:hover .rope{height:90px;} #logo:active .rope{height:95px;} #logo:hover .siteName{text-shadow:0 0 10px rgba(255,255,255,0.25)} #logo:active .siteName, #logo.selected .siteName{text-shadow:0 0 15px rgba(255,255,255,0.95)} .collectionContainer{position:absolute;top:0px;left:0px;width:100%;z-index:400;} #leafPage .collectionContainer .contentWidth{margin:0 auto;} #leafPage .collectionContainer .pageWidth{position:relative;} #collection{position:absolute;height:30px;line-height:23px;width:135px;right:0px;top:54px;color:#FFFFFF;cursor:pointer;} #collection span{text-align:right;font-size:24px;display:block;text-shadow:0 2px 0px rgba(0,0,0,0.80);} #collection a:hover{color:#74ad30;} #menuCollection{background:#303440;width:160px;position:absolute;top:25px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.80);padding:5px 0;opacity:0;display:none;font-size:18px;} #menuCollection a{display:block;padding:5px 0 5px 14px;color:#FFFFFF;} #menuCollection .submitWorkLi a{background:#74ad30;padding:5px 0 3px 14px;font-size:13px;text-transform:uppercase;font-weight:bold;display:block;color:#FFFFFF!important;} #menuCollection .submitWorkLi{display:none;} .hamburgerIcon{top:0px;left:0px;} .hamburgerIcon, .hamburgerIcon:before, .hamburgerIcon:after{height:3px;width:25px;position:absolute;background:#FFFFFF;box-shadow:0 2px 0px rgba(0,0,0,0.80);} .hamburgerIcon:before{top:20px;content:"";} .hamburgerIcon:after{top:10px;content:"";} #collection:hover #menuCollection{display:block;} #collection.selected #menuCollection{opacity:1;top:30px;display:block;} #collection.selected .hamburgerIcon{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:10px;box-shadow:0px 0px 0px;} #collection.selected .hamburgerIcon:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);top:0px;box-shadow:0px 0px 0px;} #collection.selected .hamburgerIcon:after{top:0px;box-shadow:0px 0px 0px;} /*SUBMIT WORK*/ #submitWork{overflow:hidden;z-index:200;background:#6da12d;width:120px;height:150px;text-align:center;position:absolute;top:0px;right:0px;border-bottom:3px solid #4e7f13;display:block;color:#ffffff;text-shadow:0 2px 0px rgba(0,0,0,0.40);} .iconPlus{display:block;font-size:91px;line-height:40px;position:absolute;top:50px;left:0;width:100%;} .submitLabel{display:block;text-transform:uppercase;font-size:12px;font-weight:bold;position:absolute;top:150px;left:0;width:100%;color:#FFFFFF;} #submitWork:hover .iconPlus{top:34px;} #submitWork:hover .submitLabel{top:94px;} /*ASIDE*/ aside{width:400px;right:0px;top:0px;position:absolute;padding: 0 40px;height:auto;font-family:"Helvetica Neue",arial,sans-serif;font-size:15px;line-height:21px;color:#FFFFFF;} aside a{color:#74ad30;} /*TAG CLOUD*/ #tagCloud{margin-top:40px;} #tagCloud a{white-space:nowrap;float:left;padding:5px;margin: 0 1px 1px 0;background: rgba(0,0,0,0.40);color: #FFFFFF;} #tagCloud a:hover{background:#6DA12D;} /*COMMENT*/ #comment{background:#FFFFFF;width:auto;position:relative;height:auto;border-left:solid #FFFFFF 0px;margin: 0 0 0 70px;padding:0px 60px 60px 30px;height:auto;font-family:"Helvetica Neue",arial,sans-serif;font-size:15px;line-height:21px;color:#3F4549;} #comment .reply {visibility:hidden;height:0px!important;overflow:hidden;} #comment a{color:#74ad30;} #comment #disqus_thread div:first-child{height:51px!important;} #comment .comments-title{color:#3F4549;font-weight:600;font-size:18px;} #comment .comment-author{display:inline;} #comment .comment-list li{padding:20px 0 0;} #comment .fn{color:#74ad30;font-size:13px;font-weight:bold;} #comment .says{text-indent:-600px;position:absolute;} #comment .commentmetadata{font-size:12px;display:inline;padding-left:0px;} #comment .commentmetadata a{color:rgba(0, 39, 59, 0.35)!important;position: relative;padding-left:12px;font-weight: bold;} #comment .commentmetadata a:before{content:" • ";position: absolute;left:2px;top:-2px;} #comment .avatar{border-radius: 3px;position: absolute;top:5px;left:0px;} #comment .comment-body{padding-left: 60px;position: relative;} .moveOnTop{background:rgba(0,0,0,0.50);padding:8px;top:100%;right:0px;display:none;position:absolute;color:#FFFFFF;margin-top:-40px;} /*LEAF PAGE*/ #leafPage .contentWidth{width:1280px;} #leafPage .pageWidth{width:800px;} #leafPage .fancybox{margin-bottom:5px;display:block;} #leafPage article{width:auto;background:#FFFFFF;padding:0 60px 60px 30px;margin-left:70px;font-size:18px;line-height:28px;position: relative;z-index: 1;} #leafPage article img{max-width:100%;height:auto!important;display:block;} #leafPage article a{text-decoration:underline;} #leafPage article a:hover{color:#74ad30;text-decoration:underline;} #leafPage article p{margin-bottom:31px;} #leafPage article em{font-style: italic;} #leafPage article .splash object, #leafPage article .splash embed, #leafPage article iframe[src*="youtube"], #leafPage article iframe[src*="vimeo"]{width:100%!important;height:360px!important;margin-top: 10px;} #leafPage article .splash{display:block:} #leafPage article ul { margin: 2em;} #leafPage article ul li {list-style-type: none;counter-increment: list;position: relative;padding-left: .5em;margin-bottom: .2em;} #leafPage article ul li:after {content: "♦";font-size: 10px;position: absolute;left: -2.5em; width: 2em;text-align: right;color:#6da12d;} #leafPage article img{margin-top: 15px;outline: 5px solid #EEEEEE;} #leafPage article a:hover img{;outline: 5px solid #4e7f13;} #leafPage article h1{font-size:50px;line-height:50px;text-shadow:1px 0 0px rgba(0,0,0,0.2);margin-bottom:20px;color:#000000;} #leafPage article h2{font-size:40px;text-shadow:0 0 2px rgba(0,0,0,0.3);margin-bottom:20px;margin-bottom:20px;color:#000000;text-decoration:none;} #leafPage article h3{font-weight:300;font-size:34px;line-height:34px;;margin-bottom:10px;color:#000000;text-decoration:none;} #leafPage article h4{font-weight:300;font-size:34px;line-height:34px;;margin-bottom:10px;color:#000000;text-decoration:none;} #leafPage article h3 a, #leafPage article h4 a{text-decoration: none;} #leafPage .ads-topnews{position:relative;left:-10px;} blockquote { color:#666666;border-left:10px solid #6da12d;margin:20px 10px 20px 30px;padding:20px 10px 10px 20px;quotes:"\201C""\201D""\2018""\2019";font-size:40px;line-height:40px;} blockquote b, blockquote strong{font-weight:300;} blockquote:before {color:#999999;content:open-quote;font-size:3.5em;line-height:0.1em;margin-right:0em;vertical-align:-0.4em;line-height: 0px;} blockquote p {display:inline;} #leafPage .data{height:20px;line-height:20px;position:absolute;right:80px;display:inline-block;clear:both;background:rgba(0,39,59,.1);padding:2px 8px;border-radius: 3px;color: #8B9094;font-size:12px;font-weight: bold;text-transform: uppercase;} /*POST NAVIGATION*/ .postNavigation{position:fixed;bottom:80px;z-index:300;width:150px;overflow:hidden;margin-right:20px;} .postNavigation div{position:relative;background:white;margin-bottom:20px;} .postNavigation div .thumb{height:120px;overflow:hidden;display:block;background: #EEEEEE;} .postNavigation div h4{font-weight:300!important;font-size:20px;display:block;padding:5px 10px 13px;border-top: 5px solid #FFFFFF;} .postNavigation div a:hover h4{border-color: #6da12d;} .postNavigation div a{color:#333333;} .postNavigation div a:hover{color:#4e7f13;} .postNavigation div:after{position:absolute;width:100%;bottom:1px;left:0px;height:1px;border-top:1px #cbcbcb solid;border-bottom:1px #cbcbcb solid;content:"";z-index:20;} /*SOCIAL BUTTON*/ #socialButton {line-height:20px;} #socialButton .liButton, #socialButton .fbButton, #socialButton .twButton, #socialButton .gpButton{position:relative;display:inline-block;margin-right:5px;height:20px;overflow:hidden;} #socialButton .fb-share-button{height:20px;} #socialButton #twitter-widget-0{display:inline-block;} /*PAGEPEAL*/ .topArticle{height:60px;position:relative;z-index:10;position:absolute;top:-60px;right:0px;} .pagePeel{height:60px;width:60px;position:relative;} #leafPage .pagePeel{border-left:#FFFFFF solid 740px;} .eventPagePeel{stroke:#FFFFFF;content:"";-webkit-transform:rotate3d(0.1, 0.1, 0, 0.1deg);-moz-transform:rotate3d(0.1, 0.1, 0, 0.1deg);transform:rotate3d(0.1, 0.1, 0, 0.1deg);display:block;width:60px;height:60px;fill:#FFFFFF;stroke:#DDDDDD;} .blankPagePeel{position:absolute;top:0px;right:0px;fill:#FFFFFF;width:60px;height:60px;stroke:#FFFFFF;} #gridPage .eventPagePeel{clip-path:url(#clipping);-webkit-clip-path:url(#clipping);position:absolute;} #gridPage article:hover .eventPagePeel{-webkit-transform:rotate3d(0.1, 0.1, 0, 180.1deg);-moz-transform:rotate3d(0.1, 0.1, 0, 180.1deg);transform:rotate3d(0.1, 0.1, 0, 180.1deg);stroke:#DDDDDD;position:relative;} #gridPage article:hover .eventPagePeel{-webkit-filter:contrast(35%) brightness(90%) drop-shadow( #777777 0 1px 0px);stroke-width:10px;} #leafPage .eventPagePeel {stroke:#FFFFFF;animation:pagePealAnim 500ms 1 ease-in 2000ms;-webkit-animation:pagePealAnim 500ms 1 ease-in 2000ms;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;} @keyframes pagePealAnim{ 0% {-webkit-transform:rotate3d(0.1, 0.1, 0, 0.1deg);-moz-transform:rotate3d(0.1, 0.1, 0, 0.1deg);transform:rotate3d(0.1, 0.1, 0, 0.1deg);} 100% {-webkit-transform:rotate3d(0.1, 0.1, 0, 180.1deg);-moz-transform:rotate3d(0.1, 0.1, 0, 180.1deg);transform:rotate3d(0.1, 0.1, 0, 180.1deg);fill:#DDDDDD;stroke:#DDDDDD;}} @-webkit-keyframes pagePealAnim { 0% {-webkit-transform:rotate3d(0.1, 0.1, 0, 0.1deg);-moz-transform:rotate3d(0.1, 0.1, 0, 0.1deg);transform:rotate3d(0.1, 0.1, 0, 0.1deg);} 100% {-webkit-transform:rotate3d(0.1, 0.1, 0, 180.1deg);-moz-transform:rotate3d(0.1, 0.1, 0, 180.1deg);transform:rotate3d(0.1, 0.1, 0, 180.1deg);fill:#DDDDDD;stroke:#DDDDDD;}} /*LEFT ARTICLE*/ #leftArticle{position:absolute;top:0px;left:0px;height:100%;} #socialArticle{z-index:10;} #socialFix01{background:#FFFFFF;height:auto;top:280px;bottom:0;width:70px;position:absolute;} #socialFix02{background:#FFFFFF;height:260px;top:auto;bottom:0;width:70px;position:absolute;} #socialArticle div{height:70px;width:70px;position:relative;cursor:pointer;z-index:10;-moz-transform:scale(.9999)} #socialArticle div img{height:70px;width:70px;position:relative;z-index:10;top:0px;} #socialArticle div:before{width:0;height:60px;position:absolute;z-index:10;right:0px;top:0px;content:"";} #socialArticle div:hover:before{width:70px;} .fbArticle:before{background:#3b5998;} .twArticle:before{background:#00a3d9;} .gpArticle:before{background:#ce4313;} .liArticle:before{background:#609bb9;} #socialArticle div .count{position:absolute;z-index:10;top:5px;left:-100px;width:80px;text-align:right;font-size:50px;color:#FFFFFF;} .fbArticle:hover .count{color:#3b5998!important;} .twArticle:hover .count{color:#00a3d9!important;} .gpArticle:hover .count{color:#ce4313!important;} .liArticle:hover .count{color:#609bb9!important;} #rightArticle{position:absolute;top:0px;right:0px;width:60px;height:100%;background:#FFFFFF;z-index: 0;} #footContent{position:absolute;width:800px;height:0px;} /*TOP TITLE*/ #topTitle{overflow:hidden;} #topTitle #socialArticle {width:280px;height:70px;position:relative;display:none;margin:0 0 0 60px;} #topTitle #socialArticle:before {content:"";position:absolute;background:#FFFFFF;top:0;left:-500px;height:70px;width:500px;} #topTitle #socialArticle:after {content:"";position:absolute;background:#FFFFFF;top:0;right:-500px;height:70px;width:500px;} #topTitle #socialArticle div{float:left;position:relative;} /*SPLIT*/ #split{background:#6da12d;height:90px;margin:0 0 40px 0;clear:both;position:relative;text-shadow:0 2px 0px rgba(0, 0, 0, 0.4);} #split #socialPage{width:300px;position:absolute;top:11px;right:20px;} #split .search-form input{background:rgba(255,255,255,0.30);font-size:18px;border-radius:20px;color:#FFFFFF;border:0px;padding:8px 12px 8px 8px;position:relative;top:26px;left:30px;width:370px;} #split.splitNotFound{margin-top:60px;} #split.splitNotFound #notFound {width:60%;position:absolute;color:#FFFFFF;font-size:20px;right:10px;top:0px;display:table;vertical-align:middle;height:90px;} #split.splitNotFound #notFound span{display:table-cell;vertical-align:middle;} #split.splitNotFound #notFound a{color:#FFFFFF;text-decoration:underline;} .certerNotFound{margin-top:100px;height:200px;width:100%;text-align:center;font-size:200px;} /*SEARCH*/ ::-webkit-input-placeholder {color:#FFFFFF;} :-moz-placeholder {color:#FFFFFF;} ::-moz-placeholder {color:#FFFFFF;} :-ms-input-placeholder {color:#FFFFFF;} [placeholder]:focus::-webkit-input-placeholder {transition:all 0.5s 0.1s ease;text-indent:-100%;opacity:0;} input:focus {outline:none;} input div#clear{display:none;} /*FOOT COTENT*/ #footContent #socialPage{width:360px;margin:0 auto;position:relative;top:60px;} #split #socialPage a, #footContent #socialPage a, #split #socialPage div, #footContent #socialPage div{height:100%;width:25%;position:relative;z-index:10;float:left;text-align:center;} #split div .socialIcon, #footContent div .socialIcon{height:70px;width:70px;position:relative;z-index:10;top:0px;} #split div .pageIcon, #footContent div .pageIcon{height:68px;width:54px;position:absolute;z-index:10;top:0px;left:50%;margin-left:-28px;transform:rotateY(0deg) scale(0.1); -webkit-transform:rotateY(0deg) scale(0.1);background:url('images/page.svg');} #footContent .feed{width:350px;margin:0 auto;position:relative;top:40px;text-align:center;color:#FFFFFF;font-size:20px;font-weight:bold;} /*SOCIAL PAGE*/ #socialPage {} #socialPage label{width:100%;font-size:11px;color:#FFFFFF;text-align:center;display:block;position:absolute;bottom:-15px;opacity:0;} #socialPage a:hover .pageIcon{transform:rotateY(360deg) scale(1);-webkit-transform:rotateY(360deg) scale(1);transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;} #socialPage a:hover label{opacity:0.8;} #socialPage div{opacity:0.3;} /*PAGINATION*/ .pagination{text-transform:uppercase;display:block;clear:both;} .pagination a{padding:0;display:inline-block;} .pagination a span{width:160px;display:block;text-align:center;background:#FFFFFF;padding:12px 0;margin-bottom:20px;position:relative;} .pagination a:first-child{float:left;} .pagination a:last-child{float:right;} .pagination a span.next:before{content:"";position:absolute;top:0px;right:100%;height:0;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:0px solid #FFFFFF;} .pagination a span.prev:before{content:"";position:absolute;top:0px;left:100%;height:0;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:0px solid #FFFFFF;} .pagination a:hover span.next:before{border-right:10px solid #FFFFFF;} .pagination a:hover span.prev:before{border-left: 10px solid #FFFFFF;} /*GRIDPAGE*/ #gridPage article{margin:0 40px 40px 0;position:relative;height:460px;float:left;background-size:cover;overflow:hidden;} #gridPage article figure{position:relative;top:0px;-webkit-mask:url('images/figureMask.svg') top right no-repeat;height:300px;} #gridPage article figure img{background:#333333;right:0px;position:absolute;} #gridPage article .info{position:absolute;top:15px;left:15px;z-index:20;} #gridPage article .info .date{background-color:rgba(255,255,255,0.7);padding:8px 8px 8px 32px;color:#333333;position:relative;display:inline-block;margin-bottom:4px;} #gridPage article .info .date:after{position:absolute;left:8px;top:7px;background-image:url('images/date.svg');height:18px;width:18px;content:"";background-size:cover;} #gridPage article .info a{background-color:rgba(0,0,0,0.5);padding:8px 8px 8px 8px;position:relative;text-decoration:none;color:#FFFFFF;display:inline-block;margin-bottom:4px;} #gridPage article .info a:hover{background:#6DA12D!important;color:#FFFFFF!important;} #gridPage .contentWidth{width:1380px;} #gridPage .collectionContainer .contentWidth{margin:0 auto;position:relative;} #gridPage .collectionContainer #collection{right:20px;} #gridPage article:before{position:absolute;height:300px;width:100%;bottom:0px;left:0px;background:#FFFFFF;content:"";} #gridPage article:after{position:absolute;width:100%;bottom:1px;left:0px;height:1px;border-top:1px #cbcbcb solid;border-bottom:1px #cbcbcb solid;content:"";z-index:20;} #gridPage .abstractArea{position:absolute;height:100%;width:100%;top:0px;left:0px;} #gridPage .abstractArea p{font-size:17px;line-height:25px;position:absolute;top:332px;padding:0 30px 0px;overflow:hidden;max-height:105px;} #gridPage .abstractArea a.articleTitle{display:block;height:300px;width:100%;position:absolute;top:0px;left:0px;z-index:20;} #gridPage h2{font-weight: 300;border-top:5px solid #FFFFFF;font-size:26px;line-height:32px;letter-spacing:-1px;color:#444444;margin:0 15px;padding:5px 15px 0 15px;background:#FFFFFF;display:block;position:absolute;bottom:-24px;left:0px;max-height: 128px;overflow: hidden;} #gridPage a:hover h2{color:#4e7f13;border-color:#6da12d;} #gridPage .old{background:rgba(220,220,220,0.3);} #gridPage .old .abstractArea a.articleTitle{height: 180px;} #gridPage .old .abstractArea p{max-height: 225px;top: 212px;} #gridPage .old .abstractArea a.articleTitle:hover{background:rgba(220,220,220,0.4);} #gridPage .old:before{height: 280px;} #gridPage content{top:-60px;} #gridPage article .pagePeel{top:60px;right:0;position:absolute;z-index:10;} #gridPage article.sticky{width:100%;height:300px;position:relative;overflow:hidden;margin:0 0 40px 0;position:relative;z-index:2;} #gridPage article.sticky img{width:400px;height:auto;position:absolute;right:0px;} #gridPage article.sticky a img{outline: 5px solid transparent;} #gridPage article.sticky:hover a img{outline: 5px solid #6da12d;} #gridPage article.sticky .abstractArea{background:rgba(0,0,0,0.5);color:#FFFFFF;width:calc(100% - 460px);margin:0px;position:absolute;top:auto;bottom:0px;left:auto;left:0;height:auto;max-height:260px;padding:30px 30px;} #gridPage article.sticky .abstractArea a.articleTitle{width:100%;height:auto;position:relative;} #gridPage article.sticky .abstractArea h2{font-weight: 100; border:0px !important;max-height: 153px;font-size:50px;line-height:50px;color:#FFFFFF;background:transparent;width:auto;position:relative;bottom:auto;padding:0 0 5px 0;margin:0 0 0 -5px;box-shadow:0 0 0!important;text-shadow:none;} #gridPage article.sticky .abstractArea a h2:hover{color:#74ad30;} #gridPage article.sticky:before{display:none;} #gridPage article.sticky .abstractArea p{top:auto;position:relative;padding:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;text-indent: -1px;} #gridPage article.sticky .abstractAreaInset{max-height:208px;overflow:hidden;} #gridPage article.sticky figure{height:300px;z-index: 5;} #gridPage article.sticky .info {position:absolute;top:-32px;left:0px;} #gridPage article.sticky .info .date{background:#FFFFFF;} #gridPage article.sticky .footAbstractArea {position:relative;line-height:25px;} #gridPage article.sticky .footAbstractArea a{padding-left:28px;position:relative;display:inline;margin-right:10px;color:#FFFFFF!important;text-decoration: none;} #gridPage article.sticky .footAbstractArea a:after{position:absolute;top:2px;left:0px;content:"";background-size:cover;} #gridPage article.sticky .footAbstractArea a.iconComment:after{background-image:url('images/comment.svg');height:21px;width:21px;} #gridPage article.sticky .footAbstractArea a.iconShare:after{background-image:url('images/share.svg');height:22px;width:22px;} #gridPage article.sticky:after{display:none;} #gridPage content{margin-bottom:60px!important;margin-top:78px;} #gridPage .ads300x250{position:absolute;top:-318px;right:0px;z-index:1;} #gridPage.firstPage content{margin-top:38px;} #gridPage.firstPage .ads300x250{top:22px;} /*THISPLACE*/ #thisPlace{color:#FFFFFF;position:relative;z-index:10;margin: 0 auto;} #thisPlace:after{display: none;} #thisPlace .thisPlaceContent{background:#6DA12D;position:relative;text-shadow:0 2px 0px rgba(0,0,0,0.40);font-weight:bold;height: 100%;} #thisPlace .thisPlaceContent h1{z-index:10;font-size:48px;padding:20px;position:absolute;bottom:0px;} #thisPlace .thisPlaceContent h1 span{font-size:24px;} #thisPlace .thisPlaceContent .number{font-weight:400!important;box-shadow:0 2px 0px rgba(0,0,0,0.40), inset 0 2px 0px rgba(0,0,0,0.40);min-width:38px;border:3px solid #FFFFFF;font-size:34px;line-height:38px;height:38px;padding:20px;background:#6DA12D;border-radius:60px;position:absolute;text-align:center;top:100px;z-index:10;right:20px;top:20px;} #thisPlace .thisPlaceContent .iconCollection{background-image:url('images/collectionBlack.svg');height:120px;width:120px;background-size:contain;position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px;} #thisPlace .iconCollection:before{content:"";background-image:url('images/collection.svg');height:100%;width:100%;background-size:contain;position:absolute;top:-2px;left:0;} #thisPlace.thisSearch .iconCollection{background-image:url('images/searchBlack.svg');} #thisPlace.thisSearch .iconCollection:before{background-image:url('images/search.svg');} #thisPlace.thisCategory .iconCollection{background-image:url('images/collectionBlack.svg');} #thisPlace.thisCategory .iconCollection:before{background-image:url('images/collection.svg');} /*CRETITS*/ .credits{padding:5px 0;position:absolute;bottom:0px;left:0px;width:100%;font-size:11px;text-align:right;z-index:10;} .credits span{padding:0 5px;color:rgba(255,255,255,0.30);} .credits span:hover{color:rgba(255,255,255,0.70);} #gridPage .credits{text-align:center;} /*MEDIA QUERY*/ @media screen and (max-height:720px) { #leftArticle #socialArticle{background:#833542;z-index:100;position:relative;} } @media screen and (max-height:480px) { #leftArticle #socialArticle div{display:none;} } @media screen and (max-height:480px) and (min-width:1090px) { #page{background:#FFFFFF;} } @media screen and (max-width:1480px) { #socialArticle div .count{position:absolute;z-index:200;top:5px;left:-10px;width:80px;text-align:right;font-size:20px;font-weight:400;color:#833542;} } @media screen and (min-width:1090px) { aside{max-height:calc(100% - 120px);overflow:auto;} /* #comment::-webkit-scrollbar {width:8px;height:8px;} #comment::-webkit-scrollbar-button:start:decrement, #comment::-webkit-scrollbar-button:end:increment {height:0px;display:block;width:0px;background-color:transparent;} #comment::-webkit-scrollbar-track-piece {background-color:transparent;} #comment::-webkit-scrollbar-thumb:vertical {height:50px;background-color:#6DA12D;margin:5px;} */ } @media screen and (min-width:1090px) and (max-width:1300px) { content{display:block;position:relative;z-index:5;margin:38px auto 180px;} #leafPage .contentWidth{width:100%;} #leafPage #page{position:relative;} #leafPage .pageWidth{width:62%;} #leafPage aside{width:calc(38% - 80px);} #leafPage .topArticle{right:0;} #leafPage #footContent{width:62%;} #leafPage article img{width:100%;height:auto;} } @media screen and (max-width:1090px) { #leafPage aside{position: relative;top: auto;right: auto;width: auto;} #socialArticle div .count{position:absolute;z-index:200;top:5px;left:-10px;width:80px;text-align:right;font-size:16px;color:#833542;font-weight:bold;} #socialArticle .fbArticle .count {color:#9d4e4c;} #socialArticle .twArticle .count {color:#ddb768;} #socialArticle .gpArticle .count {color:#f1df71;} #socialArticle .liArticle .count {color:#eacf70;} content{display:block;position:relative;margin:38px auto 180px;width:800px;} #leafPage .contentWidth{width:800px;} #leafPage #socialFix01{display:none;} #leafPage #socialFix02{display:none;} #leafPage #topTitle #socialArticle{display:block;} #leafPage .pageWidth{width:auto;} #leafPage #page article{padding:0 80px 60px 80px;margin-left:0px;overflow:hidden;} #leafPage #rightArticle{display:none;} #leafPage #footContent{width:800px;} #leafPage .collectionContainer .contentWidth, #leafPage .collectionContainer .pageWidth{width:100%;} #leafPage .collectionContainer #collection{right:150px;} #leftArticle{display:none;} .postNavigation{display:none;} #comment {background: #FFFFFF;margin: 0 0 0 0;padding: 0px 80px 60px 80px;} #leafPage .credits{font-size:10px;text-align:center;} } @media screen and (max-width:820px) { #leafPage .contentWidth{width:100%;} #leafPage #footContent{width:100%;} #leafPage #footContent #socialPage{width:295px;} #leafPage #footContent #socialPage div{width:25%;} #leafPage #footContent .feed{width:auto;} #leafPage .credits span{float:none;} #leafPage article img{width:100%;height:auto;} } @media screen and (max-width:640px) { #leafPage content{margin:0px auto 180px;} #leafPage #topTitle #socialArticle {margin:0 0 0 0px;} #leafPage #topTitle{border-top:10px solid #ffffff;} #leafPage #comment{padding:20px 20px 20px 20px;} #leafPage #page article{padding:0 20px 20px 20px;font-size:16px;line-height:22px;} #leafPage h1{font-size:35px;line-height:35px;} #leafPage h2{font-size:18px;line-height:20px;} #leafPage header{height:128px;} #leafPage .collectionContainer #collection{right:30px;width:25px;} #leafPage .collectionContainer #menuCollection{left:auto;right:0px;} #leafPage .topArticle, #leafPage #submitWork, #leafPage #collection span{display:none;} #leafPage #menuCollection .submitWorkLi{display:block;} #leafPage article img{width:calc(100% + 40px); margin-left:-20px;max-width: none!important;} .pagination{padding:40px 20px 0;} #leafPage .data{right: 20px;} } @media screen and (min-width:0) and (max-width:415px){ #gridPage .contentWidth {width:100%!important;} #gridPage article{width:100%!important;} #gridPage #socialPage{width:100%!important;right:0px;} #gridPage #split .search-form input{width:0!important;padding:8px 0;} #gridPage article figure{height: 200px;} #gridPage .simply h2{bottom:76px!important;} #gridPage .simply .abstractArea p{top:232px!important;} #gridPage article.simply, #gridPage article#thisPlace {height: 370px;} #gridPage article:after{display: none;} #gridPage content{margin-top:38px;} #gridPage header{position: fixed;top: 0px;z-index: 1000;width: 100%;height: 90px;} #gridPage header #logo{height: 90px;width: 155px;} #gridPage header #logo .siteName{height: 90px;line-height: 90px;font-size: 40px;} #gridPage .collectionContainer{position: fixed;top: -20px;z-index: 1000;width: 100%;} #gridPage {padding-top:115px;} #gridPage .bgFixed{top:0;} .rope{top:-25px;} html{margin-top: 0px !important;} #socialButton div{display: block!important;height: 30px!important;} } @media screen and (min-width:0) and (max-width:335px){ #gridPage .contentWidth {width:320px!important;} } @media screen and (min-width:0) and (max-width:679px) { #gridPage .contentWidth {width:100%;} #gridPage article{margin:0px;width:50%;} #gridPage article.simply figure {-webkit-mask:url('images/figureMask.svg') top left no-repeat!important;} #gridPage article .pagePeel{display:none;} #gridPage article.sticky{width:100%;margin:0px;} #gridPage #split{margin:0px;} #gridPage #split .search-form input{width:0!important;padding:8px 0;} #gridPage .collectionContainer #collection{right:30px;width:25px;} #gridPage .collectionContainer #menuCollection{left:auto;right:0px;} #gridPage #submitWork, #gridPage #collection span{display:none;} #gridPage #menuCollection .submitWorkLi{display:block;} #split #socialPage div{width:25%;} #gridPage #socialPage{width:100%!important;right:0px;} #gridPage .ads300x250{display: none;} #gridPage #thisPlace .thisPlaceContent{width: 100%;} } @media screen and (min-width:680px) and (max-width:949px) { #gridPage .contentWidth {width:665px} #gridPage.firstPage article:nth-child(2n+4) {margin-right:0px;} #gridPage.paged article:nth-child(2n+2) {margin-right:0px;} #gridPage article{width:calc(50% - 20px);} #gridPage #split .search-form input{width:42%;} #gridPage article.sticky .abstractArea h2{font-size:22px;line-height:25px;} #gridPage article.sticky .footAbstractArea span{display:none;} #gridPage .collectionContainer .contentWidth{width:100%;} #gridPage .collectionContainer #collection{right:155px;} } @media screen and (min-width:950px) and (max-width:1119px) { #gridPage .contentWidth{width:calc(100% - 270px);} #gridPage.firstPage article:nth-child(2n+4) {margin-right:0px;} #gridPage.paged article:nth-child(2n+2) {margin-right:0px;} #gridPage article{width:calc(50% - 20px);} #gridPage #split .search-form input{width:42%;} #gridPage article.sticky .abstractArea{width:calc(100% - 460px)} #gridPage article.sticky img{width:400px;min-height:300px;} #gridPage article.sticky .abstractArea h2{font-size:22px;line-height:25px;} } @media screen and (max-width:1119px) { #gridPage article.sticky figure{z-index:0;} #gridPage article.sticky .abstractArea{width:calc(100% - 60px)} #gridPage article.sticky .abstractArea h2{font-size:40px;line-height:40px;} #gridPage article.sticky .footAbstractArea span{display:none;} #gridPage article.sticky figure{overflow: hidden;position: relative;} #gridPage article.sticky img{position:absolute;width:110%;top:-5px;left:-5px;min-height:310px;min-width:400px;-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);} } @media screen and (min-width:1120px) and (max-width:1569px) { #gridPage .contentWidth{width:calc(100% - 270px);} #gridPage.firstPage article:nth-child(3n+5) {margin-right:0px;} #gridPage.paged article:nth-child(3n+3) {margin-right:0px;} #gridPage article{width:calc(33.3333% - 27px);} m{width:27%;} #gridPage.firstPage article:nth-child(3n+4) figure{width:calc(100% + 1px);} #gridPage.paged article:nth-child(3n+3) figure{width:calc(100% + 1px);} } @media screen and (max-width:1400px) { #gridPage article.sticky .pagePeel{display:none;} #gridPage article.sticky figure {-webkit-mask:url('images/figureMask.svg') top left no-repeat;} } @media screen and (min-width:1570px) { #gridPage .contentWidth{width:1280px} #gridPage.firstPage article:nth-child(3n+5) {margin-right:0px;} #gridPage.paged article:nth-child(3n+3) {margin-right:0px;} #gridPage article{width:calc(33.3333% - 27px);} } /*FANCYBOX*/ .fancybox-lock .postNavigation, .fancybox-lock .bgFixed, .fancybox-lock article{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);} .fancybox-lock .fancybox-overlay{overflow:hidden!important;} .fancybox-overlay{background:rgba(158, 162, 173, 0.82)!important;} #links {position:fixed;bottom:0px;width:100%;padding:10px 0;list-style:none;text-align:center;z-index:99999;background:rgba(0,0,0,0.70)} #links li {display:inline;padding:0 5px;} #links li label {width:12px;height:12px;border-radius:100%;display:inline-block;background-color:rgba(255,255,255,0.30);cursor:pointer;} #links li.active label {background-color:#6DA12D;} .fancybox-opened .fancybox-skin{box-shadow:0 0 0!important;} /*WORDPRESS*/ #wpadminbar{position: fixed!important;}