@import "../mixins" @import "../variables" @import "blog/source/*.png" @import "compass/css3/images" @import "compass/css3/text-shadow" @import "compass/css3/box-shadow" @import "compass/css3" @import "compass/css3/selection" @import "compass/css3/transition" @include all-source-sprites $default-text-shadow-color: rgba(black, .6) $default-text-shadow-blur: 3px $default-text-shadow-h-offset: 1px $default-text-shadow-V-offset: 1px * @include selection($light-blue, #fff) html, body height: 100% -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale font: 16px/26px $font-family color: $dark-grey line-height: 1.6em text-rendering: optimizeLegibility -webkit-font-smoothing: antialiased -webkit-text-size-adjust: none h1, h2, h3, h4, h5, h6 font-family: $headings-font-family font-weight: normal line-height: 1.2em margin-top: 7px h1 font-size: 38px h2 font-size: 30px a text-decoration: none &:hover text-decoration: none .nav-pills > li > a border-radius: 0 p margin: 10px 0 h4 font-size: 22px a color: $dark-blue text-decoration: none &:hover text-decoration: none .copyright font-size: 12px .fb_iframe_widget vertical-align: top @media (max-width: 767px) .block-404 margin-top: 80px @media (max-width: 767px) .hide-paddings-mobile padding: 0 .hide-mobile display: none @media (min-width: 1200px) .container width: 1200px .block-404 color: $dark-blue p text-align: center .errorlist padding: 0 li list-style: none color: red font-size: 12px .main-container min-height: 100% height: auto !important height: 100% margin-bottom: -76px background-color: #edf5f8 .push_bottom display: block height: 76px div.date a, div.date span, div.author span color: #646464 font-size: 14px .teaser-footer //padding-top: 3% padding-bottom: 2% float: none .like-btn float: left display: inline clear: both .bold font-weight: bold .left float: left .right float: right .relative position: relative .shadow-line min-height: 1px clear: both width: 100% height: 1px margin-top: 1px +box-shadow(#dcdcdc 0px 0px 5px 1px) a img border: 0 .dropdown-menu border-top: none box-shadow: none .navbar-nav li:hover > ul.dropdown-menu display: block .dropdown-submenu position: relative .dropdown-submenu > .dropdown-menu top: 0 left: 100% margin-top: -6px /* rotate caret on hover */ .dropdown-menu > li > a:hover:after text-decoration: underline transform: rotate(-90deg) .navbar-collapse overflow: hidden @media (max-width: 768px) .dropdown-menu display: block position: relative border: none box-shadow: none float: none li a padding: 0 0 0 24px line-height: 28px color: $dark-blue li @media (min-width: 768px) and (max-width: 992px) a font-size: 10px padding: 5px &:hover padding: 3px 5px 5px 5px @media (min-width: 992px) and (max-width: 1199px) a font-size: 12px padding: 8px &:hover padding: 5px 7px 7px 7px @media (min-width: 1199px) a font-size: 13px a //font-family: "sans serif",Helvetica,Arial,sans-serif text-transform: uppercase @media (min-width: 768px) &.dropdown-submenu border-bottom-color: #ffffff border: none !important padding: 12px 14px 14px 14px @media (min-width: 1199px) a:hover, a.active padding: 12px 14px 14px 14px a:hover, a.active //-webkit-appearance:active -moz-appearance: active appearance: active background-color: inherit border: 1px solid $grey @media (min-width: 768px) & border-bottom-color: #ffffff border-top: 3px solid $light-blue @media (max-width: 768px) .navbar-collapse position: absolute //top: 61px z-index: 9999 left: 15px max-height: 600px width: 100% background-color: white will-change: max-height transform: translateZ(0) +transition(max-height 0.3s ease-in-out) li a line-height: 32px &.active border: 0 &:hover background-color: $light-blue color: #ffffff .nav max-height: inherit //.collapse display: block max-height: 0 @media (min-width: 768px) .fixed width: 100% position: fixed top: 0 left: 0 #top-navigation background-color: white z-index: 999 border-bottom: 1px solid $grey .navigation-wrapper background-color: white header position: relative @media (max-width: 768px) & width: 100% position: fixed top: 0 left: 0 width: 100% +box-shadow($bord-col 0px 0px 5px) .navbar margin-bottom: 0px padding-top: 10px .logo //width: 210px height: 30px float: left border: 0 margin-top: 5px .panel float: right margin-top: 13px box-shadow: none .source-user width: 12px height: 12px display: inline-block ul list-style-type: none a color: $dark-blue text-decoration: none li max-height: 15px float: left padding-right: 15px padding-left: 15px border-right: 2px solid $light-blue &:last-child text-decoration: none border: none @media (max-width: 768px) header //position: fixed top: 0 background-color: white width: 100% z-index: 100 .main-container margin-top: 60px hr margin-top: 5px margin-bottom: 5px #blog-menu //display: flex //flex-direction: column hr margin-top: 12px margin-bottom: 12px .nav-pills > li > a text-decoration: none padding: 7px 15px margin-top: 0px margin-bottom: 0px border-radius: 0px .nav > li > a:hover background-color: #5fc7fc color: #ffffff ul.nav list-style: none background-color: #ffffff .nav //padding-bottom: 45px .subnav a padding-left: 20px .fa-facebook background: #3B5998 color: white .fa padding: 8px font-size: 12px !important width: 50px text-align: center text-decoration: none //margin: 5px 0px &:hover opacity: 0.7 color: white .fa-twitter background: #55ACEE color: white .fa-google-plus background: #dd4b39 color: white footer padding: 10px 0 border-top: solid border-color: #dcdcdc border-width: 1px width: 100% background-color: #fafafa ul list-style: none padding-left: 0 li line-height: 30px div.logo margin-top: 20px //width: 210px height: 40px div.like-btn disply: inline-block margin-top: 20px padding-left: 10px div.span3 width: 240px div.like-btn display: inline float: left .aio font-size: 12px margin-top: 12px //margin-bottom: -19px ul.nav.nav-pills.path background-color: #edf5f8 .nav-pills > li > a text-decoration: none padding: 8px 0px 8px 0px margin-bottom: 2px margin-right: 4px border-radius: 0px .nav > li > a:hover background-color: #edf5f8 .nav.nav-pills.path li:last-of-type a color: #cbd3d6 .adv margin-left: 0px !important padding-left: 0px div.single-art margin-left: 15px div.comments a text-decoration: none a color: $dark-blue .source-clock, .source-pencil, .source-iChat padding-left: 25px display: inline-block vertical-align: middle height: 24px width: 24px color: #82d1f8 zoom: 0.5 -moz-transform: scale(0.5) margin-left: 15px .title color: #2d3691 margin-bottom: 2px img max-width: 190px max-height: 120px display: block padding-bottom: 2px .tag float: left padding-right: 10px color: #82d1f8 .category float: left padding-right: 10px color: #82d1f8 .comments display: inline-block margin-left: -7px .visible display: block !important .under_line width: 100% border-top: 1px solid #dcdcdc border-bottom: 1px solid #dcdcdc margin: 10px 0 +box-shadow(#dcdcdc 0px 0px 5px) .alert padding: 10px @media (min-width: 1200px) iframe height: 500px .row-fluid width: 100% *zoom: 1 .row-fluid:before, .row-fluid:after display: table content: "" line-height: 0 .row-fluid:after clear: both .row-fluid [class*="span"] display: block width: 100% min-height: 30px //-webkit-box-sizing: border-box -moz-box-sizing: border-box box-sizing: border-box float: left margin-left: 2.127659574468085% *margin-left: 2.074468085106383% .row-fluid [class*="span"]:first-child margin-left: 0 .row-fluid .controls-row [class*="span"] + [class*="span"] margin-left: 2.127659574468085% .row-fluid .span12 width: 100% *width: 99.94680851063829% .row-fluid .span11 width: 91.48936170212765% *width: 91.43617021276594% .row-fluid .span10 width: 82.97872340425532% *width: 82.92553191489361% .row-fluid .span9 width: 74.46808510638297% *width: 74.41489361702126% .row-fluid .span8 width: 65.95744680851064% *width: 65.90425531914893% .row-fluid .span7 width: 57.44680851063829% *width: 57.39361702127659% .row-fluid .span6 width: 48.93617021276595% *width: 48.88297872340425% .row-fluid .span5 width: 40.42553191489362% *width: 40.37234042553192% .row-fluid .span4 width: 31.914893617021278% *width: 31.861702127659576% .row-fluid .span3 width: 23.404255319148934% *width: 23.351063829787233% .row-fluid .span2 width: 14.893617021276595% *width: 14.840425531914894% .row-fluid .span1 width: 6.382978723404255% *width: 6.329787234042553% .row-fluid .offset12 margin-left: 104.25531914893617% *margin-left: 104.14893617021275% .row-fluid .offset12:first-child margin-left: 102.12765957446808% *margin-left: 102.02127659574467% .row-fluid .offset11 margin-left: 95.74468085106382% *margin-left: 95.6382978723404% .row-fluid .offset11:first-child margin-left: 93.61702127659574% *margin-left: 93.51063829787232% .row-fluid .offset10 margin-left: 87.23404255319149% *margin-left: 87.12765957446807% .row-fluid .offset10:first-child margin-left: 85.1063829787234% *margin-left: 84.99999999999999% .row-fluid .offset9 margin-left: 78.72340425531914% *margin-left: 78.61702127659572% .row-fluid .offset9:first-child margin-left: 76.59574468085106% *margin-left: 76.48936170212764% .row-fluid .offset8 margin-left: 70.2127659574468% *margin-left: 70.10638297872339% .row-fluid .offset8:first-child margin-left: 68.08510638297872% *margin-left: 67.9787234042553% .row-fluid .offset7 margin-left: 61.70212765957446% *margin-left: 61.59574468085106% .row-fluid .offset7:first-child margin-left: 59.574468085106375% *margin-left: 59.46808510638297% .row-fluid .offset6 margin-left: 53.191489361702125% *margin-left: 53.085106382978715% .row-fluid .offset6:first-child margin-left: 51.063829787234035% *margin-left: 50.95744680851063% .row-fluid .offset5 margin-left: 44.68085106382979% *margin-left: 44.57446808510638% .row-fluid .offset5:first-child margin-left: 42.5531914893617% *margin-left: 42.4468085106383% .row-fluid .offset4 margin-left: 36.170212765957444% *margin-left: 36.06382978723405% .row-fluid .offset4:first-child margin-left: 34.04255319148936% *margin-left: 33.93617021276596% .row-fluid .offset3 margin-left: 27.659574468085104% *margin-left: 27.5531914893617% .row-fluid .offset3:first-child margin-left: 25.53191489361702% *margin-left: 25.425531914893618% .row-fluid .offset2 margin-left: 19.148936170212764% *margin-left: 19.04255319148936% .row-fluid .offset2:first-child margin-left: 17.02127659574468% *margin-left: 16.914893617021278% .row-fluid .offset1 margin-left: 10.638297872340425% *margin-left: 10.53191489361702% .row-fluid .offset1:first-child margin-left: 8.51063829787234% *margin-left: 8.404255319148938% .img-polaroid padding: 4px background-color: #fff border: 1px solid #ccc border: 1px solid rgba(0, 0, 0, 0.2) -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) .bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav > li > a color: #563d7c !important font-weight: 500 !important .navbar-toggle &:hover @include opacity(0.8) border: 1px solid #dcdcdc .icon-bar background-color: #428bca @include opacity(0.8) .logo-mobile float: left margin-top: 7px margin-left: 15px .navbar-mobile border-bottom: 2px solid #79d7f9 margin-bottom: 0px .nav-mobile background-color: #ffffff li > a:hover background-color: #5fc7fc !important color: #ffffff !important // #collapse-mobile-navbar background-color: #ffffff @media (max-width: 768px) .article-container padding-top: 25px .fix padding-bottom: 15px .teaser-article-item margin-left: -15px .container-mobile padding-left: 0px !important padding-right: 0px !important @media (width: 768px) .featured-section margin-top: 0px .article-container padding-top: 25px .fix padding-left: 15px padding-bottom: 15px .teaser-article-item margin-left: -15px .container-mobile padding-left: 0px padding-right: 0px @media (min-width: 768px) #blog-menu.affix width: 180px @media (min-width: 992px) #blog-menu.affix width: 235px @media (min-width: 1200px) #blog-menu.affix width: 251px #blog-menu.affix position: fixed top: 0 //@media (max-width: 768px) .blog-article float: none !important .navbar-header background-color: #ffffff .main-content padding-left: 0 .link-items .title font-weight: normal !important .main-content-list h1 font-weight: bold .video-container position: relative padding-bottom: 56.25% padding-top: 30px height: 0 overflow: hidden .video-container iframe, .video-container object, .video-container embed position: absolute top: 0 left: 0 width: 100% height: 100% .selected-category background-color: #5fc7fc color: white .top-nav.nav-pills > li float: right .centered text-align: center .img-responsive margin: auto .search-box margin-bottom: 20px .search-box input, .btn height: 40px .main-content +box-shadow($bord-col 0px 0px 5px) background-color: #ffffff margin-bottom: 30px padding-top: 10px padding-bottom: 30px .similar margin-left: 15px font-size: 15px color: $grey .sticky-sidebar position: sticky position: -webkit-sticky top: 80px //display: flex //.gsc-search-button, .gsc-input table // height: 31px //form.gsc-search-box // margin-bottom: 0 !important //.gsc-input-box // height: 53px .breadcrumbs a font-size: 14px