/****************************************************************** Site Name: Author: Stylesheet: Main Stylesheet Here's where the magic happens. Here, you'll see we are calling in the separate media queries. The base mobile goes outside any query and is called at the beginning, after that we call the rest of the styles inside media queries. ******************************************************************/ /* import mixins */ /********************* GLOBAL STYLING (to reuse everywhere) *********************/ /* apply a natural box layout model to all elements */ /* * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } */ /********************* COLORS Need help w/ choosing your colors? Try this site out: http://0to255.com/ *********************/ /********************* RESPONSIVE BREAKS http://stephen.io/mediaqueries/ **********************/ /********************* TYPOGRAPHY **********************/ /* @mainFontFamily: 'Caslon 3 LT', sans-serif; @mainFontFamilyBold: 'Caslon 224 Black', serif; @mainFontFamilyLight: 'Caslon 224 Book', serif; @menuFontFamilyBold: 'Raleway Bold', sans-serif; @menuFontFamilyLight: 'Raleway Light', sans-serif; */ /********************* use the best AMPERSAND http://simplebits.com/notebook/2008/08/14/ampersands-2/ *********************/ span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; } /* To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. */ /* @font-face { font-family: 'Font Name'; src: url('../fonts/font-name.eot'); src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'), url('../fonts/font-name.woff') format('woff'), url('../fonts/font-name.ttf') format('truetype'), url('../fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */ body header.header-fixed { position: fixed; top: 0; margin: auto; padding-top: 20px; z-index: 10000; width: 100%; height: 110px; background-color: #fff; } body header.header-fixed #inner-header { width: 1218px; background: #fff; } body #sidebar1 { position: fixed; top: 130px; margin: auto; z-index: 0; width: 100%; } body #sidebar1 #inner-sidebar { width: 1218px; } body #sidebar1 #inner-sidebar-menu { width: 200px; margin-right: 1018px; } body.admin-bar header.header-fixed { top: 28px; } body.admin-bar #sidebar1 { top: 158px; } #icon-menu-mobile { display: none; } @media only screen and (max-width: 768px) { #icon-menu-mobile { display: block; position: fixed!important; top: 0px; right: 0px; cursor: pointer; color: #B1B1B1; padding: 20px; height: 50px!important; z-index: 1000000!important; border-bottom: none; } #icon-menu-mobile img { width: 32px; } } @media only screen and (max-width: 1024px) { header.header-fixed { padding: 0!important; height: 40px!important; } header.header-fixed #inner-header { width: 100%!important; padding: 10px 0 0 0px!important; } header.header-fixed #inner-header img { max-width: 100%; height: 40px !important; } #sidebar1 { top: 70px!important; } #sidebar1 .widgettitle { font-size: 21px; line-height: 24px; } #sidebar1 ul#menu-do { padding: 0!important; } #sidebar1 ul li { font-size: 21px; line-height: 24px; height: 24px; } #sidebar1 ul li a { font-size: 21px; line-height: 24px; } #sidebar1 .text-gradient { height: 26px; } } @media only screen and (max-width: 768px) { header.header-fixed { padding: 0!important; height: 40px!important; } header.header-fixed #inner-header { width: 100%!important; padding: 10px 0 0 10px!important; } header.header-fixed #inner-header img { max-width: 100%; height: 40px !important; } #sidebar1 { display: block!important; overflow: hidden!important; position: fixed!important; top: 0!important; padding-top: 55px!important; height: 0!important; width: 100%!important; z-index: 100!important; background: #ffffff; } #sidebar1 #inner-sidebar { padding: 5px 0 40px 10px; border-bottom: 1px solid black; height: 100%; } #sidebar1 .widgettitle { font-size: 21px; line-height: 24px; } #sidebar1 ul#menu-do { padding: 0!important; } #sidebar1 ul li { font-size: 21px; line-height: 24px; height: 24px; } #sidebar1 ul li a { font-size: 21px; line-height: 24px; } #sidebar1 .text-gradient { height: 26px; } #sidebar1 #inner-sidebar { width: 100% !important; } #sidebar1 #inner-sidebar #inner-sidebar-menu { width: 100% !important; margin: 0 !important; } #sidebar1 #inner-sidebar #inner-sidebar-menu .follow, #sidebar1 #inner-sidebar #inner-sidebar-menu .credits { display: none; } #sidebar1.reduced { height: 0!important; } #sidebar1.expanded { height: auto!important; } } /* for sites that are read right to left (i.e. hebrew) */ /* line 694, ../scss/_base.scss */ /* line 695, ../scss/_base.scss */ .home #content { height: 800px; } /* line 699, ../scss/_base.scss */ .home #content { padding-left: 200px; height: 600px; } /* line 700, ../scss/_base.scss */ .home .wrap { width: 1000px; margin: 0 auto; } /* line 706, ../scss/_base.scss */ .home #main { margin: 40px 0 0 0; } /* line 708, ../scss/_base.scss */ .home .footer { margin-top: 200px; } /* line 716, ../scss/_base.scss */ .home .home-lexicon-box, .home .home-theme-box { position: relative; display: block; float: left; color: #fff; margin: 0px; background: #000; text-align: left; } /* line 727, ../scss/_base.scss */ .home .home-lexicon-box a, .home .home-theme-box a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #000; } /* line 736, ../scss/_base.scss */ .home .home-lexicon-box a .infos, .home .home-theme-box a .infos { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: url("../images/colorband.jpg") no-repeat black; background-size: 100% auto; color: #fff; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: bold; } /* line 752, ../scss/_base.scss */ .home .home-lexicon-box a .infos:hover, .home .home-lexicon-box a .infos:visited, .home .home-theme-box a .infos:hover, .home .home-theme-box a .infos:visited { color: #fff; } /* line 758, ../scss/_base.scss */ .home .home-lexicon-box.index1, .home .home-lexicon-box.index2, .home .home-theme-box.index1, .home .home-theme-box.index2 { width: 280px; height: 200px; line-height: 32px; } /* line 761, ../scss/_base.scss */ .home .home-lexicon-box.index1 .infos, .home .home-lexicon-box.index2 .infos, .home .home-theme-box.index1 .infos, .home .home-theme-box.index2 .infos { padding: 15px; font-size: 28px; } @media only screen and (max-width: 768px) { /* line 763, ../scss/_base.scss */ .home .home-lexicon-box.index3, .home .home-lexicon-box.index4, .home .home-lexicon-box.index5, .home .home-theme-box.index3, .home .home-theme-box.index4, .home .home-theme-box.index5, .home .home-lexicon-box.index6, .home .home-lexicon-box.index7, .home .home-lexicon-box.index8, .home .home-lexicon-box.index9, .home .home-theme-box.index6, .home .home-theme-box.index7, .home .home-theme-box.index8, .home .home-theme-box.index9 { width: 280px; height: 200px; line-height: 32px; } /* line 766, ../scss/_base.scss */ .home .home-lexicon-box.index3 .infos, .home .home-lexicon-box.index4 .infos, .home .home-lexicon-box.index5 .infos, .home .home-theme-box.index3 .infos, .home .home-theme-box.index4 .infos, .home .home-theme-box.index5 .infos, .home .home-lexicon-box.index6 .infos, .home .home-lexicon-box.index7 .infos, .home .home-lexicon-box.index8 .infos, .home .home-lexicon-box.index9 .infos, .home .home-theme-box.index6 .infos, .home .home-theme-box.index7 .infos, .home .home-theme-box.index8 .infos, .home .home-theme-box.index9 .infos { padding: 15px; font-size: 28px; } } @media only screen and (min-width: 768px) { /* line 763, ../scss/_base.scss */ .home .home-lexicon-box.index3, .home .home-lexicon-box.index4, .home .home-lexicon-box.index5, .home .home-theme-box.index3, .home .home-theme-box.index4, .home .home-theme-box.index5 { width: 140px; height: 100px; line-height: 20px; } /* line 766, ../scss/_base.scss */ .home .home-lexicon-box.index3 .infos, .home .home-lexicon-box.index4 .infos, .home .home-lexicon-box.index5 .infos, .home .home-theme-box.index3 .infos, .home .home-theme-box.index4 .infos, .home .home-theme-box.index5 .infos { padding: 10px; font-size: 18px; } /* line 768, ../scss/_base.scss */ .home .home-lexicon-box.index6, .home .home-lexicon-box.index7, .home .home-lexicon-box.index8, .home .home-lexicon-box.index9, .home .home-theme-box.index6, .home .home-theme-box.index7, .home .home-theme-box.index8, .home .home-theme-box.index9 { width: 70px; height: 50px; line-height: 10px; } /* line 771, ../scss/_base.scss */ .home .home-lexicon-box.index6 .infos, .home .home-lexicon-box.index7 .infos, .home .home-lexicon-box.index8 .infos, .home .home-lexicon-box.index9 .infos, .home .home-theme-box.index6 .infos, .home .home-theme-box.index7 .infos, .home .home-theme-box.index8 .infos, .home .home-theme-box.index9 .infos { padding: 5px; font-size: 9px; } } /* line 918, ../scss/_base.scss */ .home .home-post-box { position: relative; display: block; float: left; background: none; color: #fff; padding: 0px; height: auto; margin: 0px; text-align: left; } /* line 944, ../scss/_base.scss */ .home .home-post-box a { display: block; width: 100%; height: 100%; top: 0; left: 0; color: #fff; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: bold; } /* line 960, ../scss/_base.scss */ .home .home-post-box a:hover, .home .home-post-box a:visited { color: #fff; z-index: 1000; } /* line 966, ../scss/_base.scss */ .home .home-post-box a .infos { color: white; left: 0; position: absolute; text-align: left; vertical-align: top; top: 0; width: 100%; } /* line 982, ../scss/_base.scss */ .home .home-post-box a .infos .txt { display: block; float: left; opacity: 0; width: 100%; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: bold; word-wrap: break-word; } /* line 994, ../scss/_base.scss */ .home .home-post-box a .infos .txt h1 { width: 100%; } @media only screen and (min-width: 768px) { /* line 782, ../scss/_base.scss */ .home .home-lexicon-box .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-8 */ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; } /* line 793, ../scss/_base.scss */ .home .home-lexicon-box.index1 { position: absolute; top: 100px; left: 0px; } /* line 797, ../scss/_base.scss */ .home .home-lexicon-box.index1 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-8 */ } /* line 799, ../scss/_base.scss */ .home .home-lexicon-box.index2 { position: absolute; top: 300px; left: 560px; } /* line 803, ../scss/_base.scss */ .home .home-lexicon-box.index2 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-8 */ } /* line 805, ../scss/_base.scss */ .home .home-lexicon-box.index3 { position: absolute; top: 500px; left: 280px; } /* line 809, ../scss/_base.scss */ .home .home-lexicon-box.index3 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-8 */ } /* line 811, ../scss/_base.scss */ .home .home-lexicon-box.index4 { position: absolute; top: 500px; left: 560px; } /* line 815, ../scss/_base.scss */ .home .home-lexicon-box.index4 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-8 */ } /* line 817, ../scss/_base.scss */ .home .home-lexicon-box.index5 { position: absolute; top: 600px; left: 700px; } /* line 821, ../scss/_base.scss */ .home .home-lexicon-box.index5 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-8 */ } /* line 823, ../scss/_base.scss */ .home .home-lexicon-box.index6 { position: absolute; top: 500px; left: 840px; } /* line 827, ../scss/_base.scss */ .home .home-lexicon-box.index6 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-8 */ } /* line 829, ../scss/_base.scss */ .home .home-lexicon-box.index7 { position: absolute; top: 700px; left: 280px; } /* line 833, ../scss/_base.scss */ .home .home-lexicon-box.index7 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-8 */ } /* line 835, ../scss/_base.scss */ .home .home-lexicon-box.index8 { position: absolute; top: 700px; left: 420px; } /* line 839, ../scss/_base.scss */ .home .home-lexicon-box.index8 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-8 */ } /* line 841, ../scss/_base.scss */ .home .home-lexicon-box.index9 { position: absolute; top: 750px; left: 350px; } /* line 845, ../scss/_base.scss */ .home .home-lexicon-box.index9 .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-8 */ } /* line 857, ../scss/_base.scss */ .home .home-theme-box.index1 { opacity: 1; } /* line 858, ../scss/_base.scss */ .home .home-theme-box.index2, .home .home-theme-box.index3 { opacity: 0.8; } /* line 859, ../scss/_base.scss */ .home .home-theme-box.index4, .home .home-theme-box.index5, .home .home-theme-box.index6 { opacity: 0.6; } /* line 860, ../scss/_base.scss */ .home .home-theme-box.index7, .home .home-theme-box.index8, .home .home-theme-box.index9 { opacity: 0.3; } /* line 861, ../scss/_base.scss */ .home .home-theme-box:hover { opacity: 1; } /* line 864, ../scss/_base.scss */ .home .home-theme-box.index1 { position: absolute; top: 0px; left: 700px; } /* line 869, ../scss/_base.scss */ .home .home-theme-box.index2 { position: absolute; top: 400px; left: 0px; } /* line 874, ../scss/_base.scss */ .home .home-theme-box.index3 { position: absolute; top: 200px; left: 700px; } /* line 879, ../scss/_base.scss */ .home .home-theme-box.index4 { position: absolute; top: 400px; left: 840px; } /* line 884, ../scss/_base.scss */ .home .home-theme-box.index5 { position: absolute; top: 600px; left: 420px; } /* line 889, ../scss/_base.scss */ .home .home-theme-box.index6 { position: absolute; top: 550px; left: 700px; } /* line 894, ../scss/_base.scss */ .home .home-theme-box.index7 { position: absolute; top: 550px; left: 840px; } /* line 899, ../scss/_base.scss */ .home .home-theme-box.index8 { position: absolute; top: 700px; left: 350px; } /* line 904, ../scss/_base.scss */ .home .home-theme-box.index9 { position: absolute; top: 700px; left: 630px; } /* line 934, ../scss/_base.scss */ .home .home-post-box .gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 28%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(28%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 28%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 28%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 28%, white 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 28%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-8 fallback on horizontal gradient */ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* line 1006, ../scss/_base.scss */ .home .home-post-box.index1 a { width: 420px; height: 300px; } /* line 1008, ../scss/_base.scss */ .home .home-post-box.index1 a img { width: 420px; height: 300px; } /* line 1009, ../scss/_base.scss */ .home .home-post-box.index1 a .infos { padding: 18px; } /* line 1011, ../scss/_base.scss */ .home .home-post-box.index1 a .infos .txt { line-height: 36px; font-size: 32px; } /* line 1014, ../scss/_base.scss */ .home .home-post-box.index2 a { width: 280px; height: 200px; } /* line 1016, ../scss/_base.scss */ .home .home-post-box.index2 a img { width: 280px; height: 200px; } /* line 1017, ../scss/_base.scss */ .home .home-post-box.index2 a .infos { padding: 15px; } /* line 1019, ../scss/_base.scss */ .home .home-post-box.index2 a .infos .txt { line-height: 32px; font-size: 28px; } /* line 1022, ../scss/_base.scss */ .home .home-post-box.index3 a, .home .home-post-box.index4 a, .home .home-post-box.index5 a, .home .home-post-box.index6 a, .home .home-post-box.index7 a, .home .home-post-box.index8 a, .home .home-post-box.index9 a { width: 140px; height: 100px; } /* line 1024, ../scss/_base.scss */ .home .home-post-box.index3 a img, .home .home-post-box.index4 a img, .home .home-post-box.index5 a img, .home .home-post-box.index6 a img, .home .home-post-box.index7 a img, .home .home-post-box.index8 a img, .home .home-post-box.index9 a img { width: 140px; height: 100px; } /* line 1025, ../scss/_base.scss */ .home .home-post-box.index3 a .infos, .home .home-post-box.index4 a .infos, .home .home-post-box.index5 a .infos, .home .home-post-box.index6 a .infos, .home .home-post-box.index7 a .infos, .home .home-post-box.index8 a .infos, .home .home-post-box.index9 a .infos { padding: 10px; } /* line 1027, ../scss/_base.scss */ .home .home-post-box.index3 a .infos .txt, .home .home-post-box.index4 a .infos .txt, .home .home-post-box.index5 a .infos .txt, .home .home-post-box.index6 a .infos .txt, .home .home-post-box.index7 a .infos .txt, .home .home-post-box.index8 a .infos .txt, .home .home-post-box.index9 a .infos .txt { line-height: 17px; font-size: 14px; } /* line 1204, ../scss/_base.scss */ .home .home-post-box.index1 { /* TODO: does not work here > so ok in js function &:hover { overflow: visible; z-index: 1000; } */ } /* line 1137, ../scss/_base.scss */ .home .home-post-box.index1 a * { -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all; -ms-transition: 1.5s all; transition: 1.5s all; } /* line 1145, ../scss/_base.scss */ .home .home-post-box.index1 a:hover { z-index: 1000; } /* line 1149, ../scss/_base.scss */ .home .home-post-box.index1 a:hover img, .home .home-post-box.index1 a:hover .gradient { width: 120%; height: 120%; -webkit-transition: width 1.5s ease, height 1.5s ease; -moz-transition: width 1.5s ease, height 1.5s ease; -o-transition: width 1.5s ease, height 1.5s ease; -ms-transition: width 1.5s ease, height 1.5s ease; transition: width 1.5s ease, height 1.5s ease; } /* line 1162, ../scss/_base.scss */ .home .home-post-box.index1 a:hover .infos { width: 120%; height: 120%; -webkit-transition: width 1.5s ease, height 1.5s ease; -moz-transition: width 1.5s ease, height 1.5s ease; -o-transition: width 1.5s ease, height 1.5s ease; -ms-transition: width 1.5s ease, height 1.5s ease; transition: width 1.5s ease, height 1.5s ease; } /* line 1173, ../scss/_base.scss */ .home .home-post-box.index1 a:hover .infos .txt { opacity: 1; font-size: 36px; line-height: 41px; -webkit-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -moz-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -o-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -ms-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; } /* line 1211, ../scss/_base.scss */ .home .home-post-box.index2 { /* TODO: does not work here > so ok in js function &:hover { overflow: visible; z-index: 1000; } */ } /* line 1137, ../scss/_base.scss */ .home .home-post-box.index2 a * { -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all; -ms-transition: 1.5s all; transition: 1.5s all; } /* line 1145, ../scss/_base.scss */ .home .home-post-box.index2 a:hover { z-index: 1000; } /* line 1149, ../scss/_base.scss */ .home .home-post-box.index2 a:hover img, .home .home-post-box.index2 a:hover .gradient { width: 140%; height: 140%; -webkit-transition: width 1.5s ease, height 1.5s ease; -moz-transition: width 1.5s ease, height 1.5s ease; -o-transition: width 1.5s ease, height 1.5s ease; -ms-transition: width 1.5s ease, height 1.5s ease; transition: width 1.5s ease, height 1.5s ease; } /* line 1162, ../scss/_base.scss */ .home .home-post-box.index2 a:hover .infos { width: 140%; height: 140%; -webkit-transition: width 1.5s ease, height 1.5s ease; -moz-transition: width 1.5s ease, height 1.5s ease; -o-transition: width 1.5s ease, height 1.5s ease; -ms-transition: width 1.5s ease, height 1.5s ease; transition: width 1.5s ease, height 1.5s ease; } /* line 1173, ../scss/_base.scss */ .home .home-post-box.index2 a:hover .infos .txt { opacity: 1; font-size: 36px; line-height: 40px; -webkit-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -moz-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -o-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -ms-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; } /* line 1218, ../scss/_base.scss */ .home .home-post-box.index3, .home .home-post-box.index4, .home .home-post-box.index5, .home .home-post-box.index6, .home .home-post-box.index7, .home .home-post-box.index8, .home .home-post-box.index9 { /* TODO: does not work here > so ok in js function &:hover { overflow: visible; z-index: 1000; } */ } /* line 1137, ../scss/_base.scss */ .home .home-post-box.index3 a *, .home .home-post-box.index4 a *, .home .home-post-box.index5 a *, .home .home-post-box.index6 a *, .home .home-post-box.index7 a *, .home .home-post-box.index8 a *, .home .home-post-box.index9 a * { -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all; -ms-transition: 1.5s all; transition: 1.5s all; } /* line 1145, ../scss/_base.scss */ .home .home-post-box.index3 a:hover, .home .home-post-box.index4 a:hover, .home .home-post-box.index5 a:hover, .home .home-post-box.index6 a:hover, .home .home-post-box.index7 a:hover, .home .home-post-box.index8 a:hover, .home .home-post-box.index9 a:hover { z-index: 1000; } /* line 1149, ../scss/_base.scss */ .home .home-post-box.index3 a:hover img, .home .home-post-box.index3 a:hover .gradient, .home .home-post-box.index4 a:hover img, .home .home-post-box.index4 a:hover .gradient, .home .home-post-box.index5 a:hover img, .home .home-post-box.index5 a:hover .gradient, .home .home-post-box.index6 a:hover img, .home .home-post-box.index6 a:hover .gradient, .home .home-post-box.index7 a:hover img, .home .home-post-box.index7 a:hover .gradient, .home .home-post-box.index8 a:hover img, .home .home-post-box.index8 a:hover .gradient, .home .home-post-box.index9 a:hover img, .home .home-post-box.index9 a:hover .gradient { width: 170%; height: 170%; -webkit-transition: width 1.5s ease, height 1.5s ease; -moz-transition: width 1.5s ease, height 1.5s ease; -o-transition: width 1.5s ease, height 1.5s ease; -ms-transition: width 1.5s ease, height 1.5s ease; transition: width 1.5s ease, height 1.5s ease; } /* line 1162, ../scss/_base.scss */ .home .home-post-box.index3 a:hover .infos, .home .home-post-box.index4 a:hover .infos, .home .home-post-box.index5 a:hover .infos, .home .home-post-box.index6 a:hover .infos, .home .home-post-box.index7 a:hover .infos, .home .home-post-box.index8 a:hover .infos, .home .home-post-box.index9 a:hover .infos { width: 170%; height: 170%; -webkit-transition: width 1.5s ease, height 1.5s ease; -moz-transition: width 1.5s ease, height 1.5s ease; -o-transition: width 1.5s ease, height 1.5s ease; -ms-transition: width 1.5s ease, height 1.5s ease; transition: width 1.5s ease, height 1.5s ease; } /* line 1173, ../scss/_base.scss */ .home .home-post-box.index3 a:hover .infos .txt, .home .home-post-box.index4 a:hover .infos .txt, .home .home-post-box.index5 a:hover .infos .txt, .home .home-post-box.index6 a:hover .infos .txt, .home .home-post-box.index7 a:hover .infos .txt, .home .home-post-box.index8 a:hover .infos .txt, .home .home-post-box.index9 a:hover .infos .txt { opacity: 1; font-size: 22px; line-height: 26px; -webkit-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -moz-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -o-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; -ms-transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; transition: font-size 1.5s ease, line-height 1.5s ease, opacity 1.5s ease; } /* line 1033, ../scss/_base.scss */ .home .home-post-box.index1 { position: absolute; top: 0px; left: 280px; } /* line 1038, ../scss/_base.scss */ .home .home-post-box.index2 { position: absolute; top: 300px; left: 280px; } /* line 1043, ../scss/_base.scss */ .home .home-post-box.index3 { position: absolute; top: 300px; left: 140px; } /* line 1048, ../scss/_base.scss */ .home .home-post-box.index4 { position: absolute; top: 300px; left: 840px; } /* line 1053, ../scss/_base.scss */ .home .home-post-box.index5 { position: absolute; top: 500px; left: 420px; } /* line 1058, ../scss/_base.scss */ .home .home-post-box.index6 { position: absolute; top: 600px; left: 140px; } /* line 1063, ../scss/_base.scss */ .home .home-post-box.index7 { position: absolute; top: 600px; left: 280px; } /* line 1068, ../scss/_base.scss */ .home .home-post-box.index8 { position: absolute; top: 600px; left: 560px; } /* line 1073, ../scss/_base.scss */ .home .home-post-box.index9 { position: absolute; top: 700px; left: 490px; } /* line 1249, ../scss/_base.scss */ .home .home-lexicon-box.index1 *, .home .home-lexicon-box.index2 *, .home .home-theme-box.index1 *, .home .home-theme-box.index2 * { -webkit-transition: 2s all; -moz-transition: 2s all; -o-transition: 2s all; -ms-transition: 2s all; transition: 2s all; } /* line 1259, ../scss/_base.scss */ .home .home-lexicon-box.index1 a:hover, .home .home-lexicon-box.index2 a:hover, .home .home-theme-box.index1 a:hover, .home .home-theme-box.index2 a:hover { width: 120%; height: 120%; -webkit-transition: width 2s ease, height 2s ease; -moz-transition: width 2s ease, height 2s ease; -o-transition: width 2s ease, height 2s ease; -ms-transition: width 2s ease, height 2s ease; transition: width 2s ease, height 2s ease; } /* line 1272, ../scss/_base.scss */ .home .home-lexicon-box.index1 a:hover .infos, .home .home-lexicon-box.index2 a:hover .infos, .home .home-theme-box.index1 a:hover .infos, .home .home-theme-box.index2 a:hover .infos { z-index: 2000; font-size: 34px; line-height: 38px; -webkit-transition: font-size 2s ease, line-height 2s ease; -moz-transition: font-size 2s ease, line-height 2s ease; -o-transition: font-size 2s ease, line-height 2s ease; -ms-transition: font-size 2s ease, line-height 2s ease; transition: font-size 2s ease, line-height 2s ease; } /* line 1249, ../scss/_base.scss */ .home .home-lexicon-box.index3 *, .home .home-lexicon-box.index4 *, .home .home-lexicon-box.index5 *, .home .home-theme-box.index3 *, .home .home-theme-box.index4 *, .home .home-theme-box.index5 * { -webkit-transition: 2s all; -moz-transition: 2s all; -o-transition: 2s all; -ms-transition: 2s all; transition: 2s all; } /* line 1259, ../scss/_base.scss */ .home .home-lexicon-box.index3 a:hover, .home .home-lexicon-box.index4 a:hover, .home .home-lexicon-box.index5 a:hover, .home .home-theme-box.index3 a:hover, .home .home-theme-box.index4 a:hover, .home .home-theme-box.index5 a:hover { width: 150%; height: 150%; -webkit-transition: width 2s ease, height 2s ease; -moz-transition: width 2s ease, height 2s ease; -o-transition: width 2s ease, height 2s ease; -ms-transition: width 2s ease, height 2s ease; transition: width 2s ease, height 2s ease; } /* line 1272, ../scss/_base.scss */ .home .home-lexicon-box.index3 a:hover .infos, .home .home-lexicon-box.index4 a:hover .infos, .home .home-lexicon-box.index5 a:hover .infos, .home .home-theme-box.index3 a:hover .infos, .home .home-theme-box.index4 a:hover .infos, .home .home-theme-box.index5 a:hover .infos { z-index: 2000; font-size: 30px; line-height: 34px; -webkit-transition: font-size 2s ease, line-height 2s ease; -moz-transition: font-size 2s ease, line-height 2s ease; -o-transition: font-size 2s ease, line-height 2s ease; -ms-transition: font-size 2s ease, line-height 2s ease; transition: font-size 2s ease, line-height 2s ease; } /* line 1249, ../scss/_base.scss */ .home .home-lexicon-box.index6 *, .home .home-lexicon-box.index7 *, .home .home-lexicon-box.index8 *, .home .home-lexicon-box.index9 *, .home .home-theme-box.index6 *, .home .home-theme-box.index7 *, .home .home-theme-box.index8 *, .home .home-theme-box.index9 * { -webkit-transition: 2s all; -moz-transition: 2s all; -o-transition: 2s all; -ms-transition: 2s all; transition: 2s all; } /* line 1259, ../scss/_base.scss */ .home .home-lexicon-box.index6 a:hover, .home .home-lexicon-box.index7 a:hover, .home .home-lexicon-box.index8 a:hover, .home .home-lexicon-box.index9 a:hover, .home .home-theme-box.index6 a:hover, .home .home-theme-box.index7 a:hover, .home .home-theme-box.index8 a:hover, .home .home-theme-box.index9 a:hover { width: 170%; height: 170%; -webkit-transition: width 2s ease, height 2s ease; -moz-transition: width 2s ease, height 2s ease; -o-transition: width 2s ease, height 2s ease; -ms-transition: width 2s ease, height 2s ease; transition: width 2s ease, height 2s ease; } /* line 1272, ../scss/_base.scss */ .home .home-lexicon-box.index6 a:hover .infos, .home .home-lexicon-box.index7 a:hover .infos, .home .home-lexicon-box.index8 a:hover .infos, .home .home-lexicon-box.index9 a:hover .infos, .home .home-theme-box.index6 a:hover .infos, .home .home-theme-box.index7 a:hover .infos, .home .home-theme-box.index8 a:hover .infos, .home .home-theme-box.index9 a:hover .infos { z-index: 2000; font-size: 15px; line-height: 17px; -webkit-transition: font-size 2s ease, line-height 2s ease; -moz-transition: font-size 2s ease, line-height 2s ease; -o-transition: font-size 2s ease, line-height 2s ease; -ms-transition: font-size 2s ease, line-height 2s ease; transition: font-size 2s ease, line-height 2s ease; } } .home-post-box:hover .infos { background: rgba(128, 128, 128, 0.5); } .home-post-box:hover .infos .txt { opacity: 1!important; } /********************** Small screens ***********************/ @media only screen and (max-width: 1250px) { body.home #main { margin: 0!important; width: 100%!important; } body.home #main .item { display: block; float: left; overflow: hidden; position: relative!important; width: 280px!important; height: 200px!important; margin: 0 10px 10px 0!important; top: auto!important; left: auto!important; } body.home #main .item a { width: 100%!important; height: 100%!important; } body.home #main .item a img { width: 100%!important; height: 100%!important; max-width: 100%!important; } body.home #main .item a .infos { display: block; overflow: hidden; padding: 12px!important; font-size: 22px!important; line-height: 25px!important; width: 280px!important; } body.home #main .item a .infos .txt { width: 280px!important; padding: 5px!important; font-size: 22px!important; line-height: 25px!important; } body.home #main .item.home-theme-box { display: none!important; } } /********************** Tablet landscape ***********************/ @media only screen and (max-width: 1024px) { body.home #container { margin-top: 70px!important; } body.home #main .item { width: 238px!important; height: 170px!important; } body.home #main .item a .infos { display: block; overflow: hidden; padding: 8px!important; font-size: 22px!important; line-height: 25px!important; width: 238px!important; } body.home #main .item a .infos .txt { opacity: 1!important; width: 238px!important; padding: 7px!important; font-size: 22px!important; line-height: 25px!important; } body.home #main .item.home-post-box .infos { background: rgba(128, 128, 128, 0.5); } body.home #main .item.home-post-box .infos .txt { opacity: 1!important; } } /********************** Tablet portrait + Mobile ***********************/ @media only screen and (max-width: 768px) { body.home #main .item { width: 238px!important; height: 170px!important; } body.home #main .item a .infos .txt { padding: 15px; font-size: 28px; } } /* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE6/7/8/9 & FF3. */ /* line 21, ../scss/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3. */ /* line 31, ../scss/_normalize.scss */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS5 devices. */ /* line 42, ../scss/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4. * Known issue: no IE6 support. */ /* line 52, ../scss/_normalize.scss */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ /* line 67, ../scss/_normalize.scss */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ /* line 82, ../scss/_normalize.scss */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7. */ /* line 90, ../scss/_normalize.scss */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ /* line 102, ../scss/_normalize.scss */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. * people.opera.com/patrickl/experiments/keyboard/test */ /* line 112, ../scss/_normalize.scss */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7. * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5. */ /* line 125, ../scss/_normalize.scss */ h1 { font-size: 2em; margin: 0.67em 0; } /* line 130, ../scss/_normalize.scss */ h2 { font-size: 1.5em; margin: 0.83em 0; } /* line 135, ../scss/_normalize.scss */ h3 { font-size: 1.17em; margin: 1em 0; } /* line 140, ../scss/_normalize.scss */ h4 { font-size: 1em; margin: 1.33em 0; } /* line 145, ../scss/_normalize.scss */ h5 { font-size: 0.83em; margin: 1.67em 0; } /* line 150, ../scss/_normalize.scss */ h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome. */ /* line 159, ../scss/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in FF3+, S4/5, Chrome. */ /* line 168, ../scss/_normalize.scss */ b, strong { font-weight: bold; } /* line 172, ../scss/_normalize.scss */ blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome. */ /* line 180, ../scss/_normalize.scss */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9. */ /* line 188, ../scss/_normalize.scss */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7. */ /* line 198, ../scss/_normalize.scss */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome. * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ /* line 210, ../scss/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ /* line 220, ../scss/_normalize.scss */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE6/7. */ /* line 230, ../scss/_normalize.scss */ q { quotes: none; } /* * Addresses `quotes` property not supported in S4. */ /* line 239, ../scss/_normalize.scss */ q:before, q:after { content: ''; content: none; } /* line 244, ../scss/_normalize.scss */ small { font-size: 75%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. * gist.github.com/413930 */ /* line 254, ../scss/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 261, ../scss/_normalize.scss */ sup { top: -0.5em; } /* line 265, ../scss/_normalize.scss */ sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7. */ /* line 280, ../scss/_normalize.scss */ dl, menu, ol, ul { margin: 1em 0; } /* line 284, ../scss/_normalize.scss */ dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7. */ /* line 294, ../scss/_normalize.scss */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7. */ /* line 303, ../scss/_normalize.scss */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE6/7/8/9, FF3. * 2. Improves image quality when scaled in IE7. * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ /* line 318, ../scss/_normalize.scss */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9. */ /* line 327, ../scss/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11. */ /* line 339, ../scss/_normalize.scss */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7. */ /* line 351, ../scss/_normalize.scss */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ /* line 359, ../scss/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9. * 2. Corrects text not wrapping in FF3. * 3. Corrects alignment displayed oddly in IE6/7. */ /* line 371, ../scss/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome. * 3. Improves appearance and consistency in all browsers. */ /* line 387, ../scss/_normalize.scss */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting `line-height` on `input` using `!important` in the * UA stylesheet. */ /* line 400, ../scss/_normalize.scss */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE7 without affecting normal text inputs. * Known issue: inner spacing remains in IE6. */ /* line 417, ../scss/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ /* line 428, ../scss/_normalize.scss */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9. * 2. Removes excess padding in IE8/9. * 3. Removes excess padding in IE7. * Known issue: excess padding remains in IE6. */ /* line 440, ../scss/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in S5, Chrome. * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz` * to future-proof). */ /* line 453, ../scss/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X. */ /* line 465, ../scss/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+. */ /* line 474, ../scss/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9. * 2. Improves readability and alignment in all browsers. */ /* line 484, ../scss/_normalize.scss */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ /* line 497, ../scss/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /****************************************************************** CUSTOMIZED RESET VALUES I added these extra styles as a more personalized reset. Feel free to remove them if you like or add your own. If you want to update the normalize styles, make sure to edit from this point up. ******************************************************************/ /* line 509, ../scss/_normalize.scss */ ul, ol { padding: 0; list-style-type: none; } /* line 514, ../scss/_normalize.scss */ dd { margin: 0; } /* line 520, ../scss/_normalize.scss */ .sidebar ul, .sidebar ol, .commentlist { list-style: none; } /* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */ /* line 525, ../scss/_normalize.scss */ p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; } /* line 534, ../scss/_normalize.scss */ b, strong, .strong { font-weight: bold; } /* line 540, ../scss/_normalize.scss */ dfn, em, .em { font-style: italic; } /* line 544, ../scss/_normalize.scss */ small, .small { font-size: 75%; } /****************************************************************** Site Name: Author: Stylesheet: Grid Stylesheet I've seperated the grid so you can swap it out easily. It's called at the top the style.scss stylesheet. ******************************************************************/ /* This is a combination of the 1140 grid and Twitter Boostrap. I liked 1140 but Boostrap's grid was way more detailed so I merged them together, let's see how this works out. If you want to use 1140, the original values are commented out on each line. */ /* line 19, ../scss/_grid.scss */ .onecol { width: 5.801104972%; } /* 4.85%; } /* grid_1 */ /* line 20, ../scss/_grid.scss */ .twocol { width: 14.364640883%; } /* 13.45%; } /* grid_2 */ /* line 21, ../scss/_grid.scss */ .threecol { width: 22.928176794%; } /* 22.05%; } /* grid_3 */ /* line 22, ../scss/_grid.scss */ .fourcol { width: 31.491712705%; } /* 30.75%; } /* grid_4 */ /* line 23, ../scss/_grid.scss */ .fivecol { width: 40.055248616%; } /* 39.45%; } /* grid_5 */ /* line 24, ../scss/_grid.scss */ .sixcol { width: 48.618784527%; } /* 48%; } /* grid_6 */ /* line 25, ../scss/_grid.scss */ .sevencol { width: 57.182320438000005%; } /* 56.75%; } /* grid_7 */ /* line 26, ../scss/_grid.scss */ .eightcol { width: 65.74585634900001%; } /* 65.4%; } /* grid_8 */ /* line 27, ../scss/_grid.scss */ .ninecol { width: 74.30939226%; } /* 74.05%; } /* grid_9 */ /* line 28, ../scss/_grid.scss */ .tencol { width: 82.87292817100001%; } /* 82.7%; } /* grid_10 */ /* line 29, ../scss/_grid.scss */ .elevencol { width: 91.436464082%; } /* 91.35%; } /* grid_11 */ /* line 30, ../scss/_grid.scss */ .twelvecol { width: 99.999999993%; } /* 100%; } /* grid_12 */ /* layout & column defaults */ /* line 33, ../scss/_grid.scss */ .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; } /* line 39, ../scss/_grid.scss */ .first { margin-left: 0; } /* line 43, ../scss/_grid.scss */ .last { float: right; } /****************************************************************** Site Name: Author: Stylesheet: Mixins & Constants Stylesheet This is where you can take advantage of Sass' great features: Mixins & Constants. I won't go in-depth on how they work exactly, there are a few articles below that will help do that. What I will tell you is that this will help speed up simple changes like changing a color or adding CSS3 techniques like box shadow and border-radius. A WORD OF WARNING: It's very easy to overdo it here. Be careful and remember less is more. ******************************************************************/ /********************* CLEARFIXIN' *********************/ /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ /* line 24, ../scss/_mixins.scss */ .clearfix { zoom: 1; } /* line 26, ../scss/_mixins.scss */ .clearfix:before, .clearfix:after { content: ""; display: table; } /* line 30, ../scss/_mixins.scss */ .clearfix:after { clear: both; } /********************* TOOLS *********************/ /* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */ /* line 41, ../scss/_mixins.scss */ .image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; } /* apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */ /* line 48, ../scss/_mixins.scss */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /********************* COLORS Need help w/ choosing your colors? Try this site out: http://0to255.com/ *********************/ /********************* TYPOGRAPHY *********************/ /* To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. @font-face { font-family: 'Font Name'; src: url('library/fonts/font-name.eot'); src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'), url('library/fonts/font-name.woff') format('woff'), url('library/fonts/font-name.ttf') format('truetype'), url('library/fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'myhelveticaneuelight'; src: url("../../library/fonts/helveticaneue_light-webfont.eot"); src: url("../../library/fonts/helveticaneue_light-webfont.eot?#iefix") format("embedded-opentype"), url("../../library/fonts/helveticaneue_light-webfont.woff") format("woff"), url("../../library/fonts/helveticaneue_light-webfont.ttf") format("truetype"), url("../../library/fonts/helveticaneue_light-webfont.svg#helveticaneuelight") format("svg"); font-weight: lighter; font-style: normal; } @font-face { font-family: 'myhelveticaneuebold'; src: url("../../library/fonts/helveticaneue_bold-webfont.eot"); src: url("../../library/fonts/helveticaneue_light-webfont.eot?#iefix") format("embedded-opentype"), url("../../library/fonts/helveticaneue_light-webfont.woff") format("woff"), url("../../library/fonts/helveticaneue_light-webfont.ttf") format("truetype"), url("../../library/fonts/helveticaneue_light-webfont.svg#helveticaneuelight") format("svg"); font-weight: lighter; font-style: normal; } /* use the best ampersand http://simplebits.com/notebook/2008/08/14/ampersands-2/ */ /* line 127, ../scss/_mixins.scss */ span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important; font-style: italic; } /* text alignment */ /* line 133, ../scss/_mixins.scss */ .text-left { text-align: left; } /* line 134, ../scss/_mixins.scss */ .text-center { text-align: center; } /* line 135, ../scss/_mixins.scss */ .text-right { text-align: right; } /* alerts & notices */ /* line 139, ../scss/_mixins.scss */ .alert-help, .alert-info, .alert-error, .alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; } /* line 145, ../scss/_mixins.scss */ .alert-help { border-color: #e8dc59; background: #ebe16f; } /* line 151, ../scss/_mixins.scss */ .alert-info { border-color: #bfe4f4; background: #d5edf8; } /* line 157, ../scss/_mixins.scss */ .alert-error { border-color: #f8cdce; background: #fbe3e4; } /* line 163, ../scss/_mixins.scss */ .alert-success { border-color: #deeaae; background: #e6efc2; } /********************* BORDER RADIUS *********************/ /* I totally rewrote this to be cleaner and easier to use. You'll need to be using Sass 3.2+ for these to work. Thanks to @anthonyshort for the inspiration on these. USAGE: @include border-radius(4px 4px 0 0); */ /********************* TRANISTION *********************/ /* I totally rewrote this to be cleaner and easier to use. You'll need to be using Sass 3.2+ for these to work. Thanks to @anthonyshort for the inspiration on these. USAGE: @include transition(all 0.2s ease-in-out); */ /********************* BOX SHADOWS *********************/ /* I totally rewrote this to be cleaner and easier to use. You'll need to be using Sass 3.2+ for these to work. Thanks to @anthonyshort for the inspiration on these. USAGE: @include box-shadow(inset 0 0 4px rgba(0,0,0,0.22)); */ /********************* CSS3 GRADIENTS Be careful with these since they can really slow down your CSS. Don't overdue it. *********************/ /* @include css-gradient(#dfdfdf,#f8f8f8); */ /********************* BOX SIZING *********************/ /* @include box-sizing(border-box); */ /* NOTE: value of "padding-box" is only supported in Gecko. So probably best not to use it. I mean, were you going to anyway? */ /********************* BUTTONS *********************/ /* line 269, ../scss/_mixins.scss */ .button, .button:visited { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid black; border-top-color: black; border-left-color: black; padding: 4px 12px; color: white; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.75); cursor: pointer; margin-bottom: 20px; line-height: 21px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -border-radius: 4px; border-radius: 4px; background-color: black; background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background-image: -webkit-linear-gradient(top, black, black); background-image: -moz-linear-gradient(top, black, black); background-image: -o-linear-gradient(top, black, black); background-image: linear-gradient(to bottom, #000000, #000000); } /* line 288, ../scss/_mixins.scss */ .button:hover, .button:focus, .button:visited:hover, .button:visited:focus { color: white; border: 1px solid black; border-top-color: black; border-left-color: black; background-color: black; background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background-image: -webkit-linear-gradient(top, black, black); background-image: -moz-linear-gradient(top, black, black); background-image: -o-linear-gradient(top, black, black); background-image: linear-gradient(to bottom, #000000, #000000); } /* line 296, ../scss/_mixins.scss */ .button:active, .button:visited:active { background-color: black; background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background-image: -webkit-linear-gradient(top, black, black); background-image: -moz-linear-gradient(top, black, black); background-image: -o-linear-gradient(top, black, black); background-image: linear-gradient(to bottom, #000000, #000000); } /* line 301, ../scss/_mixins.scss */ .blue-button, .blue-button:visited { border-color: #1472ad; text-shadow: 0 1px 1px #1472ad; background-color: #1681c4; background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4)); background-image: -webkit-linear-gradient(top, #1990db, #1681c4); background-image: -moz-linear-gradient(top, #1990db, #1681c4); background-image: -o-linear-gradient(top, #1990db, #1681c4); background-image: linear-gradient(to bottom, #1990db, #1681c4); -webkit-box-shadow: inset 0 0 3px #59b3ec; -moz-box-shadow: inset 0 0 3px #59b3ec; -ms-box-shadow: inset 0 0 3px #59b3ec; -o-box-shadow: inset 0 0 3px #59b3ec; -box-shadow: inset 0 0 3px #59b3ec; box-shadow: inset 0 0 3px #59b3ec; } /* line 307, ../scss/_mixins.scss */ .blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus { border-color: #116396; background-color: #1472ad; background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad)); background-image: -webkit-linear-gradient(top, #1784c9, #1472ad); background-image: -moz-linear-gradient(top, #1784c9, #1472ad); background-image: -o-linear-gradient(top, #1784c9, #1472ad); background-image: linear-gradient(to bottom, #1784c9, #1472ad); } /* line 311, ../scss/_mixins.scss */ .blue-button:active, .blue-button:visited:active { background-color: #1990db; background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db)); background-image: -webkit-linear-gradient(top, #1681c4, #1990db); background-image: -moz-linear-gradient(top, #1681c4, #1990db); background-image: -o-linear-gradient(top, #1681c4, #1990db); background-image: linear-gradient(to bottom, #1681c4, #1990db); } /* BASE (MOBILE) SIZE This are the mobile styles. It's what people see on their phones. If you set a great foundation, you won't need to add too many styles in the other stylesheets. Remember, keep it light: Speed is Important. */ /****************************************************************** Site Name: Author: Stylesheet: Base Mobile Stylesheet Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. This is called at the top of the main stylsheet and will be used across all viewports. ******************************************************************/ /********************* GENERAL STYLES *********************/ /* line 17, ../scss/_base.scss */ body { font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size: 19px; margin: 20px 0 0 20px; color: #000; } /* line 60, ../scss/_base.scss */ body div#container { margin-top: 130px; } body.page-id-1909 div#container #content { min-height: 900px; } /* div { display: block; float: left; } */ /* line 77, ../scss/_base.scss */ article .post-wrapper-main-content a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ article .post-wrapper-main-content a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ article .post-wrapper-main-content a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 77, ../scss/_base.scss */ article .post-wrapper-main-content strong a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ article .post-wrapper-main-content strong a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ article .post-wrapper-main-content strong a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 77, ../scss/_base.scss */ article .post-wrapper-main-content p a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ article .post-wrapper-main-content p a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ article .post-wrapper-main-content p a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 77, ../scss/_base.scss */ article .post-footer-content a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ article .post-footer-content a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ article .post-footer-content a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 122, ../scss/_base.scss */ article .post-footer-content.share-content a { color: #000; text-decoration: none; margin-left: 0px; padding: 0; border-bottom: 0px; } /* line 130, ../scss/_base.scss */ article .post-footer-content.share-content a:hover { color: #fff; background: transparent; padding: 0; } /* line 77, ../scss/_base.scss */ .post-content p a, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ .post-content p a:hover, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ .post-content p a:hover strong, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 77, ../scss/_base.scss */ .sidebar .credits .attribution a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ .sidebar .credits .attribution a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ .sidebar .credits .attribution a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 77, ../scss/_base.scss */ .page-head .email-subscription p a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ .page-head .email-subscription p a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ .page-head .email-subscription p a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 77, ../scss/_base.scss */ .page-head .email-subscription p strong a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ .page-head .email-subscription p strong a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ .page-head .email-subscription p strong a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 122, ../scss/_base.scss */ .photosophers .post-wrapper-main-content a { color: #000; text-decoration: none; margin-left: 0px; padding: 0; border-bottom: 0px; } /* line 130, ../scss/_base.scss */ .photosophers .post-wrapper-main-content a:hover { color: #fff; background: transparent; padding: 0; } /* line 137, ../scss/_base.scss */ .photosophers .post-wrapper-main-content div.wp-caption a p { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 1px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 148, ../scss/_base.scss */ .photosophers .post-wrapper-main-content div.wp-caption a p:hover { color: #fff; background: #000; padding: 2px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 163, ../scss/_base.scss */ .photosophers .post-wrapper-main-content div.wp-caption a p:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 263, ../scss/_base.scss */ .photosophers .post-wrapper-main-content div.wp-caption a p { border-bottom: 0px; } /* line 122, ../scss/_base.scss */ .photosopher .post-wrapper-main-content div.ejunkie-form a { color: #000; text-decoration: none; margin-left: 0px; padding: 0; border-bottom: 0px; } /* line 130, ../scss/_base.scss */ .photosopher .post-wrapper-main-content div.ejunkie-form a:hover { color: #fff; background: transparent; padding: 0; } /* line 77, ../scss/_base.scss */ .photosophers .post-wrapper-main-content p a { color: #000; background: #fff; text-decoration: none; margin-left: -2px; padding: 0px 2px 2px 2px; border-bottom: 1px dotted #000; } /* line 88, ../scss/_base.scss */ .photosophers .post-wrapper-main-content p a:hover { color: #fff; background: #000; padding: 1px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /* line 103, ../scss/_base.scss */ .photosophers .post-wrapper-main-content p a:hover strong { color: #fff; /* color:#fff;background:#000; -webkit-transition: color $time-animation-hover-links linear; -moz-transition: color $time-animation-hover-links linear; -o-transition: color $time-animation-hover-links linear; transition: color $time-animation-hover-links linear; -webkit-transition: background $time-animation-hover-links ease-in; -moz-transition: background $time-animation-hover-links ease-in; -o-transition: background $time-animation-hover-links ease-in; transition: background $time-animation-hover-links ease-in; */ } /* line 282, ../scss/_base.scss */ .photosophers .post-wrapper-main-content a:hover p.wp-caption-text { color: #fff; background: #000; padding: 2px 2px 2px 2px; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; -webkit-transition: background 1s ease-in; -moz-transition: background 1s ease-in; -o-transition: background 1s ease-in; transition: background 1s ease-in; } /******************** WORDPRESS BODY CLASSES style a page via class ********************/ /* line 379, ../scss/_base.scss */ .text-gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC45NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.95) 96%, rgba(255, 255, 255, 0.95) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.33)), color-stop(96%, rgba(255, 255, 255, 0.95)), color-stop(100%, rgba(255, 255, 255, 0.95))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.95) 96%, rgba(255, 255, 255, 0.95) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.95) 96%, rgba(255, 255, 255, 0.95) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.95) 96%, rgba(255, 255, 255, 0.95) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.95) 96%, rgba(255, 255, 255, 0.95) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54ffffff', endColorstr='#f2ffffff', GradientType=1); /* IE6-8 */ position: absolute; display: block; width: 103%; height: 100%; top: 0; left: 0; } /* line 393, ../scss/_base.scss */ strong { color: #000000; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 600; } /* line 403, ../scss/_base.scss */ .attachment-post-thumbnail-150 { max-width: 150px; height: auto; } /* line 404, ../scss/_base.scss */ .attachment-post-thumbnail-210 { max-width: 210px; height: auto; } /* line 478, ../scss/_base.scss */ .page-slug-become .page-head .page-title, .page-slug-photosopher .page-head .page-title { height: 200px; overflow: hidden; } /* line 491, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form { display: block; float: left; width: 100%; text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 14px; line-height: 20px; color: #484848; } /* line 500, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form button, .page-slug-become .post-wrapper-main-content div.ejunkie-form html input[type="button"], .page-slug-become .post-wrapper-main-content div.ejunkie-form input[type="reset"], .page-slug-become .post-wrapper-main-content div.ejunkie-form input[type="submit"], .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form button, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form html input[type="button"], .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form input[type="reset"], .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form input[type="submit"] { cursor: pointer; } /* line 504, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form .button, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form .button { text-align: left; background-image: none; border: 1px solid black; border-radius: 4px 4px 4px 4px; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 21px; margin-top: 20px; margin-bottom: 20px; padding: 4px 12px; width: 109px; text-shadow: none; } /* line 524, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form .button:hover, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form .button:hover { -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all; -ms-transition: 1.5s all; transition: 1.5s all; background-color: #fff; background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-image: -moz-linear-gradient(to bottom, white, white); background-image: -webkit-linear-gradient(to bottom, white, white); background-image: -o-linear-gradient(to bottom, white, white); color: #000; } /* line 541, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form form, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form form { margin: -25px 0 0 0; padding: 0; } /* line 547, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form a.button, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form a.button { text-align: left; background-color: black; border: 1px solid black; border-radius: 4px 4px 4px 4px; color: #fff; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 21px; margin-top: 20px; margin-bottom: 70px; padding: 4px 12px; text-decoration: none; text-shadow: none; } /* line 568, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form a:hover, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form a:hover { background-color: #fff; background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-image: -moz-linear-gradient(to bottom, white, white); background-image: -webkit-linear-gradient(to bottom, white, white); background-image: -o-linear-gradient(to bottom, white, white); color: #000; } /* line 581, ../scss/_base.scss */ .page-slug-become .post-wrapper-main-content div.ejunkie-form select, .page-slug-photosopher .post-wrapper-main-content div.ejunkie-form select { display: block; float: left; background-color: #fff; color: #000; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; text-decoration: none; text-shadow: none; } /* blog template page */ /* archive page */ /* date archive page */ /* replace the number to the corresponding page number */ /* search page */ /* search result page */ /* no results search page */ /* individual paged search (i.e. body.search-paged-3) */ /* 404 page */ /*.single { //not for .single-phoswords */ /* line 1346, ../scss/_base.scss */ .single-phoshaping .main .page-head, .single-phosforum .main .page-head, .single-phototexts .main .page-head { display: none; } /* single post page */ /* individual post page by id (i.e. body.postid-73) */ /* individual paged single (i.e. body.single-paged-3) */ /* attatchment page */ /* individual attatchment page (i.e. body.attachmentid-763) */ /* style mime type pages */ /* author page */ /* user nicename (i.e. body.author-samueladams) */ /* paged author archives (i.e. body.author-paged-4) for page 4 */ /* category page */ /* individual category page (i.e. body.category-6) */ /* replace the number to the corresponding page number */ /* tag page */ /* individual tag page (i.e. body.tag-news) */ /* replace the number to the corresponding page number */ /* custom page template page */ /* individual page template (i.e. body.page-template-contact-php */ /* replace the number to the corresponding page number */ /* parent page template */ /* child page template */ /* replace the number to the corresponding page number */ /* if user is logged in */ /* paged items like search results or archives */ /* individual paged (i.e. body.paged-3) */ /********************* MIG GENERAL CUSTOM STYLES *********************/ /* line 1387, ../scss/_base.scss */ .hide { display: none; } /* line 1389, ../scss/_base.scss */ .article-header h1 { text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size: 25px; letter-spacing: -1px; line-height: 28px; color: #000; } /* line 1390, ../scss/_base.scss */ .post-content p, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p { text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 14px; line-height: 20px; color: #484848; } /* line 1392, ../scss/_base.scss */ .display-full-article .main .hentry, .single-phoshaping .main .hentry, .single-phosforum .main .hentry, .single-phototexts .main .hentry { display: block; float: left; height: auto; } /* line 1402, ../scss/_base.scss */ .display-full-article .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full, .single-phoshaping .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full, .single-phosforum .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full, .single-phototexts .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full { display: block; height: auto; } /* line 1406, ../scss/_base.scss */ .display-full-article .main .hentry .post-content-sign-open, .single-phoshaping .main .hentry .post-content-sign-open, .single-phosforum .main .hentry .post-content-sign-open, .single-phototexts .main .hentry .post-content-sign-open { display: none; } /* line 1407, ../scss/_base.scss */ .display-full-article .main .hentry .post-content-sign-close, .single-phoshaping .main .hentry .post-content-sign-close, .single-phosforum .main .hentry .post-content-sign-close, .single-phototexts .main .hentry .post-content-sign-close { display: none; } /* line 1414, ../scss/_base.scss */ p strong { color: #000000; } /* line 1419, ../scss/_base.scss */ p a { color: #000000; } /* MAILCHIMP form signup */ /* line 1431, ../scss/_base.scss */ #mc_signup_form label.mc_var_label { display: inline-block; width: 200px; } /* line 1435, ../scss/_base.scss */ #mc_signup_form .mc_input { width: auto; } /* line 1438, ../scss/_base.scss */ .mc_signup_submit { display: block; float: left; text-align: left; margin-left: 0; width: auto!important; } #mc_signup_submit { width: auto!important; } /********************* PAGE TEMPLATE1 : POSTS LIST + EMAIL SUBSCRIPTION *********************/ /* line 1453, ../scss/_base.scss */ .main { padding: 80px 0 0 0; text-align: left; /***************************************** POSTS IN CONDENSED MODE BY DEFAULT > open button click = activate js expansion > close button click = ?? > not for single page = already expanded in this case ****************************************/ } /* line 1458, ../scss/_base.scss */ .main .page-head { text-align: left; width: 900px; border-top: solid 1px #000; } /* line 1465, ../scss/_base.scss */ .main .page-head .page-title { background: url("../images/colorband.jpg") no-repeat; background-size: 500px 7px; margin: 0; width: 670px; height: 200px; float: left; } /* line 1474, ../scss/_base.scss */ .main .page-head .page-title h1 { margin: 0; padding: 20px 0 20px 0; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: bold; font-size: 50px; letter-spacing: -2px; line-height: 40px; vertical-align: top; color: #000; } /* line 1480, ../scss/_base.scss */ .main .page-head .page-title .page-content { width: 590px; text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 14px; line-height: 20px; color: #000; } /* line 1486, ../scss/_base.scss */ .main .page-head .email-subscription { width: 230px; height: 200px; padding: 20px 0 0 0; float: left; } /* line 1492, ../scss/_base.scss */ .main .page-head .email-subscription p { text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 14px; line-height: 20px; color: #000; margin-top: 10px; } /* line 1497, ../scss/_base.scss */ .main .page-head .email-subscription a { color: #000000; } /* line 1514, ../scss/_base.scss */ .main .hentry { position: relative; display: block; float: left; width: 900px; height: 170px; overflow: hidden; margin-bottom: 20px; text-align: left; } /* line 1526, ../scss/_base.scss */ .main .hentry .post-wrapper-main { text-align: left; width: 900px; } /* line 1532, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-thumbnail { float: left; width: 250px; min-height: 100px; height: auto; text-align: left; } /* line 1540, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-thumbnail img { border: solid 1px #C0C0C0; } /* line 1545, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content { float: left; width: 650px; } /* line 1549, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .article-header { min-height: 20px; overflow: hidden; border-top: solid 1px #000000; } /* line 1555, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .article-header h1.post-title { margin: 0 0 0px 0; padding: 15px 0 25px 0; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size: 25px; letter-spacing: -1px; line-height: 28px; color: #000; } /* line 1563, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper { position: relative; } /* line 1566, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-footer-content { /*> p { display: block; float: left; width: 100%; max-width: 650px; } */ } /* line 422, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content img, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-wrapper-footer .article-footer .post-footer-section .post-footer-content img, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-footer-content img { margin: 0 0 7px 0; } /* line 441, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content div.wp-caption, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div.wp-caption, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-footer-content div.wp-caption { display: block; float: left; margin: 0 0 17px 0; padding: 0; width: 650px; } /* line 448, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content div.wp-caption img, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div.wp-caption img, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-footer-content div.wp-caption img { margin: 0; } /* line 453, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content div.wp-caption p.wp-caption-text, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div.wp-caption p.wp-caption-text, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-footer-content div.wp-caption p.wp-caption-text { display: block; float: left; text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 11px; line-height: 14px; color: #484848; margin: 3px 0 0px 0; width: 650px; } /* line 1572, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-summary, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full { z-index: -1; /*> p { display: block; float: left; width: 100%; max-width: 650px; } */ } /* line 422, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-summary img, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full img { margin: 0 0 7px 0; } /* line 441, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-summary div.wp-caption, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full div.wp-caption { display: block; float: left; margin: 0 0 17px 0; padding: 0; width: 650px; } /* line 448, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-summary div.wp-caption img, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full div.wp-caption img { margin: 0; } /* line 453, ../scss/_base.scss */ .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-summary div.wp-caption p.wp-caption-text, .main .hentry .post-wrapper-main .post-wrapper-main-content .post-content-wrapper .post-content-full div.wp-caption p.wp-caption-text { display: block; float: left; text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 11px; line-height: 14px; color: #484848; margin: 3px 0 0px 0; width: 650px; } /* line 1582, ../scss/_base.scss */ .main .hentry .post-wrapper-footer { float: left; margin: 50px 0 0px 0; width: 900px; } /* line 1589, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .post-footer-title-wrapper { float: left; width: 250px; min-height: 100px; height: auto; } /* line 1596, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .post-footer-title-wrapper .post-footer-title-become-box { width: 210px; height: auto; padding: 5px 0 5px 0; border-top: solid 1px #A8A8A8; } /* line 1603, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .post-footer-title-wrapper .post-footer-title-become-box a { z-index: 2; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 600; font-stretch: normal; font-size: 16px; line-height: 19px; color: #000000; } /* line 1607, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .post-footer-title-wrapper .post-footer-title-become-box a:hover, .main .hentry .post-wrapper-footer .post-footer-title-wrapper .post-footer-title-become-box a:focus { color: #000000; } /* line 1610, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .post-footer-title-wrapper .post-footer-title-become-box a .text-gradient:hover { opacity: 0; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; } /* line 1620, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .post-footer-title-wrapper .post-footer-title-become-box .post-footer-title-become { position: relative; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size: 25px; letter-spacing: -1px; line-height: 28px; color: #000; font-weight: bold; } /* line 1628, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer { float: left; width: 650px; text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 14px; line-height: 20px; color: #484848; } /* line 1633, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section { border-top: solid 1px #A8A8A8; padding: 10px 0 20px 0; } /* line 1637, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-title { float: left; width: 100px; text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 11px; line-height: 14px; color: #484848; } /* line 1642, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content { display: block; float: left; width: 550px; letter-spacing: 0px; } /* line 1649, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content a { text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size: 25px; letter-spacing: -1px; line-height: 28px; color: #000; letter-spacing: 0px; font-size: 14px; font-weight: 700; color: #A8A8A8; line-height: 16px; } /* line 1662, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p { margin-bottom: 5px; } /* line 1665, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p a { color: #A8A8A8; } /* line 1667, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p a:hover { color: #A8A8A8; } /* line 1672, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content ul.related-lists { margin: 0px; } /* line 1675, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content ul.related-lists li { float: left; margin-right: 5px; } /* line 1680, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content ul.related-lists li:after { content: ", "; } /* line 1683, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content ul.related-lists li.last:after { content: ". "; } /* line 1689, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .share-content { opacity: 0.6; width: 250px; padding-right: 20px; } /* line 1695, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .share-content:hover { opacity: 1; } /* line 1699, ../scss/_base.scss */ .main .hentry .post-wrapper-footer .article-footer .post-footer-section .share-content .printlink { width: auto; float: left; display: block; } /* line 1709, ../scss/_base.scss */ .main .hentry .post-content-sign-open { position: absolute; opacity: 0.7; right: 0px; top: 10px; } /* line 1718, ../scss/_base.scss */ .main .hentry .post-content-sign-open:hover { cursor: pointer; } /* line 1725, ../scss/_base.scss */ .main .hentry .post-content-sign-close { position: absolute; opacity: 0.7; right: 0px; bottom: 0px; z-index: 1000; } /* line 1732, ../scss/_base.scss */ .main .hentry .post-content-sign-close:hover { cursor: pointer; } /* line 1745, ../scss/_base.scss */ .main .photosophers-sponsors { margin-top: 0px; } /* line 1748, ../scss/_base.scss */ .main .photosophers-sponsors .post-wrapper-main .post-content img, .main .photosophers-sponsors .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content img, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-sponsors .post-wrapper-main .post-footer-content img { width: 200px; height: 100px; margin: 0 20px 20px 0; } /* line 1756, ../scss/_base.scss */ .main .photosophers-connected .size-photosopher-avatar, .main .photosophers-practitioners .size-photosopher-avatar { min-width: 110px; min-height: 110px; } /* line 1758, ../scss/_base.scss */ .main .photosophers-connected .post-wrapper-main .article-header, .main .photosophers-practitioners .post-wrapper-main .article-header { margin-bottom: 40px; } /* line 1762, ../scss/_base.scss */ .main .photosophers-connected .post-wrapper-main .post-content, .main .photosophers-connected .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-connected .post-wrapper-main .post-footer-content, .main .photosophers-practitioners .post-wrapper-main .post-content, .main .photosophers-practitioners .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-practitioners .post-wrapper-main .post-footer-content { margin-top: 30px; } /* line 1765, ../scss/_base.scss */ .main .photosophers-connected .post-wrapper-main .post-content div, .main .photosophers-connected .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-connected .post-wrapper-main .post-footer-content div, .main .photosophers-practitioners .post-wrapper-main .post-content div, .main .photosophers-practitioners .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-practitioners .post-wrapper-main .post-footer-content div { width: auto; height: 220px; margin: 0 25px 0px 0; padding: 0px; } /* line 1773, ../scss/_base.scss */ .main .photosophers-connected .post-wrapper-main .post-content div a img, .main .photosophers-connected .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div a img, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-connected .post-wrapper-main .post-footer-content div a img, .main .photosophers-practitioners .post-wrapper-main .post-content div a img, .main .photosophers-practitioners .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div a img, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-practitioners .post-wrapper-main .post-footer-content div a img { height: auto; margin: 0; border: solid 1px #C0C0C0; } /* line 1781, ../scss/_base.scss */ .main .photosophers-connected .post-wrapper-main .post-content div p.wp-caption-text, .main .photosophers-connected .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div p.wp-caption-text, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-connected .post-wrapper-main .post-footer-content div p.wp-caption-text, .main .photosophers-practitioners .post-wrapper-main .post-content div p.wp-caption-text, .main .photosophers-practitioners .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content div p.wp-caption-text, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers-practitioners .post-wrapper-main .post-footer-content div p.wp-caption-text { margin: 2px 0 0 0; text-align: left; line-height: 14px; } /* line 1794, ../scss/_base.scss */ .main .photosophers .post-wrapper-main .post-content, .main .photosophers .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers .post-wrapper-main .post-footer-content { margin-top: 0px; } /* line 1797, ../scss/_base.scss */ .main .photosophers .post-wrapper-main .post-content p, .main .photosophers .post-wrapper-main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .photosophers .post-wrapper-main .post-footer-content p { font-size: 11px; margin-bottom: 0px; } /* line 1811, ../scss/_base.scss */ .page-template-page-phoscopers-php .main .phoscopers-board-of-advisors-section { margin-top: 140px; height: 160px; } /* line 1821, ../scss/_base.scss */ .page-template-page-phoscopers-php .main .phoscopers-board-of-advisors { height: 165px; overflow: hidden; } /* line 1825, ../scss/_base.scss */ .page-template-page-phoscopers-php .main .phoscopers-board-of-advisors .post-wrapper-main .post-wrapper-main-content .article-header h1.post-title { height: 68px; font-size: 16px; margin: 0; letter-spacing: -0.5px; } /* line 1837, ../scss/_base.scss */ .page-template-page-photosophers-php .main .hentry .post-wrapper-main .post-wrapper-main-content { width: 900px; } /* line 1853, ../scss/_base.scss */ .page-template-page-phoswords-php .main .alphabet-wrapper, .tax-alphabet .main .alphabet-wrapper { border-top: solid 1px #000000; } /* line 1856, ../scss/_base.scss */ .page-template-page-phoswords-php .main .alphabet-wrapper ul.alphabet, .tax-alphabet .main .alphabet-wrapper ul.alphabet { margin-top: 35px; } /* line 1860, ../scss/_base.scss */ .page-template-page-phoswords-php .main .alphabet-wrapper ul.alphabet li.letter, .tax-alphabet .main .alphabet-wrapper ul.alphabet li.letter { float: left; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: bold; font-size: 50px; letter-spacing: -2px; line-height: 40px; vertical-align: top; color: #000; letter-spacing: -1px; line-height: 50px; color: #E8E8E8; height: 45px; padding: 5px 1px 0 0; margin-bottom: 15px; } /* line 1866, ../scss/_base.scss */ .page-template-page-phoswords-php .main .alphabet-wrapper ul.alphabet li.letter a, .tax-alphabet .main .alphabet-wrapper ul.alphabet li.letter a { text-decoration: none; color: #000; display: inline-block; } /* line 1871, ../scss/_base.scss */ .page-template-page-phoswords-php .main .alphabet-wrapper ul.alphabet li.letter a:hover, .page-template-page-phoswords-php .main .alphabet-wrapper ul.alphabet li.letter a:focus, .tax-alphabet .main .alphabet-wrapper ul.alphabet li.letter a:hover, .tax-alphabet .main .alphabet-wrapper ul.alphabet li.letter a:focus { border-bottom: solid 5px #000000; } /* line 1878, ../scss/_base.scss */ .page-template-page-phoswords-php .main .alphabet-wrapper ul.alphabet li.current-cat a, .tax-alphabet .main .alphabet-wrapper ul.alphabet li.current-cat a { border-bottom: solid 5px #000000; } /* line 1883, ../scss/_base.scss */ .page-template-page-phoswords-php .main .alphabet-wrapper ul.alphabet li.inter, .tax-alphabet .main .alphabet-wrapper ul.alphabet li.inter { float: left; margin-top: 2px; margin-right: 2px; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: bold; font-size: 50px; letter-spacing: -2px; line-height: 40px; vertical-align: top; color: #000; font-family: helveticaneuelight, "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 100; line-height: 50px; color: #E8E8E8; } /* line 1897, ../scss/_base.scss */ .page-template-page-phoswords-php .main .hentry .post-wrapper-main .post-wrapper-main-content, .tax-alphabet .main .hentry .post-wrapper-main .post-wrapper-main-content { width: 900px; } /* line 1900, ../scss/_base.scss */ .page-template-page-phoswords-php .main .hentry .post-wrapper-main .post-wrapper-main-content .phosword-title, .tax-alphabet .main .hentry .post-wrapper-main .post-wrapper-main-content .phosword-title { text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: bold; font-size: 50px; letter-spacing: -2px; line-height: 40px; vertical-align: top; color: #000; } /* line 1909, ../scss/_base.scss */ .page-id-1909 .main { width: 100%; } /* line 1910, ../scss/_base.scss */ .page-id-1909 .main .page-head .page-title { width: 900px; } /* social = ADDTHIS PLUGIN */ /* line 1915, ../scss/_base.scss */ div.addthis_toolbox { margin: 0px 0 0px 0; min-height: 24px; z-index: 10000; /* so it does not go under images of next post... */ /* // PINTEREST : to show counter even if zero count > does not work div#PinItCount {display: block;} a.addthis_button_facebook_like{ margin-right: 15px; } a.addthis_button_tweet, a.addthis_button_pinterest_pinit, a.addthis_button_email { min-width: 70px; } //problem of opacity on the share box .addthis_button_facebook_like { opacity:1 !important; z-index: auto; } .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 0px; } .addthis_toolbox .addthis_button_pinterest_pinit { //margin-right: 30px; margin: 0 20px 0 0; position: relative; top: -2px; } */ } /* line 1926, ../scss/_base.scss */ div.addthis_toolbox > a { margin-right: 7px; } /* line 1927, ../scss/_base.scss */ div.addthis_toolbox a.addthis_counter, div.addthis_toolbox a.addthis_button_expanded { width: 100px; } /********************* LAYOUT & GRID STYLES *********************/ /********************* LINK STYLES *********************/ /* line 1980, ../scss/_base.scss */ a, a:visited { color: black; /* on hover */ /* on click */ /* mobile tap color */ } /* line 1984, ../scss/_base.scss */ a:hover, a:focus, a:visited:hover, a:visited:focus { color: #171717; } /* line 1994, ../scss/_base.scss */ a:link, a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ /* line 2008, ../scss/_base.scss */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { /* if you're going to use webfonts, be sure to check your weights http://css-tricks.com/watch-your-font-weight/ */ /* removing text decoration from all headline links */ } /* line 2019, ../scss/_base.scss */ h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } /* line 2024, ../scss/_base.scss */ h1, .h1 { font-size: 2.5em; line-height: 1.333em; } /* line 2029, ../scss/_base.scss */ h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; } /* line 2035, ../scss/_base.scss */ h3, .h3 { font-size: 1.125em; } /* line 2039, ../scss/_base.scss */ h4, .h4 { font-size: 1.1em; font-weight: 700; } /* line 2044, ../scss/_base.scss */ h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; } /********************* HEADER STYLES *********************/ /********************* NAVIGATION STYLES *********************/ /* all navs have a .nav class applied via the wp_menu function, this is so we can easily just write on group of styles for the navs on the site and our css is cleaner and moe scalable. */ /* line 2089, ../scss/_base.scss */ .nav { border: 1px solid #ccc; border-bottom: 0; /* end .menu li */ /* highlight current page */ /* end current highlighters */ } /* line 2093, ../scss/_base.scss */ .nav li { /* so you really have to rethink your dropdowns for mobile. you don't want to have it expand too much because the screen is so small. How you manage your menu should depend on the project. Here's some great info on it: http://www.alistapart.com/articles/organizing-mobile/ */ } /* line 2095, ../scss/_base.scss */ .nav li a { display: block; text-decoration: none; padding: 10px 10px; background-color: #eee; border-bottom: 1px solid #ccc; /* remember this is for mobile ONLY, so there's no need to even declare hover styles here, you can do it in the style.scss file where it's relevant. We want to keep this file as small as possible! */ } /* line 2129, ../scss/_base.scss */ .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; } /* end .nav */ /********************* POSTS & CONTENT STYLES *********************/ /* line 2176, ../scss/_base.scss */ #content { height: 100%; text-align: center; padding-left: 280px; } /* line 2188, ../scss/_base.scss */ .wrap { width: 920px; margin: 0 auto; } /* line 2198, ../scss/_base.scss */ .hentry header h1 { margin-top: 0px; padding-top: 20px; } /* end .hentry */ /* want to style individual post classes? Booya! */ /* post by id (i.e. post-3) */ /* general post style */ /* general article on a page style */ /* general style on an attatchment */ /* sticky post style */ /* hentry class */ /* style by category (i.e. category-videos) */ /* style by tag (i.e. tag-news) */ /* post meta */ /* line 2228, ../scss/_base.scss */ .meta { color: #999; } /* post content */ /* line 2235, ../scss/_base.scss */ .post-content, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content { /* image alignment on a screen this size may be a bit difficult. It's set to start aligning and floating images at the next breakpoint, but it's up to you. Feel free to change it up. */ /* for border of table cell */ } /* line 2237, ../scss/_base.scss */ .post-content p, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p { margin-top: 0px; } /* line 2272, ../scss/_base.scss */ .post-content dd, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; } /* line 2279, ../scss/_base.scss */ .post-content img, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content img { margin: 0 0 1.5em 0; max-width: 100%; height: auto; } /* line 2296, ../scss/_base.scss */ .post-content .bordertop, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content .bordertop { border-top: 1px solid #000; } /* line 2298, ../scss/_base.scss */ .post-content video, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content video, .post-content object, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content object { max-width: 100%; height: auto; } /* line 2303, ../scss/_base.scss */ .post-content pre, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; } /* end .post-content */ /* line 2311, ../scss/_base.scss */ .wp-caption { padding: 5px; /* images inside wp-caption */ } /* line 2316, ../scss/_base.scss */ .wp-caption img { margin-bottom: 0; width: 100%; } /* line 2321, ../scss/_base.scss */ .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; } /* end .wp-caption */ /* image gallery styles */ /* end .gallery */ /* gallery caption styles */ /****************************************************************** PAGE NAVI STYLES ******************************************************************/ /* line 2366, ../scss/_base.scss */ .page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; } /* line 2369, ../scss/_base.scss */ .bones_page_navi { /* current page link */ /* end .bones_page_navi .bpn-current */ /* common styles for page-navi links */ /* remove the bg on end links */ /* previous link */ /* next page link */ /* first page link */ /* last page link */ } /* line 2371, ../scss/_base.scss */ .bones_page_navi li { float: left; margin-left: 10px; } /* line 2375, ../scss/_base.scss */ .bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; } /* line 2382, ../scss/_base.scss */ .bones_page_navi li a:hover, .bones_page_navi li a:focus { color: #000; text-decoration: underline; } /* line 2391, ../scss/_base.scss */ .bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #000; position: relative; } /* line 2396, ../scss/_base.scss */ .bones_page_navi li.bpn-current a { /* hovering on current page link */ } /* line 2407, ../scss/_base.scss */ .bones_page_navi li.bpn-prev-link, .bones_page_navi li.bpn-next-link { font-weight: 700; } /* line 2410, ../scss/_base.scss */ .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-next-link a { padding: 0; } /* line 2419, ../scss/_base.scss */ .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:hover { background: none; } /* end .bones_page_navi */ /* fallback previous & next links */ /* line 2462, ../scss/_base.scss */ .wp-prev-next .prev-link { float: left; } /* line 2466, ../scss/_base.scss */ .wp-prev-next .next-link { float: right; } /* end .wp-prev-next */ /****************************************************************** COMMENT STYLES ******************************************************************/ /* h3 comment title */ /* line 2486, ../scss/_base.scss */ #comments { /* number of comments span */ } /* line 2503, ../scss/_base.scss */ .commentlist { /* general comment classes */ /* vcard */ /* end .commentlist .vcard */ /* comment meta */ /* comment content */ /* end .commentlist .comment_content */ /* comment reply link */ /* end .commentlist .comment-reply-link */ } /* line 2505, ../scss/_base.scss */ .commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; /* end .commentlist li ul.children */ } /* line 2513, ../scss/_base.scss */ .commentlist li:last-child { margin-bottom: 0; } /* line 2517, ../scss/_base.scss */ .commentlist li ul.children { margin: 0; /* variations */ /* change number for different depth */ } /* line 2535, ../scss/_base.scss */ .commentlist li[class*=depth-] { margin-top: 1.1em; } /* line 2539, ../scss/_base.scss */ .commentlist li.depth-1 { margin-left: 0; margin-top: 0; } /* line 2544, ../scss/_base.scss */ .commentlist li:not(.depth-1) { margin-right: -10px; margin-left: -10px; margin-top: 0; padding-bottom: 0; } /* line 2558, ../scss/_base.scss */ .commentlist .odd { background: #eee; } /* line 2561, ../scss/_base.scss */ .commentlist .even { background: #fefefe; } /* line 2576, ../scss/_base.scss */ .commentlist .vcard { margin-left: 50px; } /* line 2579, ../scss/_base.scss */ .commentlist .vcard cite.fn { font-weight: 700; font-style: normal; } /* line 2587, ../scss/_base.scss */ .commentlist .vcard time { float: right; } /* line 2590, ../scss/_base.scss */ .commentlist .vcard time a { color: #999; text-decoration: none; } /* line 2594, ../scss/_base.scss */ .commentlist .vcard time a:hover { text-decoration: underline; } /* line 2604, ../scss/_base.scss */ .commentlist .vcard img.avatar { position: absolute; left: 10px; padding: 2px; border: 1px solid #cecece; background: #fff; } /* line 2629, ../scss/_base.scss */ .commentlist .comment_content { margin-left: 50px; } /* line 2632, ../scss/_base.scss */ .commentlist .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } /* line 2641, ../scss/_base.scss */ .commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; } /* line 2653, ../scss/_base.scss */ .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { opacity: 1; } /* end .commentlist */ /****************************************************************** COMMENT FORM STYLES ******************************************************************/ /* line 2675, ../scss/_base.scss */ .respond-form { margin: 1.5em 10px; padding-bottom: 2.2em; } /* line 2679, ../scss/_base.scss */ .respond-form form { margin: 0.75em 0; } /* line 2682, ../scss/_base.scss */ .respond-form form li { list-style-type: none; clear: both; margin-bottom: 0.7335em; } /* line 2688, ../scss/_base.scss */ .respond-form form li label, .respond-form form li small { display: none; } /* line 2696, ../scss/_base.scss */ .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url], .respond-form form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; /* form validation */ } /* line 2702, ../scss/_base.scss */ .respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus { background: #fff; } /* line 2707, ../scss/_base.scss */ .respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } /* line 2720, ../scss/_base.scss */ .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] { max-width: 400px; min-width: 250px; } /* line 2725, ../scss/_base.scss */ .respond-form form textarea { resize: none; width: 97.3%; height: 150px; } /* comment submit button */ /* comment form title */ /* line 2738, ../scss/_base.scss */ #comment-form-title { margin: 0 0 1.1em; } /* cancel comment reply link */ /* logged in comments */ /* allowed tags */ /* line 2751, ../scss/_base.scss */ #allowed_tags { margin: 1.5em 10px 0.7335em 0; } /* no comments */ /* line 2756, ../scss/_base.scss */ .nocomments { margin: 0 20px 1.1em; } /********************* SIDEBARS & ASIDES *********************/ /* line 2773, ../scss/_base.scss */ .widgettitlebox { position: relative; margin: 0px; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 600; font-stretch: normal; font-size: 16px; line-height: 19px; color: #000000; width: auto; z-index: 2; } /* line 2782, ../scss/_base.scss */ .widgettitlebox .widgettitle { position: relative; } /* line 2789, ../scss/_base.scss */ .widget ul { margin: 0; } /* line 2792, ../scss/_base.scss */ .widget ul li { /* deep nesting */ } /* line 2798, ../scss/_base.scss */ .widget ul li a:hover, .widget ul li a:focus { /* color: #000000; */ } /* line 2804, ../scss/_base.scss */ .widget ul li ul { padding-left: 1em; } /* menu widget */ /* line 2818, ../scss/_base.scss */ .widget_nav_menu ul#menu-do { padding-bottom: 40px; } /* line 2822, ../scss/_base.scss */ .widget_nav_menu ul#menu-contact { opacity: 1; } /* line 2825, ../scss/_base.scss */ .widget_nav_menu ul#menu-contact li { margin: 0px; } /* line 2833, ../scss/_base.scss */ .widget_nav_menu ul:hover, .widget_nav_menu ul:focus { opacity: 1; } /* line 2835, ../scss/_base.scss */ .widget_nav_menu ul li { position: relative; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 600; font-stretch: normal; font-size: 16px; line-height: 19px; color: #000000; /* margin-bottom: 0.75em; */ margin: 0 0 0 20px; height: 19px; /* deep nesting */ } /* line 2844, ../scss/_base.scss */ .widget_nav_menu ul li a { position: absolute; width: auto; height: 100%; top: 0; left: 0; z-index: 2; text-decoration: none; font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 600; font-stretch: normal; font-size: 16px; line-height: 19px; color: #000000; } /* line 2853, ../scss/_base.scss */ .widget_nav_menu ul li a:hover, .widget_nav_menu ul li a:focus { color: #000000; } /* line 2856, ../scss/_base.scss */ .widget_nav_menu ul li a .text-gradient:hover { opacity: 0; transition: opacity 0.5s linear; } /* line 2863, ../scss/_base.scss */ .widget_nav_menu ul li.current-menu-item .text-gradient { display: none; } /* line 2867, ../scss/_base.scss */ .widget_nav_menu ul li ul { padding-left: 1em; } footer.footer { overflow: hidden; width: 100%; padding-top: 100px!important; } footer.footer .follow { margin: 0 0 0 10px!important; width: 100%!important; } footer.footer .follow .sociallinks div ul { width: auto!important; } footer.footer .follow .sociallinks div ul li { margin: 0; line-height: 40px; width: 40px; height: 20px; float: left; } footer.footer .follow .sociallinks div ul li a { color: #000000; text-decoration: none; font-size: 13px; /* TODO understand why an image is never correctly align vertically with text inside a */ } footer.footer .follow .sociallinks div ul li a span { display: none; } footer.footer .credits { display: block; float: left; width: 100%; margin: 5px 0 0 10px!important; text-decoration: none; font-family: "myhelveticaneuelight", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 11px; line-height: 14px; color: #484848; text-align: left; } /********************* FOOTER STYLES *********************/ /* if you checked out the link above: http://www.alistapart.com/articles/organizing-mobile/ you'll want to style the footer nav a bit more in-depth. Remember to keep it simple because you'll have to override these styles for the desktop view. */ /* end .footer-links */ /* LARGER MOBILE DEVICES This is for devices like the Galaxy Note or something that's larger than an iPhone but smaller than a tablet. Let's call them tweeners. */ @media only screen and (min-width: 481px) { /****************************************************************** Site Name: Author: Stylesheet: 481px and Up Stylesheet This stylesheet is loaded for larger devices. It's set to 481px because at 480px it would load on a landscaped iPhone. This isn't ideal because then you would be loading all those extra styles on that same mobile connection. A word of warning. This size COULD be a larger mobile device, so you still want to keep it pretty light and simply expand upon your base.scss styles. ******************************************************************/ /********************* NAVIGATION STYLES *********************/ /* .menu is clearfixed inside mixins.scss */ /* line 27, ../scss/_481up.scss */ .menu { /* end .menu ul */ } /* line 28, ../scss/_481up.scss */ .menu ul { /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ } /* line 29, ../scss/_481up.scss */ .menu ul li { /* plan your menus and drop-downs wisely. */ } /* line 30, ../scss/_481up.scss */ .menu ul li a { /* you can use hover styles here even though this size has the possibility of being a mobile device. */ } /* end .menu */ /********************* POSTS & CONTENT STYLES *********************/ /* post content */ /* line 75, ../scss/_481up.scss */ .post-content, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content { /* at this larger size, we can start to align images */ } /* line 79, ../scss/_481up.scss */ .post-content .alignleft, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content .alignleft, .post-content img.alignleft, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content img.alignleft { margin-right: 1.5em; display: inline; float: left; } /* line 84, ../scss/_481up.scss */ .post-content .alignright, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content .alignright, .post-content img.alignright, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content img.alignright { margin-left: 1.5em; display: inline; float: right; } /* line 89, ../scss/_481up.scss */ .post-content .aligncenter, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content .aligncenter, .post-content img.aligncenter, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /* end .post-content */ /********************* FOOTER STYLES *********************/ /* check your menus here. do they look good? do they need tweaking? */ /* end .footer-links */ } /* TABLET & SMALLER LAPTOPS This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. */ @media only screen and (min-width: 768px) { /****************************************************************** Site Name: Author: Stylesheet: Tablet & Small Desktop Stylesheet Here's where you can start getting into the good stuff. This size will work on iPads, other tablets, and desktops. So you can start working with more styles, background images, and other resources. You'll also notice the grid starts to come into play. Have fun! ******************************************************************/ /********************* GENERAL STYLES *********************/ /********************* LAYOUT & GRID STYLES *********************/ /********************* HEADER SYTLES *********************/ /********************* NAVIGATION STYLES *********************/ /* line 42, ../scss/_768up.scss */ .nav { background: #eee; border: 0; /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ } /* line 46, ../scss/_768up.scss */ .nav li { float: left; position: relative; /* plan your menus and drop-downs wisely. */ /* showing sub-menus */ } /* line 50, ../scss/_768up.scss */ .nav li a { border-bottom: 0; /* you can use hover styles here even though this size has the possibility of being a mobile device. */ } /* line 57, ../scss/_768up.scss */ .nav li a:hover, .nav li a:focus { background-color: #dedede; } /* line 70, ../scss/_768up.scss */ .nav li ul.sub-menu, .nav li ul.children { width: 200px; border: 1px solid #ccc; border-top: 0; position: absolute; display: none; z-index: 8999; /* highlight sub-menu current page */ } /* line 78, ../scss/_768up.scss */ .nav li ul.sub-menu li, .nav li ul.children li { /* if you need to go deeper, go nuts just remember deeper menus suck for usability. k, bai. */ } /* line 80, ../scss/_768up.scss */ .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; } /* line 97, ../scss/_768up.scss */ .nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a { border-bottom: 0; } /* line 119, ../scss/_768up.scss */ .nav li:hover ul { top: auto; display: block; } /* end .nav */ /********************* POSTS & CONTENT STYLES *********************/ /* line 154, ../scss/_768up.scss */ .hentry header h1 { margin-top: 0px; } /* end .hentry */ /* want to style individual post classes? Booya! */ /* post by id (i.e. post-3) */ /* general post style */ /* general article on a page style */ /* general style on an attatchment */ /* sticky post style */ /* hentry class */ /* style by category (i.e. category-videos) */ /* style by tag (i.e. tag-news) */ /* post meta */ /* line 183, ../scss/_768up.scss */ .meta { color: #999; } /* post content */ /* line 190, ../scss/_768up.scss */ .post-content, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content { /* image alignment on a screen this size may be a bit difficult. It's set to start aligning and floating images at the next breakpoint, but it's up to you. Feel free to change it up. */ } /* line 192, ../scss/_768up.scss */ .post-content p, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content p { margin-top: 0px; } /* line 227, ../scss/_768up.scss */ .post-content dd, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; } /* line 234, ../scss/_768up.scss */ .post-content img, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content img { margin: 0 0 1.5em 0; max-width: 100%; height: auto; } /* line 250, ../scss/_768up.scss */ .post-content video, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content video, .post-content object, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content object { max-width: 100%; height: auto; } /* line 255, ../scss/_768up.scss */ .post-content pre, .main .hentry .post-wrapper-footer .article-footer .post-footer-section .post-footer-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; } /* end .post-content */ /* line 263, ../scss/_768up.scss */ .wp-caption { display: block; float: left; padding: 5px; /* images inside wp-caption */ } /* line 270, ../scss/_768up.scss */ .wp-caption img { margin-bottom: 0; width: 100%; } /* line 275, ../scss/_768up.scss */ .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: left; } /* end .wp-caption */ /* image gallery styles */ /* end .gallery */ /* gallery caption styles */ /********************* SIDEBARS & ASIDES *********************/ /* line 335, ../scss/_768up.scss */ .widget ul li { /* margin-bottom: 0.75em; */ /* deep nesting */ } /* line 342, ../scss/_768up.scss */ .widget ul li a:hover, .widget ul li a:focus { /* background-color: #dedede; */ } /* line 348, ../scss/_768up.scss */ .widget ul li ul { padding-left: 1em; } /* links widget */ /* meta widget */ /* pages widget */ /* recent-posts widget */ /* archives widget */ /* tag-cloud widget */ /* calendar widget */ /* category widget */ /* recent-comments widget */ /* search widget */ /* text widget */ /********************* FOOTER STYLES *********************/ /* you'll probably need to do quite a bit of overriding here if you styled them for mobile. Make sure to double check these! */ /* line 466, ../scss/_768up.scss */ .footer-links ul li { /* be careful with the depth of your menus. it's very rare to have multi-depth menus in the footer. */ } /* end .footer-links */ } /* DESKTOP This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. */ @media only screen and (min-width: 1030px) { /****************************************************************** Site Name: Author: Stylesheet: Desktop Stylsheet This is the desktop size. It's larger than an iPad so it will only be seen on the Desktop. ******************************************************************/ } /* LARGE VIEWING SIZE This is for the larger monitors and possibly full screen viewers. */ @media only screen and (min-width: 1240px) { /****************************************************************** Site Name: Author: Stylesheet: Super Large Monitor Stylesheet You can add some advanced styles here if you like. This kicks in on larger screens. ******************************************************************/ } /* RETINA (2x RESOLUTION DEVICES) This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. You can also create a media query for retina AND a certain size if you want. Go Nuts. */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /****************************************************************** Site Name: Author: Stylesheet: Retina Screens & Devices Stylesheet When handling retina screens you need to make adjustments, especially if you're not using font icons. Here you can add them in one neat place. ******************************************************************/ /* EXAMPLE Let's say you have an image and you need to make sure it looks ok on retina screens. Let's say we have an icon which dimension are 24px x 24px. In your regular stylesheets, it would look something like this: .icon { width: 24px; height: 24px; background: url(img/test.png) no-repeat; } For retina screens, we have to make some adjustments, so that image doesn't look blurry. So, taking into account the image above and the dimensions, this is what we would put in our retina stylesheet: .icon { background: url(img/test@2x.png) no-repeat; background-size: 24px 24px; } So, you would create the same icon, but at double the resolution, meaning it would be 48px x 48px. You'd name it the same, but with a @2x at the end (this is pretty standard practice). Set the background image so it matches the original dimensions and you are good to go. */ } /* PRINT STYLESHEET Feel free to customize this. Remember to add things that won't make sense to print at the bottom. Things like nav, ads, and forms should be set to display none. */ @media print { /****************************************************************** Site Name: Author: Stylesheet: Print Stylesheet This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. If you want to though, go for it. ******************************************************************/ /* line 15, ../scss/_print.scss */ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* line 23, ../scss/_print.scss */ a, a:visited { color: #444 !important; text-decoration: underline; } /* line 28, ../scss/_print.scss */ a:after, a:visited:after { content: " (" attr(href) ")"; } /* line 33, ../scss/_print.scss */ a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } /* line 40, ../scss/_print.scss */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* line 44, ../scss/_print.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* line 49, ../scss/_print.scss */ thead { display: table-header-group; } /* line 53, ../scss/_print.scss */ tr, img { page-break-inside: avoid; } /* line 57, ../scss/_print.scss */ img { max-width: 100% !important; } @page { margin: 0.5cm; } /* line 65, ../scss/_print.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 71, ../scss/_print.scss */ h2, h3 { page-break-after: avoid; } /* line 80, ../scss/_print.scss */ .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } } .email-subscription-footer { display: none; } /* .hentry { .post-wrapper-main-content { .post-content { p { img { max-width: 100%; } } } } } */ /********************** Small screens ***********************/ @media only screen and (max-width: 1250px) { body #content { padding-left: 170px!important; } body #content #inner-content .main .page-head, body #content #inner-content .main .hentry { width: 800px!important; } body #content #inner-content .main .page-head .page-title { width: 610px!important; } body #content #inner-content .main .page-head .email-subscription { width: 190px!important; } body #content #inner-content .main .hentry .post-wrapper-main { width: 800px!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-thumbnail { width: 200px!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-thumbnail img { max-width: 90%!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-wrapper-main-content { width: 600px!important; } } /********************** Tablet landscape ***********************/ @media only screen and (max-width: 1024px) { body #content { padding-left: 170px!important; } body #content #inner-content { width: 750px!important; } body #content #inner-content .main { padding: 0!important; margin: 0!important; } body #content #inner-content .main .page-head, body #content #inner-content .main .hentry { width: 750px!important; } body #content #inner-content .main .page-head .page-title { width: 570px!important; } body #content #inner-content .main .page-head .email-subscription { width: 180px!important; } body #content #inner-content .main .hentry .post-wrapper-main { width: 750px!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-thumbnail { width: 180px!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-wrapper-main-content { width: 570px!important; } } /********************** Tablet portrait + Mobile ***********************/ @media only screen and (max-width: 768px) { .wrap { width: 100%!important; } body { padding: 0!important; margin: 0!important; } body #container { margin: 120px 0 0 0!important; padding: 0!important; } body #content { padding-left: 0!important; } body #content #inner-content { width: 100%!important; padding: 0 10px 0 10px!important; } body #content #inner-content .main { width: 100%!important; padding: 0!important; margin: 0!important; } body #content #inner-content .main .page-head, body #content #inner-content .main .hentry { width: 100%!important; } body #content #inner-content .main .page-head .page-title { width: 100%!important; } body #content #inner-content .main .page-head .email-subscription { width: 100%!important; } body #content #inner-content .main .hentry .post-wrapper-main { width: 100%!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-thumbnail { width: 100%!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-thumbnail img { max-width: 100%!important; } body #content #inner-content .main .hentry .post-wrapper-main .post-wrapper-main-content { width: 100%!important; } .main .page-head { width: 100%!important; } .main .page-head .page-title { width: 100%!important; padding-bottom: 20px; background-size: 50% 7px; height: auto; } .main .page-head .page-title h1 { font-size: 35px; line-height: 30px; letter-spacing: -1px; } .main .page-head .page-title .page-content { width: 100%!important; padding-right: 20px; } .main .page-head .email-subscription { display: none; } .main article { width: 100%!important; } .main article .post-wrapper-main { width: 100%!important; padding-right: 20px; } .main article .post-wrapper-main .post-thumbnail.empty { display: none; } .main article .post-wrapper-main .post-wrapper-main-content { width: 100%!important; } footer.footer { overflow: hidden; } footer.footer .email-subscription-footer { display: block; font-size: 12px; margin: 0 0 0 10px; } body.page-template-page-postslist-emailsub .main article, body.tax-themes .main article, body.single-phoshaping .main article, body.single-phosforum .main article, body.single-phototexts .main article, body.single-phoswords .main article { height: auto!important; border-bottom: 1px solid black; padding-bottom: 30px; margin-bottom: 100px; } body.page-template-page-postslist-emailsub .main article .post-wrapper-main .post-content-sign-open, body.tax-themes .main article .post-wrapper-main .post-content-sign-open, body.single-phoshaping .main article .post-wrapper-main .post-content-sign-open, body.single-phosforum .main article .post-wrapper-main .post-content-sign-open, body.single-phototexts .main article .post-wrapper-main .post-content-sign-open, body.single-phoswords .main article .post-wrapper-main .post-content-sign-open { top: auto!important; bottom: 21px!important; } body.page-template-page-postslist-emailsub .main article .post-wrapper-main .post-content-sign-open:before, body.tax-themes .main article .post-wrapper-main .post-content-sign-open:before, body.single-phoshaping .main article .post-wrapper-main .post-content-sign-open:before, body.single-phosforum .main article .post-wrapper-main .post-content-sign-open:before, body.single-phototexts .main article .post-wrapper-main .post-content-sign-open:before, body.single-phoswords .main article .post-wrapper-main .post-content-sign-open:before { position: absolute; content: "READ MORE"; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 10px; line-height: 10px; text-align: center; vertical-align: bottom; bottom: -15px; color: grey; } body.page-template-page-postslist-emailsub .main article .post-wrapper-main .post-content-sign-close, body.tax-themes .main article .post-wrapper-main .post-content-sign-close, body.single-phoshaping .main article .post-wrapper-main .post-content-sign-close, body.single-phosforum .main article .post-wrapper-main .post-content-sign-close, body.single-phototexts .main article .post-wrapper-main .post-content-sign-close, body.single-phoswords .main article .post-wrapper-main .post-content-sign-close { display: none!important; /*&:before { position: absolute; content: "CLOSE"; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 10px; line-height: 10px; text-align: center; //padding-top: 10px; vertical-align: bottom; bottom: -15px; color: grey; }*/ } body.page-template-page-postslist-emailsub .main article .post-wrapper-main .post-wrapper-main-content .article-header, body.tax-themes .main article .post-wrapper-main .post-wrapper-main-content .article-header, body.single-phoshaping .main article .post-wrapper-main .post-wrapper-main-content .article-header, body.single-phosforum .main article .post-wrapper-main .post-wrapper-main-content .article-header, body.single-phototexts .main article .post-wrapper-main .post-wrapper-main-content .article-header, body.single-phoswords .main article .post-wrapper-main .post-wrapper-main-content .article-header { border-top: 0!important; } body.page-template-page-postslist-emailsub .main article .post-wrapper-footer, body.tax-themes .main article .post-wrapper-footer, body.single-phoshaping .main article .post-wrapper-footer, body.single-phosforum .main article .post-wrapper-footer, body.single-phototexts .main article .post-wrapper-footer, body.single-phoswords .main article .post-wrapper-footer { display: none; margin: 30px 0 0 0!important; width: 100%!important; height: auto; } body.page-template-page-postslist-emailsub .main article .post-wrapper-footer .post-footer-title-wrapper, body.tax-themes .main article .post-wrapper-footer .post-footer-title-wrapper, body.single-phoshaping .main article .post-wrapper-footer .post-footer-title-wrapper, body.single-phosforum .main article .post-wrapper-footer .post-footer-title-wrapper, body.single-phototexts .main article .post-wrapper-footer .post-footer-title-wrapper, body.single-phoswords .main article .post-wrapper-footer .post-footer-title-wrapper { display: none; } body.page-template-page-postslist-emailsub .main article .post-wrapper-footer .article-footer, body.tax-themes .main article .post-wrapper-footer .article-footer, body.single-phoshaping .main article .post-wrapper-footer .article-footer, body.single-phosforum .main article .post-wrapper-footer .article-footer, body.single-phototexts .main article .post-wrapper-footer .article-footer, body.single-phoswords .main article .post-wrapper-footer .article-footer { width: 100%!important; } body.page-template-page-postslist-emailsub .main article .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, body.tax-themes .main article .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, body.single-phoshaping .main article .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, body.single-phosforum .main article .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, body.single-phototexts .main article .post-wrapper-footer .article-footer .post-footer-section .post-footer-content, body.single-phoswords .main article .post-wrapper-footer .article-footer .post-footer-section .post-footer-content { width: 100%!important; } body.page-template-page-phoswords .main .alphabet-wrapper, body.tax-alphabet .main .alphabet-wrapper { width: 100%!important; height: auto; } body.page-template-page-phoswords .main .hentry, body.tax-alphabet .main .hentry { height: auto; } body.page-template-page-phoswords .main .post-wrapper-main, body.tax-alphabet .main .post-wrapper-main { width: 100%!important; } body.page-template-page-phoswords .main .post-wrapper-main .post-wrapper-main-content .article-header .phosword-title, body.tax-alphabet .main .post-wrapper-main .post-wrapper-main-content .article-header .phosword-title { font-size: 35px; line-height: 30px; letter-spacing: -1px; } body.page-template-page-photosophers .main article .post-wrapper-main-content .post-content .wp-caption { display: block; float: left; } body.page-template-page-phoscope .main article, body.page-template-page-phoscopers .main article, body.page-template-page-news .main article { height: auto!important; } body.page-template-page-phoscope .main article .post-wrapper-main-content, body.page-template-page-phoscopers .main article .post-wrapper-main-content, body.page-template-page-news .main article .post-wrapper-main-content { border-bottom: 1px solid black; margin-bottom: 40px; } body.page-template-page-phoscope .main article .post-wrapper-main-content .article-header, body.page-template-page-phoscopers .main article .post-wrapper-main-content .article-header, body.page-template-page-news .main article .post-wrapper-main-content .article-header { border-top: 0!important; } }