@import url(/foto/storage/themes/elementary/css/titles/helvetica.css); @import url(/foto/storage/themes/elementary/css/headers/helvetica.css); @import url(/foto/storage/themes/elementary/css/body/helvetica.css); /* Title: Elementary Theme Author: Sebastian Pinehurst /* GENERAL STYLES ----------------------------------------------- */ body { background:#ffffff; color:#787878; font-size:92%; /* 15 */ line-height:1.5; /* 22.5 */ text-align:center; text-rendering:optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: 100%; } img { -ms-interpolation-mode: bicubic; vertical-align: bottom; } .hide { display: none; } .clear { clear: both; } .fright { float:right; } hr { clear: both; border:0; height:1px; background:#dedede; margin-bottom:1.6364em; } /* ----- LINKS ----- */ a, a:link, a:visited { text-decoration:none; color:#222222; } a:hover { color:#222222; } a.disabled, a.disabled:hover { cursor:default; text-decoration:none; color:#787878; } /* ----- HEADERS ----- */ h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#222222; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight:bold; color:inherit; } h1 { /* 18 */ font-size:1.285em; line-height:1.166em; margin-bottom:1.166em; } h2 { /* 17 */ font-size:1.133em; line-height:1.32em; margin-bottom:1.32em; } h3 { /* 15 */ font-size:1em; line-height:1.5em; margin-bottom:1.5em; } h4, h5 { /* 13 */ font-size:.857em; line-height:1.75em; margin-bottom:1.75em; } span.tagline { display:block; margin-bottom:4px; font-size:.857em; } /* ----- GENERAL ----- */ p { margin-bottom:1.6364em; } em { font-style:italic; } b, strong { font-weight:bold; } em, i { font-style:italic; } blockquote { color:#color_bq; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding:10px 25px; margin-bottom:1.5em; font-style:italic; } blockquote p { margin-bottom:0; } ol.inline-links li { float:left; } ol.inline-links.tags li { margin:0 5px 2px 0; } p.t-caption { margin-bottom:0; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } p.meta-links, p.meta-links a:link, p.meta-links a:visited { color:#9a9a9a; } img.k-lazy-loading { background: url(/foto/storage/themes/elementary/css/white/spinner.gif) center center no-repeat; } img.botm { margin-bottom:1em; } /* messages displayed inside the console */ .k-note { font-size:0.857em; } small { font-size: 80%; } /* HEADER (GLOBAL) ----------------------------------------------- */ header.top { float:left; width:100%; margin:4em 0 0; position:relative; } header.top h1 { margin-bottom:0; font-size:23px; font-weight:600; letter-spacing: 0px; line-height: 1.5; } header.top h1 a:link, header.top h1 a:visited, header.top h1 a:active { color:inherit; font-weight:inherit; } header span.tagline { display:block; } /* TOP NAV ----------------------------------------------- */ nav#main { float:left; width:100%; position:relative; margin:0.6em 0 3em; padding:0.6em 0; border-top:1px solid #dedede; } nav#main ul li { display:inline-block; list-style:none; line-height:1.8; margin-right:15px; } nav#main ul li:last-child { margin-right:0; } nav#main a, nav#main a:link, nav#main a:visited { color:#787878; font-size:0.93em; } nav#main a:hover { color:#222222; } nav#main a.k-nav-current { font-weight:bold; color:#222222; } div#crumbs { color:#787878; margin-bottom:2em; } div#crumbs a { font-size:.857em; color:#787878; } div#crumbs a:hover { color:#222222; } /* FOOTER (GLOBAL) ----------------------------------------------- */ footer.bot { float:left; clear:left; width:100%; margin:4em 0; padding:1.3em 0; border-top:1px solid #dedede; font-size:.857em; line-height:1.75em; } footer.bot ul { margin:0 0 0.6em 0; } footer.bot li { display:inline-block; margin:0 10px 0 0; } /* PAGE STRUCTURE ----------------------------------------------- */ #container { width:880px; margin:0 auto; text-align:left; padding:0; margin:0 auto; } .head { position:relative; float:left; width:100%; margin-bottom:2em; clear:both; } .head h2 { display:inline-block; margin:0 5px 0 0; } .head p:first-child { margin-top:2em; } .head section { margin:0 0 24px 0; } .head div.notes { float:right; width:176px; } .head .head_title { margin-bottom:2em; } .head div.text { font-size:0.750em; width:620px; } .head.lcol { width:650px; } .head.lcol h2 { width:570px; } .head.mcol { width:650px; } /* ----- LAYOUT: TWO COL ----- */ div#twocol { float:left; } div#twocol div.mcol { width:650px; float:left; margin-right:30px; } div#twocol div.rcol { float:left; width:200px; } div#twocol div.rcol section { clear:left; display:block; float:left; } div#twocol hr:last-child { display:none; } /* ----- LAYOUT: TWO COL ESSAYS ----- */ div#twocol article { margin-bottom:1.6364em; padding-right:30px; } div#twocol.edge div.mcol { border-right:1px solid #dedede; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } aside p, aside ol, aside ul { font-size:0.857em; margin-bottom:1em; } aside h4 { margin-bottom:0.5em; } aside h6 span { font-weight:normal; } aside a:link, aside a:visited, aside a:active { color:inherit; } aside a:hover { color:#222222; } /* ----- LAYOUT: FLIPPED VERSION ----- */ div#twocol.flip div.mcol { margin-right:0; } /* CONTENT ----------------------------------------------- */ ol.thumbs { clear:left; float:left; } ol.thumbs li { width:270px; display:inline-block; vertical-align:top; margin:0 30px 2em 0; } ol.thumbs li:nth-child(3n) { margin-right:0; } ol.thumbs li a.thumb { display:block; text-align:center; } ol.thumbs li h4 { margin-bottom:0.2em; } ol.thumbs li p { font-size:0.857em; margin-bottom:0.6em; } ol.thumbs li time { font-size:0.750em; } /* ----- CONTENT INDEX ----- */ span.date { display:block; margin-bottom:0.8em; font-size:11px; } /* ----- SMALL META ----- */ div.meta { font-size: .857em; } div.meta div { display:inline-block; margin:0 2em 1.6364em 0; } div.meta h6 { margin-bottom:4px; } div.meta a:link, div.meta a:visited, div.meta a:active { color:inherit; } div.meta a:hover { color:#222222; } div.meta a.cats { color:#222222; } div.meta a.cats:hover { color:#222222; } /* ----- CONTENT.LENS ----- */ ul.detail-nav { position:absolute; right:0; top:0; } ul.detail-nav li { padding:0 2px; float:left; font-size:.857em; } ul.detail-nav li:last-child { padding-right:0; } div#twocol div.mcol div.content { text-align: center; margin-bottom:1.6364em; } body.k-source-content a.mag { cursor: url(/foto/storage/themes/elementary/css/img/magnify.cur), -moz-zoom-in; } body.k-source-content a.mag + p:first-child { margin-top:2em; } ol.thumb-strip { list-style:none; margin-bottom:1em; } ol.thumb-strip li { display:inline-block; margin:0 3px 6px 0; width:60px; } ol.thumb-strip li:last-child { margin-right:0; } ol.thumb-strip li img { -khtml-opacity: 1; -moz-opacity: 1; opacity:1; -webkit-transition:opacity 300ms linear; -moz-transition:opacity 300ms linear; transition:opacity 300ms linear; } ol.thumb-strip li img.current, ol.thumb-strip li img:hover { -khtml-opacity: 1; -moz-opacity: 1; opacity:1; } ol.data { overflow:auto; } ol.data li { clear:left; float:left; margin-bottom:2px; } ol.data li span.label { display:block; float:left; width:80px; margin-right:5px; } ol.data li span.value { float:left; display:block; width:115px; } img.content_main { max-height:700px; } /* ----- ESSAYS ----- */ article hr { clear:left; height:0; border:0; padding:0; margin:0; } article header { margin-bottom:2em; } article header h2 { margin-top:1em; } article p, article ul, article ol { margin-bottom: 1.3846153846153846em; } article ul { list-style:disc; list-style-position: inside; } article ol { list-style:decimal; list-style-position: inside; } article time { display:block; font-size:0.750em; } .k-content-embed { margin-bottom:1.6364em; } .k-content-text { padding:1em; margin:0 0 1em; font-size: .857em; background:#e6e6e6; } .k-content-title { margin:0 5px 0 0; display:block; color:#222222; } .k-content-caption {} div.essay-entry { margin-bottom: 2.76em; } div.essay-head { margin-bottom: 1.6363636363636365em; } div.essay-entry h2 { margin:0; } div.essay-img { margin:0 0 1.6363636363636365em 0; } div#essay-share { float:right; } div.essay-img-caption { margin-top:0.6em; } div.essay-pag { margin-top:4em; } div.essay-pag ul { list-style:none; display:table; width:100%; } div.essay-pag ul li { display:table-row; } div.essay-pag span.cell { display:table-cell; width:50%; } div.essay-pag span.cell.right { text-align:right; } /* ----- CATEGORIES ----- */ body.k-source-categories section { clear:both; margin-top:2em; } /* ----- PAGINATION ----- */ div.paginate { float:left; clear:left; width:100%; text-align:left; position:relative; margin:0 0 0.6em; padding-top:0.6em; border-top:1px solid #dedede; } div.paginate ol { list-style:none; float:left; } div.paginate ol li { display:inline; line-height:1em; } div.paginate a { padding:1px 3px; font-weight:normal; color:inherit; font-size:0.750em; } div.paginate a:first-child { padding-left:0; } div.paginate a.k-pagination-current { cursor:default; color:#222222; font-weight:bold; } div.paginate li.prev { padding-right:10px; } div.paginate li.next { padding-left:10px; } div.paginate ol.num li:last-child:after { content:none; } div.paginate span.count { font-size:0.750em; float:right; padding:1px 0; } /* ----- ARCHIVES ----- */ body.k-source-archives section { clear:both; margin-bottom:2em; overflow:auto; } div.head_archive { font-weight:normal; font-size:0.750em; border-bottom:1px solid #dedede; padding-bottom:1em; margin-bottom:3em; } div.head_archive a { color:inherit; } div.head_archive a:hover { color:#222222; } div.essay-previews { margin-top:-10px; } div.essay-previews ol { list-style:none; } div.essay-previews ol li { width:49%; display:inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align:top; padding:0 30px 1em 0; margin:0; } div.essay-previews ol li:last-child { padding-right:0; } div.essay-previews p { font-size:0.857em; } div.essay-previews time { font-size:0.750em; } /* ----- HOME ----- */ .k-source-index section, .k-source-index section hr { margin-bottom:1.313em; } div#home-slideshow { width:740px; height:500px; display:inline-block; } #home-slideshow-text { margin-top:1.313em; } #home-slideshow-title { display:inline-block; margin:0; padding:0; } #home-slideshow-caption { font-size:0.857em; } /* ----- IMAGES ----- */ .bitcon:link, .bitcon:visited, .bitcon:hover, .bitcon:active { padding-left:18px; background-color:transparent; background-repeat:no-repeat; background-position:0 0; } a.icon { display:inline-block; background-color:transparent; background-position:0 50%; background-repeat:no-repeat; padding-left:12px; margin-right:2px; } /* ----- MISC ----- */ li.content a.thumb, li.content .t-text h3, li.content .t-text span.date { text-align: ; } li.content .t-text p { text-align: ; } li.album-content a.thumb, li.album-content .t-text h3, li.album-content .t-text span.date { text-align: ; } li.album-content a.thumb { vertical-align: ; } li.album-content .t-text p { text-align: left; } li.album .t-text h3 { text-align: ; } li.album .t-text p { text-align: ; } a.tag { display:inline-block; border:1px solid #dedede; padding:0px 5px; margin:0 0 5px; font-size:95%; } /* ----- SOCIAL LINKS ----- */ .social-links li { display:inline-block; } .social-links li a:hover { text-decoration:none !important; } .social-links li a { padding:0 2px; font-size:13px !important; color:inherit; } .social-links li a:hover { color:#222222; } .social-links li:first-child a { padding-left:0; } .social-links li:last-child a { padding-right:0; } .social-links li a.share-facebook { padding-left:3px; padding-right:1px; } .social-links li a.share-tumblr { padding-left:0px; } /* TABLET ----------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { #container { width:728px; } ol.thumbs li { width:207px; } div.head.mcol { width:100%; } div#twocol div.mcol { width:100%; float:none; margin:0 0 1.1667em 0; } div#twocol div.rcol { width:100%; float:none; } div#twocol div.rcol section { width:100%; } div#twocol ol.data li span.value { width:628px; } /*body::before{content: "TABLET";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/ } /* MOBILE (PORTRAIT/320PX) ----------------------------------------------- */ @media only screen and (max-width: 767px) { #container { width:280px; } header, footer { margin-top:24px; } header h1 { display:block; } header.top { margin-top:2em; } img.custom_logo { -moz-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -moz-transform-origin: 0 100%; -o-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=0, M21=0, M22=0.5, SizingMethod='auto expand')"; } ol.thumbs li { width:280px; margin:0 0 30px 0; } div#twocol div.mcol { width:280px; float:none; margin:0 0 1.1667em 0; } div#twocol div.rcol { width:100%; margin:0 0 24px 0; } body.k-source-content div.head { width:280px; } body.k-source-content div.head h2 { width:280px; } ul.detail-nav { position:relative; float:right; margin:0 0 20px; } /*body::before{content: "MOBILE PORTRAIT";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/ } /* MOBILE (LANDSCAPE/480PX) ----------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { #container { padding:0 15px; width:436px; } header.top { margin-top:2em; } ol.thumbs li { width:436px; margin:0 0 30px 0; } div#twocol div.mcol { width:436px; float:none; margin:0 0 1.1667em 0; } div#twocol div.rcol { width:436px; float:none; margin:0 0 24px 0; } body.k-source-content div.head { width:436px; } div#twocol div.rcol ol.actions li { float:left; margin:0 24px 0 0; } ul.detail-nav { margin:0; } /*body::before{content: "MOBILE LANDSCAPE";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/ } /* DESKTOP/LAPTOPS ----------------------------------------------- */ @media only screen and (min-width : 1025px) { /*body::before{content: "DESKTOP";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/ } /* ...bigger */ @media only screen and (min-width : 1280px) and (min-height: 960px) { body.k-source-content div#container { width:1140px; } body.k-source-content div#twocol div.mcol, body.k-source-content .head.mcol { width:910px; } /*body::before{content: "DESKTOP 1280";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/ } /* ...biggerrrr */ @media only screen and (min-width : 1601px) and (min-height: 1200px) { body.k-source-content div#container { width:1500px; } body.k-source-content div#twocol div.mcol, body.k-source-content .head.mcol { width:1270px; } img.content_main { max-height:900px; } /*body::before{content: "DESKTOP 1600";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/ } /* iPHONE 4 RETINA + HIGH RES ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /*body::before{content: "RETINA";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/ } /* * Mosaic image layout */ .k-mosaic { position:relative; display:block; list-style:none; padding:0; margin:0; } .k-mosaic:before, .k-mosaic:after { content: " "; display:table; } .k-mosaic:after { clear:both; } .k-mosaic > li { display:inline; height:auto; float:left; font-size:0 !important; line-height:0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .k-mosaic img { max-height: none !important; vertical-align:baseline; } .k-mosaic-1 > li { width:100%; } .k-mosaic-1 > li:nth-of-type(n) { clear:none; } .k-mosaic-1 > li:nth-of-type(1n+1) { clear:both; } .k-mosaic-2 > li { width:50%; } .k-mosaic-2 > li:nth-of-type(n) { clear:none; } .k-mosaic-2 > li:nth-of-type(2n+1) { clear:both; } .k-mosaic-3 > li { width:33.333333333%; } .k-mosaic-3 > li:nth-of-type(n) { clear:none; } .k-mosaic-3 > li:nth-of-type(3n+1) { clear:both; } .k-mosaic-4 > li { width:25%; } .k-mosaic-4 > li:nth-of-type(n) { clear:none; } .k-mosaic-4 > li:nth-of-type(4n+1) { clear:both; } .k-mosaic-5 > li { width:20%; } .k-mosaic-5 > li:nth-of-type(n) { clear:none; } .k-mosaic-5 > li:nth-of-type(5n+1) { clear:both; } .k-mosaic-6 > li { width:16.66667%; } .k-mosaic-6 > li:nth-of-type(n) { clear:none; } .k-mosaic-6 > li:nth-of-type(6n+1) { clear:both; } .k-mosaic-7 > li { width:14.28571%; } .k-mosaic-7 > li:nth-of-type(n) { clear:none; } .k-mosaic-7 > li:nth-of-type(7n+1) { clear:both; } .k-mosaic-8 > li { width:12.5%; } .k-mosaic-8 > li:nth-of-type(n) { clear:none; } .k-mosaic-8 > li:nth-of-type(8n+1) { clear:both; } .k-mosaic-9 > li { width:11.11111%; } .k-mosaic-9 > li:nth-of-type(n) { clear:none; } .k-mosaic-9 > li:nth-of-type(9n+1) { clear:both; } .k-mosaic-10 > li { width:10%; } .k-mosaic-10 > li:nth-of-type(n) { clear:none; } .k-mosaic-10 > li:nth-of-type(10n+1) { clear:both; } .k-mosaic.edge > li { margin: 1px 1px 0 0; } .k-mosaic-1.edge li:first-child, .k-mosaic-2.edge > li:nth-of-type(-n+2), .k-mosaic-3.edge > li:nth-of-type(-n+3), .k-mosaic-4.edge > li:nth-of-type(-n+4), .k-mosaic-5.edge > li:nth-of-type(-n+5), .k-mosaic-6.edge > li:nth-of-type(-n+6), .k-mosaic-7.edge > li:nth-of-type(-n+7), .k-mosaic-8.edge > li:nth-of-type(-n+8), .k-mosaic-9.edge > li:nth-of-type(-n+9), .k-mosaic-10.edge > li:nth-of-type(-n+10) { margin-top: 0 !important; } .k-mosaic-1.edge li, .k-mosaic-uneven:last-child, .k-mosaic-2.edge > li:nth-of-type(2n), .k-mosaic-3.edge > li:nth-of-type(3n), .k-mosaic-4.edge > li:nth-of-type(4n), .k-mosaic-5.edge > li:nth-of-type(5n), .k-mosaic-6.edge > li:nth-of-type(6n), .k-mosaic-7.edge > li:nth-of-type(7n), .k-mosaic-8.edge > li:nth-of-type(8n), .k-mosaic-9.edge > li:nth-of-type(9n), .k-mosaic-10.edge > li:nth-of-type(10n) { margin-right:0 !important; } .k-mosaic-2.edge > li:nth-of-type(2n+1), .k-mosaic-3.edge > li:nth-of-type(3n+1), .k-mosaic-4.edge > li:nth-of-type(4n+1), .k-mosaic-4.edge > li:nth-of-type(4n+1), .k-mosaic-5.edge > li:nth-of-type(5n+1), .k-mosaic-6.edge > li:nth-of-type(6n+1), .k-mosaic-7.edge > li:nth-of-type(7n+1), .k-mosaic-8.edge > li:nth-of-type(8n+1), .k-mosaic-9.edge > li:nth-of-type(9n+1), .k-mosaic-10.edge > li:nth-of-type(10n+1) { margin-left: 0 !important; }