diff --git a/Gemfile b/Gemfile index abadbd0..bb32ba7 100644 --- a/Gemfile +++ b/Gemfile @@ -16,6 +16,8 @@ gem 'typogruby' gem 'nanoc-cachebuster' gem 'nanoc-javascript-concatenator' +gem 'coffee-script' + gem 'uglifier' gem 'multi_json', '~> 1.3' # needed by uglifier @@ -35,4 +37,4 @@ gem 'systemu' # needed to run validations gem 'w3c_validators' -gem 'nokogiri' \ No newline at end of file +gem 'nokogiri' diff --git a/Gemfile.lock b/Gemfile.lock index 886c1a5..4010b80 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -5,6 +5,10 @@ GEM rack (>= 1.0.0) builder (3.2.0) chunky_png (1.2.7) + coffee-script (2.2.0) + coffee-script-source + execjs + coffee-script-source (1.6.2) colored (1.2) compass (0.12.2) chunky_png (~> 1.2) @@ -55,6 +59,7 @@ PLATFORMS DEPENDENCIES adsf builder + coffee-script compass haml i18n diff --git a/Rules b/Rules index ee20e03..f0fe75b 100644 --- a/Rules +++ b/Rules @@ -23,16 +23,32 @@ compile '/sitemap/', :rep => 'gzip' do filter :shellcmd, :cmd => 'gzip' end -compile '/css/*/' do - # filter :sass, syntax: :scss, load_paths: SASS_LOAD_PATHS - filter :sass, Compass.sass_engine_options +# Use screen.scss as the single entry point for styles, ignore everything else in /assets/css + +compile '/css/screen/' do + filter :sass, :syntax => :scss if @item[:extension] == 'scss' +end + +compile '/css/*' do +end + +route '/css/screen/' do + fp = fingerprint(item[:filename]) + item.identifier.chop + fp + '.css' end compile '/js/*/' do + filter :coffeescript if @item[:extension] == 'coffee' + filter :concat_js filter :uglify_js end +route '/js/*/' do + fp = fingerprint(item[:filename]) + item.identifier.chop + fp + '.js' +end + compile '/rss/' do filter :erb end @@ -67,6 +83,7 @@ compile '*' do end if %w(html haml md).include?(item[:extension]) + layout 'page' layout 'default' filter :cache_buster end @@ -86,15 +103,6 @@ route %r{^/(assets/.*|sitemap|robots|atom)/$} do item.identifier.chop + fp + '.' + ext end -route '/css/*/' do - fp = fingerprint(item[:filename]) - item.identifier.chop + fp + '.css' -end - -route '/js/*/' do - fp = fingerprint(item[:filename]) - item.identifier.chop + fp + '.js' -end route '/rss/' do '/rss.xml' diff --git a/content/about.haml b/content/about.haml index 086dd83..c3bff31 100644 --- a/content/about.haml +++ b/content/about.haml @@ -1,86 +1,71 @@ --- title: About Ariejan --- -.content_wrap.nobg - %section#middle_content - .one_half - %img.gravatar(width="120" height="120" src="//www.gravatar.com/avatar/a9bfdd0cc75c857b669c37548b8bfdf9?s=240") +.row + .large-8.columns + :markdown + ## Hi, I'm Ariejan de Vroom - :markdown - ### Hi, I'm Ariejan de Vroom + Hi! I'm Ariejan de Vroom, a thirty-two year old Ruby on Rails developer and Software + Craftsman. I live in [Breugel, the Netherlands][1] with my fiancée [Laura][2] + and work full-time at [Kabisa ICT][3]. - Hi! I'm Ariejan de Vroom, a thirty-two year old Ruby on Rails developer and Software - Craftsman. I live in [Breugel, the Netherlands][1] with my fiancée [Laura][2] - and work full-time at [Kabisa ICT][3]. + I started programming in the mid-nineties with [GW-BASIC][9] and [QBasic][10]. Soon + thereafter I discovered [Turbo Pascal][11] and then made the jump to [Delphi][12]. - I started programming in the mid-nineties with [GW-BASIC][9] and [QBasic][10]. Soon - thereafter I discovered [Turbo Pascal][11] and then made the jump to [Delphi][12]. + At this point I started playing with lots of different languages and platforms. Then, + almost naturally I made the switch to the web and started developing in [PHP][13]. - At this point I started playing with lots of different languages and platforms. Then, - almost naturally I made the switch to the web and started developing in [PHP][13]. + Not satisfied with the often messy code from the PHP community I discovered [Ruby on Rails][14] + somewhere in 2005. I've been writing Ruby ever since. - Not satisfied with the often messy code from the PHP community I discovered [Ruby on Rails][14] - somewhere in 2005. I've been writing Ruby ever since. + ### Find out more about me - #### Find out more about me + Check me out on [Twitter][4], [Github][6] or [LinkedIn][5] to get to know me a bit better. - Check me out on [Twitter][4], [Github][6] or [LinkedIn][5] to get to know me a bit better. + If you want to contact me, please use the contact form on this page or [tweet something][4] + or [send an email directly][8]. - If you want to contact me, please use the contact form on this page or [tweet something][4] - or [send an email directly][8]. + [1]: http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=eindhoven&sll=52.469397,5.509644&sspn=4.692139,10.942383&ie=UTF8&hq=&hnear=Breugel,+Noord-Brabant&ll=51.440313,5.482178&spn=4.800964,10.942383&t=h&z=7 + [2]: http://laura-oerlemans.net/ + [3]: http://kabisa.nl/ + [4]: http://twitter.com/ariejan + [5]: http://aj.gs/linkedin + [6]: http://aj.gs/github + [8]: mailto:ariejan@ariejan.net + [9]: http://en.wikipedia.org/wiki/GW-BASIC + [10]: http://en.wikipedia.org/wiki/Qbasic + [11]: http://en.wikipedia.org/wiki/Turbo_pascal + [12]: http://en.wikipedia.org/wiki/Borland_Delphi + [13]: http://en.wikipedia.org/wiki/Php + [14]: http://en.wikipedia.org/wiki/Ruby_on_rails - [1]: http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=eindhoven&sll=52.469397,5.509644&sspn=4.692139,10.942383&ie=UTF8&hq=&hnear=Breugel,+Noord-Brabant&ll=51.440313,5.482178&spn=4.800964,10.942383&t=h&z=7 - [2]: http://laura-oerlemans.net/ - [3]: http://kabisa.nl/ - [4]: http://twitter.com/ariejan - [5]: http://aj.gs/linkedin - [6]: http://aj.gs/github - [8]: mailto:ariejan@ariejan.net - [9]: http://en.wikipedia.org/wiki/GW-BASIC - [10]: http://en.wikipedia.org/wiki/Qbasic - [11]: http://en.wikipedia.org/wiki/Turbo_pascal - [12]: http://en.wikipedia.org/wiki/Borland_Delphi - [13]: http://en.wikipedia.org/wiki/Php - [14]: http://en.wikipedia.org/wiki/Ruby_on_rails + .large-4.columns + .avatar - .one_half.last - %form(id="form1" name="form1" class="wufoo page" autocomplete="off" enctype="multipart/form-data" method="post" novalidate action="https://ariejan.wufoo.com/forms/z7x4z5/#public") + %form(id="form1" name="form1" class="wufoo page" autocomplete="off" enctype="multipart/form-data" method="post" novalidate action="https://ariejan.wufoo.com/forms/z7x4z5/#public") - %h3 Leave me a message + %h3 Leave me a message - %ul - %li#foli1.notranslate - %label.desc#title1(for="Field1") - Message - %span#req_1.req * - %div - %textarea#Field1.field.textarea.medium(name="Field1" spellcheck="true" rows="10" cols="50" tabindex="1" onkeyup="" required) + %ul + %li + %div + %textarea.field.textarea.medium(name="Field1" spellcheck="true" rows="10" cols="50" tabindex="1" placeholder="How can I be of help?" onkeyup="" required) + %li + %div + %input(id="Field4" name="Field4" type="text" class="field text large" value="" maxlength="255" tabindex="2" onkeyup="" placeholder="Your name, please") - %li#foli4.notranslate - %label.desc#title4(for="Field4") - Your name - %div - %input(id="Field4" name="Field4" type="text" class="field text large" value="" maxlength="255" tabindex="2" onkeyup="") - %p.instruct#instruct4 - %small Just so I know who's talking to me. + %li + %div + %input(id="Field2" name="Field2" type="email" spellcheck="false" class="field text large" value="" maxlength="255" tabindex="3" required placeholder="Your email address") - %li#foli2.notranslate - %label.desc#title2(for="Field2") - Email Address - %span#req_2.req * - %div - %input(id="Field2" name="Field2" type="email" spellcheck="false" class="field text large" value="" maxlength="255" tabindex="3" required) + %li.buttons + %div + %a.button(href="javascript:{}" onclick="document.getElementById('form1').submit();") + %span Send message - %p.instruct#instruct2 - %small We won't share this with strangers. - - %li.buttons - %div - %a.button(href="javascript:{}" onclick="document.getElementById('form1').submit();") - %span Send message - - %li.hide - %label(for="comment") Do Not Fill This Out - %textarea(name="comment" id="comment" rows="1" cols="1") - %input(type="hidden" id="idstamp" name="idstamp" value="CUVI8NzGGu1E9xkpfytNrtxYAhGs8IrYwj0vZn2ji1c=") + %li.hide + %label(for="comment") Do Not Fill This Out + %textarea(name="comment" id="comment" rows="1" cols="1") + %input(type="hidden" id="idstamp" name="idstamp" value="CUVI8NzGGu1E9xkpfytNrtxYAhGs8IrYwj0vZn2ji1c=") diff --git a/content/craftsmanship.haml b/content/craftsmanship.haml index ef06af9..ffff1c6 100644 --- a/content/craftsmanship.haml +++ b/content/craftsmanship.haml @@ -1,9 +1,11 @@ --- title: Software Craftsmanship --- -.content_wrap.nobg - %section#middle_content +.row + .large-8.push-2.columns :markdown + # Craftsmanship + Well, this is awkward. I've got all these great arguments in my head to explain to you why software craftsmanship is so important and great. But I just haven't had any time yet to write them all down for you in a coherent way. - Please stand-by while I type this up. Soon. Promise! \ No newline at end of file + Please stand-by while I type this up. Soon. Promise! diff --git a/content/css/_fonts.scss b/content/css/_fonts.scss deleted file mode 100644 index 1ff1ec8..0000000 --- a/content/css/_fonts.scss +++ /dev/null @@ -1,277 +0,0 @@ -body {font:13px/18px Helvetica, Arial, 'Nimbus Sans L', sans-serif;} - -li p { - font-size:13px; - line-height:18px; -} - -input, textarea {font:13px/18px "Droid Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -code {font:12px/16px Monaco,Menlo,Consolas,"Courier New",monospace;} - -h1 {font:36px/54px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -h2 {font:400 24px/36px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -h3, -.sitemap > li > a {font:22px/36px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -h4, -#sidebar .widgettitle {font:18px/24px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -h5 {font:italic 18px/24px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -h6, -.portfolio_inner .hover_effect .post_category a, -.sitemap > li > ul > li > a, -.cms_archive li {font:italic 14px/18px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -small, -abbr {font:12px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;} - -blockquote, -q, -.format-aside .entry-content {font:italic 18px/24px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -q:after, blockquote:after {font-family:"Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -span.dropcap, -span.dropcap2 {font-family: "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -.button, -.button_medium, -.button_large, -.comment-reply-link, -.tabs li a, -.cmsms_comments {font-family:"Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -#navigation > li > a {font:600 14px/20px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -#navigation ul li a {font:600 13px/20px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - - -/* Colors */ - -/* ---------------------------------------------- Content Color */ - -body, -a:hover, -.jp-playlist-current a, -.wp-pagenavi a, -.cmsmsLike span {color:#808080;} - -input, -textarea {color:#808080;} - -.cmsmsLike {background-color:#cccccc;} - -.cont_nav, -.cont_nav a {color:#ffffff;} - -/* ---------------------------------------------- Navigation Color */ - -#navigation > li > a { - background-color:#191919; - color:#ffffff; -} - -.nav_wrap_inner.navi_scrolled {background-color:#191919;} - -#navigation ul li a { - background-color:#191919; - color:#ffffff; -} - -#navigation > li > ul {background-color:#191919;} - -#navigation ul li.current_page_item > a, -#navigation ul li > a:hover, -#navigation ul li:hover > a { - background-color:#252525; - color:#ffffff; -} - -/* ---------------------------------------------- Buttons Colors */ - -.cmsmsLike:hover, -.resp_navigation.active, -.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li.active a, -.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li:hover a, -.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li.active a, -.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li:hover a, -.tp-bullets.simplebullets .bullet:hover, -.tp-bullets.simplebullets .bullet.selected, -#slide_top {background-color:#ff9108;} - -/* ---------------------------------------------- Headings Colors */ - -h1, -.post .entry-title a, -.post.format-link .entry-title a:hover {color:#565656;} - -h2 {color:#565656;} - -h3 {color:#565656;} - -h4 {color:#565656;} - -h5 {color:#565656;} - -h6, -.portfolio_inner .entry-title a {color:#565656;} - -.color_2, -q:before, -blockquote:before, -q, -blockquote, -.tog, -.tog:hover, -.tabs li a, -.tour li a {color:#565656;} - -/* ---------------------------------------------- Links Colors */ - -a, -.color_3, -.post footer .published, -.post .entry-title a:hover, -.post.format-link .entry-title a, -.cmsmsLike:hover span, -.portfolio_inner .entry-title a:hover { - // color:#ff9108; - // color: #658590; - color: #4aabcc; -} - -ul.cmsms_slides_nav li.active a, -ul.cmsms_slides_nav li:hover a, -span.dropcap2, -.tog:hover .cmsms_plus, -.tog.current .cmsms_plus, -.tour li.current .cmsms_plus, -.tour li a:hover .cmsms_plus, -.cmsms_comments, -.wp-pagenavi > span.current, -.wp-pagenavi a:hover, -.portfolio_inner .hover_effect { - // background-color:#ff9108; - background-color: #658590; -} - -.tabs li a.current { - // background:#ff9108; - background: #658590; -} - -input[type="text"]:focus, -textarea:focus, -select:focus, -#bottom input:focus, -#bottom textarea:focus, -#bottom select:focus, -.tabs > li a.current, -.wp-pagenavi > span.current, -.wp-pagenavi a:hover { - // border-color:#ff9108; - background-color: #658590; -} - -/* ---------------------------------------------- Slider colors */ - -a.cmsms_close_video:hover {background-color:#ff9108;} - -.slideCaptionInnerBlock { - background:#000000; - background:rgba(0, 0, 0, .7); -} - -.responsiveSlider, -.responsiveSlider h1, -.responsiveSlider h2, -.responsiveSlider h3, -.responsiveSlider h4, -.responsiveSlider h5, -.responsiveSlider h6 {color:#ffffff;} - -.responsiveSlider h1 { - font-size:30px; - line-height:36px; -} - -/* ---------------------------------------------- Revolution Slider */ - -.fullwidthbanner h1 { - font:36px/36px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif; - color:#3a3a3a; -} - -.fullwidthbanner h2 { - font:800 36px/36px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif; - color:#3a3a3a; -} - -.fullwidthbanner h3 {font:800 72px/72px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;} - -/* ---------------------------------------------- Bottom and Footer Colors */ - -#bottom, -#bottom a:hover {color:#817e75;} - -#bottom h1 {color:#ffffff;} - -#bottom h2 {color:#ffffff;} - -#bottom h3 {color:#ffffff;} - -#bottom h4 {color:#ffffff;} - -#bottom h5 {color:#ffffff;} - -#bottom h6 {color:#ffffff;} - -#bottom .color_2 {color:#ffffff;} - -#footer, -#footer a {color:#808080;} - - -/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */ - -@media only screen and (max-width: 1023px) { - - .responsiveSlider h1 { - font-size:1.5em; - line-height:1.2em; - } - - .portfolio_inner .hover_effect .post_category a {font-size:.9em;} - - .portfolio_inner .hover_effect .entry-title {font-size:1.1em;} - -} - -/* ---------- Small Tablet & Mobile (Note: Design for a width less than 541px) ---------- */ - -@media only screen and (max-width: 540px) { - - .responsibe_block_inner {border-color:#ff9108;} - - #navigation > li > ul {background:none;} - - #navigation > li > a, - #navigation ul li a{ - background-color:#ffffff; - color:#3c3c3c; - font-weight:normal; - font-style:italic; - } - - #navigation ul li.current_page_item a, - #navigation ul li a:hover, - #navigation ul li:hover > a { - background-color:#fcfcfc; - color:#3c3c3c; - } - -} diff --git a/content/css/_jquery_prettyphoto.scss b/content/css/_jquery_prettyphoto.scss deleted file mode 100644 index a5d6ae5..0000000 --- a/content/css/_jquery_prettyphoto.scss +++ /dev/null @@ -1 +0,0 @@ -div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../../images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(../../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(../../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../../images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(../../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(../../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(../../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../../images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:7px 0 0}.pp_social .facebook{float:left;position:relative;top:-1px;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#f8f8f8;}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none} \ No newline at end of file diff --git a/content/css/_main.scss b/content/css/_main.scss deleted file mode 100644 index 66e9b68..0000000 --- a/content/css/_main.scss +++ /dev/null @@ -1,150 +0,0 @@ -body { - font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; - font-weight: 300; - font-size: 1em; - line-height: 1.9; -} - -.talk { - .caption { - margin: 0 12px; - text-align: center; - } -} - -.search-box { - padding-top: 12px; - input#google-search-box { - width: 98%; - } -} - -.wufoo { - ul { - list-style-image: none; - list-style-type: none; - - li.hide { - display: none; - } - } -} - -img.gravatar { - margin-right: 12px; - margin-bottom: 12px; - float: left; - padding: 2px; - border: 1px solid #e0e0e0; -} - -.fixed { - // position: fixed; -} - -#influad { - width: 130px; - - margin-top: 16px; - - .influads_text { - margin-top: 6px; - - color: #696969; - text-align: justify; - - font-size: 11px; - line-height: 15px; - a { - color: #696969; - } - } - - .influads_powered_div { - font-size: 10px; - } -} - -ul.tla { - font-size: 9px; - color: #999; - - list-style-image: none; - list-style-type: none; - - li { - display: inline; - margin-right: 8px; - } -} - -ol.posts { - list-style-type: none; - list-style-image: none; - - padding: 0; - margin: 0 0 24px 0; - - font-family: 'Open Sans'; - font-weight: 400; - font-size: 14px; - - li { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - span.date { - display: inline-block; - text-align: left; - } - } -} - -pre, .plaincode{ - background: none; - border: none; - border-radius: none; - - font-size: 12px; - overflow: visible; - - padding: 6px 6px; - margin: 0 0 11px 0; - - word-break: normal; - word-wrap: normal; - - white-space: pre; - display: block; -} - -.plaincode { - background-color: #f9f9f9; -} - -.code { - overflow: auto; - margin: 0 0 11px 0; - - table { - width: 100%; - - .linenodiv { - background-color: #f4f4f4; - color: #AAA; - padding: 0 0.5em; - border-right: 1px solid #DDD; - text-align: right; - } - - td.code { - width: 100%; - } - - .highlight { - background-color: #f9f9f9; - } - - } -} diff --git a/content/css/_pygments.scss b/content/css/_pygments.scss index 67fe210..dc60655 100644 --- a/content/css/_pygments.scss +++ b/content/css/_pygments.scss @@ -58,4 +58,4 @@ .vc { color: #008080 } /* Name.Variable.Class */ .vg { color: #008080 } /* Name.Variable.Global */ .vi { color: #008080 } /* Name.Variable.Instance */ -.il { color: #009999 } /* Literal.Number.Integer.Long */ \ No newline at end of file +.il { color: #009999 } /* Literal.Number.Integer.Long */ diff --git a/content/css/_willbridge.scss b/content/css/_willbridge.scss deleted file mode 100644 index 008e003..0000000 --- a/content/css/_willbridge.scss +++ /dev/null @@ -1,3897 +0,0 @@ -/* -Template Name: Willbridge HTML -Template URI: http://willbridge-html.cmsmasters.net/ -Author: cmsmasters -Author URI: http://cmsmasters.net/ -Description: The Willbridge Responsive HTML5 Site Template. -Version: 1.0 -License: -License URI: -Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, post-formats, responsive, html5, css3 -*/ - -html, body, #page {height:100%;} - -body { - background: url(../images/bgs/02.jpg) repeat-x 50% 0; - background-attachment: fixed; - text-align:left; - margin:0; - padding:0; -} - -header, -footer, -article, -section, -nav, -figure, -address, -hgroup, -abbr, -figcaption, -aside { - margin:0; - padding:0; - display:block; -} - -abbr {border:none;} - -address {font-style:normal;} - -a { - outline:none; - text-decoration:none; - cursor:pointer; - -webkit-transition:color .2s ease-out; - -moz-transition:color .2s ease-out; - -ms-transition:color .2s ease-out; - -o-transition:color .2s ease-out; - transition:color .2s ease-out; -} - -p { - margin:0; - padding:0 0 18px; -} - -table { - padding:0; - margin:0; - border-collapse:collapse; -} - -td, -th, -tr { - padding:0; - margin:0; -} - -ol, -ul, -li, -dl, -dt, -dd { - padding:0; - margin:0; -} - -ol, -ul {margin:0 0 18px;} - -ol {list-style-position:inside;} - -ol li {line-height:24px;} - -ul {list-style:inside url(../images/arrow_list.png);} - -li {line-height:24px;} - -img { - padding:0; - border:0; -} - -a img { - border:0; - display:block; -} - -.fullwidth { - display:block; - min-width:100%; - max-width:100%; -} - -img.fullwidth { - image-rendering:optimizeQuality; - -ms-interpolation-mode:bicubic; -} - -.preloader { - background:url(../images/loader.gif) 50% 50% no-repeat; - display:block; - width:100%; - height:0; - padding-bottom:56.25%; - position:relative; -} - -.resizable_block { - width:100%; - height:0; - padding-bottom:56.25%; - position:relative; - overflow:hidden; -} - -.preloader .fullwidth, -.portfolio_container .preloader .fullwidth, -.resize .preloader .fullwidth, -.resizable_block .fullwidth { - width:100%; - height:100%; - position:absolute; - top:0; - left:0; -} - -div { - text-align:left; - margin:0; - padding:0; -} - -blockquote, -input, -textarea { - padding:0; - margin:0; -} - -object, -video, -audio, -embed, -canvas {display:block;} - -form { - border:none; - margin:0; - padding:0; -} - -fieldset { - border:0; - margin:0; - padding:0; -} - -label { - display:block; - margin:0; - padding:0; -} - -input { - border:0; - background:none; - outline:none; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; -} - -textarea { - background:none; - border:0; - min-height:260px; - overflow:hidden; - outline:none; - resize:none; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin:0 0 18px; - padding:0; -} - -.cl {clear:both;} - -.ovh {overflow:hidden;} - -.fl {float:left;} - -.fr {float:right;} - -#page { - height:auto; - min-height:100%; - margin:0 auto; - position:relative; -} - -.container {padding-bottom:70px;} - - -/* ---------- Header ---------- */ - -#header { - width:840px; - margin:0 auto; - position:relative; -} - -.header_inner { - height:117px; - overflow:hidden; - position:relative; -} - -.custom_html { - position:absolute; - left:193px; - top:48px; -} - -.logo { - display:inline-block; - position:absolute; - left:0; - top:32px; -} - -.responsibe_block, -.responsibe_block .social_list {display:none;} - -.header_inner .social_list { - position:absolute; - top:50px; - right:8px; -} - -.social_list {margin:0;} - -.social_list li { - list-style:none; - float:left; - margin:0; - padding-right:1px; -} - -.social_list li a img { - -webkit-transition:opacity .3s ease-out; - -moz-transition:opacity .3s ease-out; - -ms-transition:opacity .3s ease-out; - -o-transition:opacity .3s ease-out; - transition:opacity .3s ease-out; -} - -.social_list li a:hover img { - opacity:.6; - filter:alpha(opacity=60); -} - -/* ---------- Navigation ---------- */ - -#header .nav_wrap { - height:66px; - position:relative; - top:-6px; -} - -.touch_dev .nav_wrap_inner.navi_scrolled { - background:none; - position:relative; - top:0; - opacity:1; - width:auto; -} - -.touch_dev .navi_scrolled nav {width:auto;} - -.nav_wrap_inner.navi_scrolled { - // background:url(../images/bg_sharp.png) repeat 0 0; - position:fixed; - left:0; - top:-60px; - width:100%; - opacity:0; - z-index:201; -} - -.navi_scrolled nav { - width:840px; - margin:0 auto; -} - -.navi_scrolled #navigation > li:first-child > a, -.navi_scrolled #navigation > li:last-child > a, -.navi_scrolled #navigation > li:first-child > a > span, -.navi_scrolled #navigation > li:last-child > a > span { - border-radius:0; - -moz-border-radius:0; - -webkit-border-radius:0; -} - -.navi_scrolled #navigation > li > a {margin-top:0;} - -.navi_scrolled #navigation > li.current_page_item > a > span, -.navi_scrolled #navigation > li:hover > a > span, -.navi_scrolled #navigation > li > a:hover > span {padding-top:15px;} - -.navi_scrolled #navigation > li > ul {top:60px;} - -.navi_scrolled #navigation > li:last-child > a {border-right:1px solid #1d1d1d;} - -.navi_scrolled #navigation > li:last-child > a > span { - -webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; - -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; - box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; -} - -.navi_scrolled #navigation > li:first-child > a {border-left:1px solid #1d1d1d;} - -.navi_scrolled #navigation > li > a { - border-left:1px solid #1d1d1d; - -webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1); - -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1); - box-shadow:-1px 0 0 rgba(255, 255, 255, .1); -} - -#header nav {position:relative;} - -#navigation, -#navigation ul { - margin:0; - padding:0; - list-style:none; -} - -#navigation:after {clear:both;} - -#navigation { - width:100%; - display:table; - z-index:202; - zoom:1; -} - -#navigation li { - line-height:20px; - padding-left:0; - margin:0 0 0 30px; - position:relative; - z-index:203; -} - -#navigation a {z-index:204;} - -#navigation > li > a, -.touch_dev #navigation > li > a { - border-left:1px solid #1d1d1d; - display:block; - padding-bottom:12px; - margin-top:6px; - -webkit-box-shadow:-1px 1px 0 rgba(0, 0, 0, .1) inset; - -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; - box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; -} - -#navigation > li { - display:block; - width:20%; - float:left; - vertical-align:top; - margin:0; -} - -#navigation > li:first-child > a, -.touch_dev #navigation > li:first-child > a { - border-left:none; - border-radius:5px 0 0 5px; - -moz-border-radius:5px 0 0 5px; - -webkit-border-radius:5px 0 0 5px; -} - -#navigation > li:last-child > a, -.touch_dev #navigation > li:last-child > a { - border-radius:0 5px 5px 0; - -moz-border-radius:0 5px 5px 0; - -webkit-border-radius:0 5px 5px 0; -} - -#navigation > li:first-child > a > span, -.touch_dev #navigation > li:first-child > a > span { - border-radius:5px 0 0 0; - -moz-border-radius:5px 0 0 0; - -webkit-border-radius:5px 0 0 0; -} - -#navigation > li:last-child > a > span, -.touch_dev #navigation > li:last-child > a > span { - border-radius:0 5px 0 0; - -moz-border-radius:0 5px 0 0; - -webkit-border-radius:0 5px 0 0; -} - -#navigation > li > a > span { - //background:#363636 url(../images/bg_sharp.png) repeat 0 0; - background: #191919; - border-bottom:2px solid; - text-shadow:0 1px 0 rgba(0, 0, 0, .5); - display:block; - padding:15px 20px 11px; - -webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; - -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; - box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset; -} - -#navigation > li:last-child > a > span { - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; -} - -.touch_dev #navigation > li.current_page_item > a > span, -#navigation > li.current_page_item > a > span, -#navigation > li:hover > a > span, -#navigation > li > a:hover > span { - background-color:#1e1e1e; - padding-top:21px; -} - -#navigation > li.current_page_item > a, -#navigation > li > a:hover, -#navigation > li:hover > a { - background-color:#212121; - margin-top:0; -} - -#navigation ul { - width:100%; - padding:0; - margin:20px 0 0 0; - opacity:0; - visibility:hidden; - position:absolute; - z-index:9998; - -webkit-transition:opacity .2s ease-in-out, margin .2s ease-in-out; - -moz-transition:opacity .2s ease-in-out, margin .2s ease-in-out; - -ms-transition:opacity .2s ease-in-out, margin .2s ease-in-out; - -o-transition:opacity .2s ease-in-out, margin .2s ease-in-out; - transition:opacity .2s ease-in-out, margin .2s ease-in-out; -} - -#navigation > li > ul { - // background-image:url(../images/bg_sharp.png); - background-repeat:repeat; - background-position:0 0; - padding-bottom:10px; - top:66px; - -webkit-box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset; - -moz-box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset; - box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset; -} - -#navigation li:hover > ul { - opacity:1; - visibility:visible; - margin:0; -} - -#navigation ul ul { - margin:0 0 0 20px; - left:100%; - top:-1px; - z-index:9999; -} - -#navigation ul li { - display:block; - padding:0; - margin:0; - float:none; -} - -#navigation ul li:first-child > a {border-top:1px solid #1d1d1d;} - -#navigation ul li a span { - text-shadow:0 1px 0 rgba(0, 0, 0, .4); - display:block; -} - -#navigation ul li.drop > a span { - background:url(../images/arrow_navi.png) no-repeat right -35px; - padding-right:9px; -} - -#navigation ul li.drop:hover > a > span, -#navigation ul li.drop > a:hover > span, -#navigation ul li.current_page_item.drop > a > span {background-position:right 5px;} - -#navigation ul li a { - border-bottom:1px solid #1d1d1d; - font-size:13px; - line-height:20px; - display:block; - float:none; - padding:9px 8px 10px 20px; -} - -#navigation > li > ul > li:last-child {border-bottom:1px solid rgba(255, 255, 255, .1);} - -#navigation ul ul li a {margin-left:1px;} - -/* ---------- Top ---------- */ - -#top { - overflow:hidden; - border-radius:5px 5px 0 0; - -moz-border-radius:5px 5px 0 0; - -webkit-border-radius:5px 5px 0 0; -} - -#slider { - background:url(../images/loader.gif) no-repeat scroll 50% 50%; - list-style:none; - padding:0; - margin:0; - overflow:hidden; - position:relative; -} - - -/* ---------- Splash ---------- */ - -.splash { - background:#ffffff; -} - -.splash #header {z-index:999;} - -.splash #top { - position:absolute; - width:100%; - height:100%; - left:0; - top:0; -} - -.splash .responsiveSlider .cmsms_img {display:none !important;} - -.splash a.cmsms_next_slide {right:0;} - -.splash a.cmsms_prev_slide {right:32px;} - -.splash #top ul.cmsms_slides_nav {right:65px;} - -.splash .cmsms_nav_wrap_wrap {height:0;} - -.splash .cmsms_nav_wrap { - width:840px; - position:relative; - margin:0 auto; -} - -.splash .responsiveSlider > li { - background-repeat:no-repeat; - background-position:50% 50%; - background-size:cover; -} - -.splash #page { - height:auto; - padding-bottom:70px; -} - -.splash .cmsms_slider_parent, -.splash #slider { - padding-bottom:0; - height:100%; -} - -.splash .responsiveSlider .slideCaption.left, -.splash .responsiveSlider .slideCaption.right { - width:840px !important; - margin:0 auto; - right:auto !important; - position:relative; -} - -.splash .responsiveSlider .slideCaption > .slideCaptionInner {width:30% !important;} - -.splash .responsiveSlider .slideCaption.right > .slideCaptionInner { - right:0; - display: table-cell; - vertical-align: middle; -} - -.splash .responsiveSlider .slideCaption.right .splashCaption {float:right;} - -.splash .responsiveSlider .slideCaption.left .splashCaption {float:left;} - -.splashCaption {width:40%;} - -/* ---------- Top Sidebar ---------- */ - -#top_sidebar { - margin:0 20px; - position:relative; -} - -#top_sidebar .widget, -#top_sidebar .one_first {padding-bottom:0;} - - -/* ---------- Middle ---------- */ - -#middle { - background-color:#ffffff; - width:840px; - margin:27px auto 0; - position:relative; - border-radius:5px 5px 0 0; - -moz-border-radius:5px 5px 0 0; - -webkit-border-radius:5px 5px 0 0; -} - -#middle:before { - content:""; - position:absolute; - z-index:-2; - height:800px; - top:10px; - left:0; - right:0; - -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .05); - -moz-box-shadow:0 0 10px rgba(0, 0, 0, .05); - box-shadow:0 0 10px rgba(0, 0, 0, .05); - -webkit-border-radius:10px / 100px 100px 275px 275px; - -moz-border-radius:10px / 100px 100px 275px 275px; - border-radius:10px / 100px 100px 275px 275px; -} - -#middle_content { - padding: 25px 0 55px 0; - margin:0 auto; - position:relative; -} - -#slide_top { - background: url(../images/top_slide.png) no-repeat 21px 24px; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - bottom: 10px; - display: none; - opacity: 0.5; - position: fixed; - right: 10px; - z-index: 998; - height:50px; - width:50px; - text-indent:-9999px; - -webkit-transition:opacity .2s ease-in-out; - -moz-transition:opacity .2s ease-in-out; - -ms-transition:opacity .2s ease-in-out; - -o-transition:opacity .2s ease-in-out; - transition:opacity .2s ease-in-out; -} - -#slide_top:hover {opacity:1;} - -video {background-color:#000000;} - -.cont_nav { - width:840px; - padding:11px 20px 0; - margin:0 auto -19px; -} - -.cont_nav a {text-decoration:underline;} - -.cont_nav a:hover {text-decoration:none;} - -.cont_nav > a:first-child {padding-left:5px;} - -.headline { - // border-bottom:2px solid #bbbbbb; - padding: 20px 18px 0 18px; -} - -.headline h2 {margin:4px 0 6px;} - -.headline table h2 {margin:0;} - -.headline table h6 {margin:-5px 0 0;} - -.headline img {margin:0 20px -10px 0;} - -.headline table td {vertical-align:middle;} - -.headline .one_half, -.headline .one_half.last, -.headline .one_third, -.headline .one_third.last, -.headline .two_third, -.headline .two_third.last, -.headline .one_fourth, -.headline .one_fourth.last, -.headline .three_fourth, -.headline .one_fourth.last { - padding-bottom:0; -} - -.headline .one_half+.one_half, -.headline .one_third+.two_third, -.headline .two_third+.one_third, -.headline .one_third+.one_third+.one_third, -.headline .one_fourth+.one_fourth+.one_half, -.headline .one_fourth+.one_half+.one_fourth, -.headline .one_half+.one_fourth+.one_fourth, -.headline .one_fourth+.three_fourth, -.headline .three_fourth+.one_fourth, -.headline .one_fourth+.one_fourth+.one_fourth+.one_fourth { - -} - -.one_first { - width:100%; - padding-bottom:20px; -} - -.one_half { - width:48%; - float:left; - padding-bottom:20px; - padding-right:4%; -} - -.one_half.last { - width:48%; - float:right; - padding-right:0; -} - -.one_third { - width:30.6%; - float:left; - padding-bottom:20px; - padding-right:4%; -} - -.one_third.last { - width:30.6%; - float:right; - padding-right:0; -} - -.two_third { - width:65.2%; - float:left; - padding-bottom:20px; - padding-right:4%; -} - -.two_third.last { - width:65.2%; - float:right; - padding-right:0; -} - -.one_fourth { - width:22%; - float:left; - padding-bottom:20px; - padding-right:4%; -} - -.one_fourth.last { - width:22%; - float:right; - padding-right:0; -} - -.three_fourth { - width:74%; - float:left; - padding-bottom:20px; - padding-right:4%; -} - -.three_fourth.last { - width:74%; - float:right; - padding-right:0; -} - -.one_half+.one_half, -.one_third+.two_third, -.two_third+.one_third, -.one_third+.one_third+.one_third, -.one_fourth+.one_fourth+.one_half, -.one_fourth+.one_half+.one_fourth, -.one_half+.one_fourth+.one_fourth, -.one_fourth+.three_fourth, -.three_fourth+.one_fourth, -.one_fourth+.one_fourth+.one_fourth+.one_fourth { - float:right; - padding-right:0; -} - - -/* ---------- Content ---------- */ - -.content_wrap { - background:url(../images/content_sep.png) repeat-y 69% 0; - margin:0 20px; - position:relative; - overflow:hidden; -} - -.content_wrap.nobg {background:none;} - -.content_wrap.sidebar_left {background-position:31% 0;} - -.content_wrap.sidebar_left #content { - float:right; - padding:25px 0 55px 2%; -} - -.content_wrap.sidebar_left #sidebar {padding:55px 2% 55px 0;} - -#content { - width:67%; - float:left; - padding:25px 2% 55px 0; - position:relative; -} - -figure img {display:block;} - -.sitemap li, -.cms_archive li { - list-style:none; - line-height:30px; - padding-left:0; -} - -.sitemap {margin-bottom:0;} - -.sitemap ul, -.cms_archive ul {margin-bottom:0;} - -.sitemap > li { - border-bottom:1px solid #ebebeb; - width:100%; - padding-bottom:30px; - margin-bottom:30px; -} - -.sitemap > li:last-child { - border:none; - margin-bottom:0; -} - -.sitemap > li > ul { - overflow:hidden; - position:relative; - width:100%; - margin-top:20px; -} - -.sitemap > li > ul > li > ul {margin-top:15px;} - -.sitemap > li > ul > li { - float: left; - width: 25%; -} - -.sitemap > li > ul > li:nth-child(4n+1) {clear:both;} - -.cms_category { - list-style:none; - margin-bottom:40px; -} - -.cms_archive li { - width:25%; - float:left; - padding-bottom:30px; -} - -.cms_archive li:nth-child(4n+1) {clear:both;} - -.about_social { - background:url(../images/tog_divider.png) repeat-x 0 0; - list-style:none; - overflow:hidden; -} - -.about_social li { - float:left; - padding:12px 3px 0 0; -} - -/* ---------- Sidebar ---------- */ - -#sidebar { - width:29%; - padding:25px 0 55px 2%; - float:right; - position:relative; -} - -#sidebar .widget { - background:url(../images/divider.png) repeat-x 0 bottom; - padding:10px 0 20px; - overflow:hidden; -} - -#sidebar .widgettitle {margin-bottom:25px;} - -#sidebar > div:last-child .widget {background:none;} - -#sidebar .widget_custom_flickr_entries, -#sidebar .widget_custom_advertisement_entries {padding-bottom:5px;} - -#sidebar.fl {float:left;} - -#sidebar .one_half, -#sidebar .one_half.last, -#sidebar .one_third, -#sidebar .one_third.last, -#sidebar .two_third, -#sidebar .two_third.last, -#sidebar .one_fourth, -#sidebar .one_fourth.last, -#sidebar .three_fourth, -#sidebar .one_fourth.last { - width:auto; - float:none; - padding-right:0; -} - -#sidebar .one_half+.one_half, -#sidebar .one_third+.two_third, -#sidebar .two_third+.one_third, -#sidebar .one_third+.one_third+.one_third, -#sidebar .one_fourth+.one_fourth+.one_half, -#sidebar .one_fourth+.one_half+.one_fourth, -#sidebar .one_half+.one_fourth+.one_fourth, -#sidebar .one_fourth+.three_fourth, -#sidebar .three_fourth+.one_fourth, -#sidebar .one_fourth+.one_fourth+.one_fourth+.one_fourth {float:none;} - - -/* ---------- Middle Sidebar ---------- */ - -.middle_sidebar { - border-top:1px solid #ebebeb; - padding:35px 0 10px; - margin:0 20px; - position:relative; - overflow:hidden; -} - -.middle_sidebar .widgettitle {margin-bottom:30px;} - - -/* ---------- Shortcodes ---------- */ - -.alignleft { - float:left; - margin:0 20px 18px 0; -} - -.alignright { - float:right; - margin:0 0 18px 20px; -} - -.aligncenter { - text-align:center; - margin:0 auto; -} - -.wp-caption { - background-color:#ffffff; - border:1px solid #e3e3e3; - padding:4px; -} - -.wp-caption-text { - text-align:center; - padding:5px 0 0; -} - -.divider { - border-top:1px solid #ebebeb; - margin:18px 0 36px; - clear:both; -} - -.table { - width:100%; - margin-bottom:20px; -} - -.table thead th:first-child { - border-radius:5px 0 0 0; - -moz-border-radius:5px 0 0 0; - -webkit-border-radius:5px 0 0 0; -} - -.table thead th:last-child { - border-radius:0 5px 0 0; - -moz-border-radius:0 5px 0 0; - -webkit-border-radius:0 5px 0 0; -} - -.table td {padding:15px 0 15px 20px;} - -.table thead th { - background:#4f4f4f; - background:linear-gradient(#5d5d5d, #414141); - background:-moz-linear-gradient(#5d5d5d, #414141); - background:-webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#414141)); - background:-o-linear-gradient(#5d5d5d, #414141); - background: -ms-linear-gradient(top, #5d5d5d 0%,#414141 100%); - color:#ffffff; - text-align:left; - padding:14px 0 15px 20px; -} - -.table tfoot td {padding:10px 0 10px 20px;} - -.table tbody tr:first-child td {background-image:none;} - -.table td { - background:#ffffff url(../images/resp_divider.png) repeat-x 0 0; -} - -span.dropcap { - float:left; - font-size:48px; - line-height:46px; - font-weight:800; - margin-top:3px; - padding:0 22px 0 9px; -} - -span.dropcap2 { - color:#ffffff; - font-size:32px; - font-weight:800; - line-height:52px; - text-align:center; - width:56px; - height:56px; - float:left; - margin-right:12px; - border-radius:28px; - -moz-border-radius:28px; - -webkit-border-radius:28px; -} - -q, -blockquote { - padding:0 0 20px 33px; - margin:0; - position:relative; - vertical-align:baseline; -} - -q:before, -blockquote:before { - font-size:28px; - content:'\201C'; - display:block; - padding:0; - position:absolute; - left:0; - top:5px; -} - -q:after, -blockquote:after {clear:both;} - -blockquote p, -q p {padding-bottom:0;} - -code { - border-radius: 3px; - padding: 2px 4px; - color: #d14; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; -} - -.cmsms_plus { - background:#555555; - display:block; - width:25px; - height:25px; - position:absolute; - top:50%; - left:0; - margin-top:-13px; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -webkit-transition:background .2s ease-in-out; - -moz-transition:background .2s ease-in-out; - -ms-transition:background .2s ease-in-out; - -o-transition:background .2s ease-in-out; - transition:background .2s ease-in-out; -} - -.cmsms_plus .vert_line, -.cmsms_plus .horiz_line {background-color:#ffffff;} - -.cmsms_plus .vert_line { - display:block; - width:1px; - height:7px; - position:absolute; - left:12px; - top:9px; - z-index:2; -} - -.cmsms_plus .horiz_line { - display:block; - width:7px; - height:1px; - position:absolute; - left:9px; - top:12px; -} - -.togg, -.accordion .acc, -.tour li { - background:url(../images/tog_divider.png) repeat-x 0 100%; - overflow:hidden; - position:relative; -} - -.tog, -.tour li a { - font-style:italic; - font-size:14px; -} - -.togg .tog, -.accordion .tog, -.tour li a { - line-height:20px; - display:block; - padding:13px 0 13px 40px; - margin:0; - position:relative; -} - -.tog.current .cmsms_plus .vert_line {display:none;} - -.togg .tab_content, -.accordion .tab_content { - padding:13px 0 29px; - display:none; - overflow:hidden; -} - -.related_posts ul { - list-style:none; - overflow:hidden; -} - -.related_posts ul li { - margin-right:10px; - float:left; -} - -.related_posts_content .alignleft { - display:table-cell; - margin-bottom:0; -} - -.related_posts .one_half, -.related_posts .one_third { - display:table; - padding-bottom:12px; -} - -.tab { - margin-bottom:20px; - overflow:hidden; - position:relative; -} - -.tabs { - display:table; - width:100%; -} - -.tabs li { - line-height:20px; - padding-left:0; - display:table-cell; -} - -.tabs li {position:relative;} - -.tabs > li a { - border-top:1px solid #edeeef; - border-right:1px solid #e1e1e1; - font-size:14px; - font-style:italic; - display:block; - padding:15px 20px; - background:#edeeef; - background:linear-gradient(#f6f7f7, #edeeef); - background:-moz-linear-gradient(#f6f7f7, #edeeef); - background:-webkit-gradient(linear, left top, left bottom, from(#f6f7f7), to(#edeeef)); - background:-o-linear-gradient(#f6f7f7, #edeeef); - background: -ms-linear-gradient(top, #f6f7f7 0%,#edeeef 100%); - -webkit-box-shadow:-1px 0 0 #ffffff inset; - -moz-box-shadow:-1px 0 0 #ffffff inset; - box-shadow:-1px 0 0 #ffffff inset; -} - -.tabs > li:last-child a { - border-right:none; - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; -} - -.tabs > li a.current { - color:#ffffff; - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; -} - -.tabs > li a { - -webkit-transition:none; - -moz-transition:none; - -ms-transition:none; - -o-transition:none; - transition:none; -} - -.tab_content {width:100%;} - -.related_posts_content, -.tabs_tab, -.tabs { - overflow:hidden; - position:relative; -} - -.related_posts_content { - font-size:14px; - font-style:italic; - padding-top:22px; -} - -.related_posts_content h6 { - width:100%; - display:table-cell; - vertical-align:middle; - margin:0; -} - -.tabs_tab { - background-color:#ffffff; - display:none; - padding:30px 0; -} - -.google_map {margin-bottom:18px;} - -.tour_content { - overflow:hidden; - position:relative; - margin-bottom:20px; -} - -.tour { - background:url(../images/tog_divider.png) repeat-x 0 0; - list-style:none; - width:27%; - float:left; - margin:30px 0 0; -} - -.tour_shadow { - width:73%; - height:100%; - overflow:hidden; - position:absolute; - right:0; - top:0; - z-index:2; -} - -.tour_shadow:before { - content:''; - height:90%; - overflow:hidden; - position:absolute; - left:0; - top:15px; - z-index:2; - -webkit-box-shadow:0 0 7px 1px rgba(0, 0, 0, .2); - -moz-box-shadow:0 0 7px 1px rgba(0, 0, 0, .2); - box-shadow:0 0 7px 1px rgba(0, 0, 0, .2); -} - -.tour li { - background:url(../images/tog_divider.png) repeat-x 0 100%; - position:relative; - padding:5px 0 4px; -} - -.tour li a { - padding-top:8px; - padding-bottom:8px; - display:block; - position:relative; -} - -.tour .cmsms_plus {margin-top:-14px;} - -.tour li.current a .tour_title { - opacity:1; - filter:alpha(opacity=100); -} - -.tour li a .tour_title { - display:block; - opacity:.5; -} - -.tour_box { - width:70%; - float:right; - display:none; - overflow:hidden; - padding:25px 0 30px 3%; - position:relative; -} - - -/* ---------- Buttons ---------- */ - -.button, -.button_medium, -.button_large, -.comment-reply-link { - border:1px solid rgba(0, 0, 0, .15); - background-color:#ededed; - display:inline-block; - margin-bottom:5px; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .1); - -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); - box-shadow:0 1px 0 rgba(0, 0, 0, .1); -} - -.comment-reply-link {margin-bottom:2px;} - -.button > span, -.button_medium > span, -.button_large > span, -.comment-reply-link > span { - color:#565656; - line-height:30px; - text-transform:uppercase; - text-shadow:0 1px 0 rgba(255, 255, 255, .9); - display:block; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -webkit-box-shadow:0 0 1px rgba(255, 255, 255, .7) inset; - -moz-box-shadow:0 0 1px rgba(255, 255, 255, .7) inset; - box-shadow:0 0 1px rgba(255, 255, 255, .7) inset; - -webkit-transition:box-shadow .2s ease-out, background .2s ease-out; - -moz-transition:box-shadow .2s ease-out, background .2s ease-out; - -ms-transition:box-shadow .2s ease-out, background .2s ease-out; - -o-transition:box-shadow .2s ease-out, background .2s ease-out; - transition:box-shadow .2s ease-out, background .2s ease-out; -} - -.related_posts li a.button.current > span, -.p_sort a.current[name="p_name"] > span, -.p_sort a.current[name="p_date"] > span, -.p_filter_container:hover .p_cat_filter > span, -.button:hover > span, -.button_medium:hover > span, -.button_large:hover > span, -.comment-reply-link:hover > span { - background:rgba(0, 0, 0, .1); - -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2) inset; - -moz-box-shadow:0 0 5px rgba(0, 0, 0, .2) inset; - box-shadow:0 0 5px rgba(0, 0, 0, .2) inset; -} - -.button > span, -.comment-reply-link > span { - background-image:url(../images/button.png); - background-repeat:repeat-x; - background-position:0 0; - font-size:14px; - font-weight:600; - padding:4px 22px; -} - -.comment-reply-link > span { - line-height:20px; - font-weight:normal; - font-style:italic; - text-transform:none; - padding:0 12px; -} - -.button_medium > span { - background:url(../images/button_medium.png) repeat-x 0 0; - font-size:22px; - padding:9px 23px; -} - -.button_large > span { - background:url(../images/button_large.png) repeat-x 0 0; - font-size:28px; - padding:14px 25px; -} - -.box {margin:0 0 20px;} - -.box table {width:100%;} - -.box table td p {padding:0 20px 0 0;} - -.box table td { - text-align:left; - padding:25px 0; -} - -.box table td:first-child {width:80px;} - -.error_box { - background:#f8d9cf; - background:rgba(255, 132, 89, .25); - border:1px solid #fac0ad; - border:1px solid rgba(255, 132, 89, .4); -} - -.warning_box { - background:#f5e5b8; - background:rgba(244, 177, 0, .25); - border:1px solid #ffd35a; - border:1px solid rgba(244, 177, 0, .4); -} - -.success_box { - background:#d9eecb; - background:rgba(129, 211, 72, .25); - border:1px solid #b3e68b; - border:1px solid rgba(129, 211, 72, .4); -} - -.notice_box { - background:#cde0f1; - background:rgba(90, 166, 234, .25); - border:1px solid #b3d6f7; - border:1px solid rgba(90, 166, 234, .4); -} - -.download_box { - background:#c5f1d1; - background:rgba(67, 242, 112, .25); - border:1px solid #9bd5a9; - border:1px solid rgba(67, 242, 112, .4); -} - -.box.error_box table td:first-child {background:url(../images/error.png) center center no-repeat;} - -.box.success_box table td:first-child {background:url(../images/success.png) center center no-repeat;} - -.box.notice_box table td:first-child {background:url(../images/notice.png) center center no-repeat;} - -.box.warning_box table td:first-child {background:url(../images/warning.png) center center no-repeat;} - -.box.download_box table td:first-child {background:url(../images/download.png) center center no-repeat;} - -.box.css_box { - border:1px solid #ececec; - border:1px solid rgba(0, 0, 0, .1); - padding:20px; -} - -.box.css_box p {padding:0;} - -.error { - text-align:center; - margin-bottom:50px; -} - -.error .search_line { - width:30%; - margin:105px auto 30px; - overflow:hidden; -} - -.error h1 { - font-size:240px; - line-height:1em; - margin-bottom:10px; -} - -.error h3 { - font-size:24px; - font-style:normal; -} - - -/* ---------- Widgets ---------- */ - -.widget_custom_colored_blocks_entries { - padding:0; - margin:0 -20px; -} - -.widget_colored { - border-left:1px solid #ebebeb; - border-bottom:1px solid #ebebeb; - display:table-cell; -} - -.widget_colored:first-child {border-left:none;} - -.widget_colored_inner {padding:26px 20px 20px;} - -.widget_colored.four_box {width:25%;} - -.widget_colored.three_box {width:33.3%;} - -.widget_colored.two_box {width:50%;} - -.widget_colored.one_box {width:100%;} - -.widget_colored .widgettitle { - border-bottom:2px solid; - padding-bottom:8px; - margin-bottom:35px; -} - -.widget_custom_popular_portfolio_entries figure {margin-bottom:13px;} - -.post_type_shortcode .cmsms_content_slider_parent > .responsiveContentSlider > li, -.widget_custom_popular_portfolio_entries .responsiveContentSlider > li, -.widget_custom_testimonials_entries .responsiveContentSlider > li { - padding-left:2px; - padding-right:2px; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; -} - -.cmsms_rounding, -.widget_custom_popular_portfolio_entries figure img { - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; -} - -.widget_custom_popular_portfolio_entries .cmsms_nav_wrap_wrap { - padding-top:21px; - height:12px; -} - -.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li a, -.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li a {background-color:#817e75;} - -.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li, -.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li { - display:inline-block; - float:none; - vertical-align:top; -} - -.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav, -.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav { - text-align:center; - height:10px; - width:100%; - display:block; - position:absolute; - bottom:3px; - left:0; - float:none; -} - -.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent, -.widget_custom_testimonials_entries .cmsms_content_slider_parent {text-align:center;} - -.widget_custom_popular_portfolio_entries .responsiveContentSlider > li, -.widget_custom_testimonials_entries .responsiveContentSlider > li {padding-bottom:33px;} - -.widget_custom_popular_portfolio_entries a.cmsms_content_prev_slide span, -.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide span, -.widget_custom_testimonials_entries a.cmsms_content_prev_slide span, -.widget_custom_testimonials_entries a.cmsms_content_next_slide span, -.post_type_shortcode a.cmsms_content_next_slide span, -.post_type_shortcode a.cmsms_content_prev_slide span { - background:url(../images/arrow_popular_widget.png) no-repeat 0 0; - display:block; - width:8px; - height:12px; -} - -.post_type_shortcode a.cmsms_content_next_slide span, -.widget_custom_testimonials_entries a.cmsms_content_next_slide span, -.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide span {background-position:0 -22px;} - -.widget_custom_testimonials_entries ul.cmsms_slides_nav, -.widget_custom_popular_portfolio_entries ul.cmsms_slides_nav {background:none;} - -.post_type_shortcode, -.widget_custom_testimonials_entries_container { - overflow:hidden; - position:relative; -} - -.post_type_shortcode .one_fourth, -.post_type_shortcode .one_third, -.post_type_shortcode .one_half {padding-bottom:0;} - -.post_type_shortcode > h3 {padding:0 60px 15px 0;} - -.post_type_shortcode a.cmsms_content_next_slide, -.post_type_shortcode a.cmsms_content_prev_slide { - position:absolute; - top:17px; -} - -.post_type_shortcode a.cmsms_content_next_slide {right:12px;} - -.post_type_shortcode a.cmsms_content_prev_slide {right:43px;} - -.widget_custom_popular_portfolio_entries_container {position:relative;} - -.widget_custom_testimonials_entries a.cmsms_content_next_slide, -.widget_custom_testimonials_entries a.cmsms_content_prev_slide, -.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide, -.widget_custom_popular_portfolio_entries a.cmsms_content_prev_slide { - position:absolute; - right:0; - bottom:2px; - z-index:11; -} - -.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide, -.widget_custom_testimonials_entries a.cmsms_content_next_slide {right:10px;} - -.widget_custom_popular_portfolio_entries a.cmsms_content_prev_slide, -.widget_custom_testimonials_entries a.cmsms_content_prev_slide { - left:10px; - right:auto; -} - -.widget_custom_flickr_entries ul {overflow:hidden;} - -.widget_custom_flickr_entries li { - list-style:none; - float:left; - padding:0 8% 8% 0; -} - -.widget_custom_flickr_entries li a img, -.preloader .image_container_img { - -webkit-transition:opacity .3s ease-out; - -moz-transition:opacity .3s ease-out; - -ms-transition:opacity .3s ease-out; - -o-transition:opacity .3s ease-out; - transition:opacity .3s ease-out; -} - -.widget_custom_flickr_entries:hover a img {opacity:.6;} - -.widget_custom_flickr_entries:hover a:hover img {opacity:1;} - -.widget_custom_comments_entries .published {padding-top:3px;} - -.published { - color:#bfbfbf; - font-style:italic; -} - -.widget_custom_comments_entries ul {list-style:none;} - -.widget_custom_comments_entries li {padding-bottom:18px;} - -.widget_custom_comments_entries li:first-child {margin-top:-3px;} - -.widget_links li:first-child, -.cmsms_details > li:first-child { - background:none; - padding-top:0; -} - -.widget_links li, -.cmsms_details > li { - background:url(../images/tog_divider.png) repeat-x 0 0; - padding:9px 0 7px ; - overflow:hidden; -} - -.widget_custom_recent_entries li:first-child { - background:none; - padding-top:0; -} - -.widget_custom_recent_entries li { - background:url(../images/tog_divider.png) repeat-x 0 0; - list-style:none; - padding:17px 0 23px; -} - -.widget_custom_recent_entries li .published {padding:7px 0 9px;} - -.widget_custom_recent_entries li p {padding:0;} - -.widget_custom_tweets_entries li { - list-style:none; -} - -.widget_custom_tweets_entries abbr {padding:18px 10px 17px 4px;} - -.testimonials_text, -.jta-tweet-text { - border:1px solid #e6e6e6; - background-color:#ffffff; - padding:12px 12px 27px 12px; - position:relative; - border-radius:6px; - -moz-border-radius:6px; - -webkit-border-radius:6px; -} - -.testimonials_text:before, -.jta-tweet-text:before { - border-right: 12px solid transparent; - border-top: 12px solid #e6e6e6; - bottom: -13px; - content: ""; - height: 0; - left: 12px; - position: absolute; - width: 0; -} - -.testimonials_text:after, -.jta-tweet-text:after { - border-right:12px solid transparent; - border-top:12px solid #ffffff; - bottom:-11px; - content:""; - height:0; - left:13px; - position:absolute; - width:0; -} - -.testimonials_name { - display:block; - padding-top:18px; -} - -.testimonials_text p {padding-bottom:0;} - -.widget_custom_contact_form_entries .loading { - float:left; - margin-top:10px; -} - -.widget_custom_contact_form_entries .button {float:right;} - -.widget_custom_contact_form_entries textarea {min-height:130px;} - -.widget {padding-bottom:20px;} - -.widget ul {margin-bottom:0;} - -.widgetinfo { - border:1px solid #a8a8a8; - background:#f1f1f1; - text-align:center; - display:none; - padding:5px 10px; - margin:0 0 15px; - border-radius:4px; - -moz-border-radius:4px; - -webkit-border-radius:4px; -} - -.loader { - background:url(../images/loader.gif) center 0 no-repeat; - height:5px; - width:100%; - display:block; -} - -.search_line input[type="text"] { - float:left; - padding-right:32px; -} - -.search_line input[type="submit"] { - background:url(../images/icon_search.png) no-repeat 7px 10px; - width:32px; - height:32px; - float:left; - margin-left:-32px; - cursor:pointer; -} - - -/* ---------- Blog ---------- */ - -.blog .post { - border-bottom:1px solid #ebebeb; - margin-bottom:30px; -} - -.post { - padding-bottom:25px; - position:relative; -} - -.post footer { - position:relative; -} - -.cmsms_format { - background: url(../images/icon_format.png) no-repeat 0 1px; - float:left; - width:20px; - height:20px; - margin-right:68px; -} - -.post footer .published {display:inline;} - -.post .entry-content { - padding:25px 10px 0 100px; -} - -.post .more_button { - display:inline-block; - margin-top:5px; -} - -.atricle_box { - border:1px solid #dbdbdb; - font-style:italic; - font-size:12px; - padding:11px 70px 9px 10px; - position:relative; -} - -.format-aside .cmsms_format {background-position:0 -39px;} - -.format-audio .cmsms_format {background-position:0 -107px;} - -.format-image .cmsms_format {background-position:0 -130px;} - -.format-gallery .cmsms_format {background-position:2px -18px;} - -.format-link .cmsms_format {background-position:2px -84px;} - -.format-video .cmsms_format {background-position:0 -60px;} - -.format-quote .cmsms_format {background-position:0 -154px;} - -.blog .format-quote .entry-content p {padding-left:33px;} - -.cmsms_comments { - font-size:18px; - font-style:normal; - line-height:50px; - color:#ffffff; - text-align:center; - display:block; - width:40px; - height:50px; - position:absolute; - top:-1px; - right:20px; - z-index:99; -} - -.wp-pagenavi {overflow:hidden;} - -.wp-pagenavi a, -.wp-pagenavi > span { - border:1px solid; - line-height:23px; - text-align:center; - float:left; - margin-right:4px; - width:23px; - height:23px; -} - -.wp-pagenavi > span.current, -.wp-pagenavi a:hover, -.cmsms_comments:hover {color:#ffffff;} - -.wp-pagenavi a { - border-color:#dadada; - -webkit-transition:background-color 0.2s ease, border-color 0.2s ease; - -moz-transition:background-color 0.2s ease, border-color 0.2s ease; - -ms-transition:background-color 0.2s ease, border-color 0.2s ease; - -o-transition:background-color 0.2s ease, border-color 0.2s ease; - transition:background-color 0.2s ease, border-color 0.2s ease; -} - - -/* ---------- Open Post ---------- */ - -.project_navi, -.share_posts, -.about_author, -#commentform, -.related_posts { - border-top:1px solid #ebebeb; - overflow:hidden; - padding:25px 0 0; - margin:25px 0 0; -} - -.related_posts { - border-bottom:1px solid #ebebeb; - padding-bottom:25px; -} - -#comments {padding-top:25px;} - -#middle_content #comments, -#middle_content #commentform {width:67%;} - -.project_navi a[rel="next"] {float:right;} - -.about_author .alignleft, -.about_author p { - margin-bottom:0; - padding-bottom:0; -} - -.cmsms_share {margin:20px 0 1px;} - -.cmsms_social a { - display:inline-block; - padding:5px 10px 0 2px; -} - -.cmsmsLike { - background:url(../images/heart.png) no-repeat 4px 6px; - text-decoration:none; - display:block; - height:22px; - width:22px; - float:left; - margin:-1px 60px 3px 0; - border-radius:11px; - -moz-border-radius:11px; - -webkit-border-radius:11px; - -webkit-transition:background-color 0.2s ease; - -moz-transition:background-color 0.2s ease; - -ms-transition:background-color 0.2s ease; - -o-transition:background-color 0.2s ease; - transition:background-color 0.2s ease; -} - -.cmsmsLike span { - line-height:22px; - padding-left:34px; -} - -.cmsms_social { - display:none; - margin-top:25px; - overflow:hidden; -} - -.comment-body h6 { - float:left; - padding-left:3px; - margin:0; -} - -.comment-body .published { - font-size:11px; - padding:0 0 10px; -} - -.comment-reply-link { - float:right; -} - -.comment-body .alignleft img { - display:block; - margin-bottom:10px; -} - -.comment-body { - border:1px solid #dbdbdb; - padding:20px; - margin:0 0 20px; - overflow:hidden; - position:relative; -} - -.comment-content {overflow:hidden;} - -.commentlist { - padding-top:10px; - margin-bottom:30px; -} - -.commentlist li {list-style:none;} - -.commentlist ul li { - background:url(../images/comment_line.png) no-repeat 0 37px; - padding-left:40px; -} - -.commentlist ul { - border-left:1px solid #dbdbdb; - margin:0 0 0 20px; -} - -.comment-body p {padding-bottom:0;} - -#commentform label { - line-height:32px; - display:inline-block; - padding-left:20px; -} - - -/* ---------- Portfolio ---------- */ - -.portfolio_container { - margin-right:-4%; - position:relative; - overflow:visible !important; -} - -.portfolio .preloader {padding-bottom:80%;} - -.touch_dev .hover_effect {display:none;} - -.portfolio_inner .hover_effect, -.portfolio_inner .hover_effect .entry-title a, -.portfolio_inner .hover_effect .post_category a:hover {color:#ffffff;} - -.portfolio_inner .hover_effect .post_category, -.portfolio_inner .hover_effect .post_category a, -.portfolio_inner .hover_effect .entry-title a:hover {color:#000000;} - -.portfolio .cmsms_content_slider_parent, -.portfolio .responsiveContentSlider {padding-bottom:80%;} - -.portfolio_inner .hover_effect .post_category { - width:100%; - padding:0 20px; - position:absolute; - bottom:15px; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; -} - -.portfolio_inner .hover_effect .post_category, -.hover_effect_links, -.portfolio_inner .hover_effect .entry-content {text-align:center;} - -.cmsms_link, -.cmsms_imagelink { - display:inline-block; - width:42px; - height:42px; - margin:0 3px; -} - -.cmsms_link {background:url(../images/effect_link.png) no-repeat 0 0;} - -.cmsms_imagelink {background:url(../images/effect_image.png) no-repeat 0 0;} - -.format-video .cmsms_imagelink {background:url(../images/effect_video.png) no-repeat 0 0;} - -.portfolio_inner { - background-color:#ffffff; - position:relative; - overflow:hidden; -} - -.portfolio_inner_box {border:1px solid #dadada;} - -.portfolio_container .format-video .portfolio_inner .cmsms_media { - height:0; - padding-bottom:80%; -} - -.portfolio_inner .hover_effect .entry-title {margin:20px 10px;} - -.portfolio_inner .hover_effect .hover_effect_links { - position:absolute; - top:50%; - margin-top:-21px; - width:100%; -} - -.portfolio_inner .hover_effect .entry-title, -.portfolio_inner .hover_effect .cmsms_link, -.portfolio_inner .hover_effect .cmsms_imagelink, -.portfolio_inner .hover_effect .post_category { - -webkit-transform:translateY(-100%); - -moz-transform:translateY(-100%); - -o-transform:translateY(-100%); - -ms-transform: translateY(-100%); - transform:translateY(-100%); - -webkit-transition: all 0.2s ease-in-out 0.2s; - -moz-transition: all 0.2s ease-in-out 0.2s; - -o-transition: all 0.2s ease-in-out 0.2s; - -ms-transition: all 0.2s ease-in-out 0.2s; - transition: all 0.2s ease-in-out 0.2s; -} - -.portfolio_inner .preloader .image_rollover {display:none;} - -.portfolio_inner .hover_effect { - text-align:center; - height:100%; - width:100%; - position:absolute; - left:0; - top:-100%; - z-index:10; - -webkit-transition:all 0.3s ease-in-out; - -moz-transition:all 0.3s ease-in-out; - -o-transition:all 0.3s ease-in-out; - -ms-transition:all 0.3s ease-in-out; - transition:all 0.3s ease-in-out; -} - -.portfolio_inner:hover .hover_effect {top:0;} - -.portfolio_inner:hover .hover_effect .entry-title, -.portfolio_inner:hover .hover_effect .cmsms_link, -.portfolio_inner:hover .hover_effect .cmsms_imagelink, -.portfolio_inner:hover .hover_effect .post_category { - -webkit-transform:translateY(0); - -moz-transform:translateY(0); - -o-transform:translateY(0); - -ms-transform:translateY(0); - transform:translateY(0); - -webkit-transition-delay:0.2s; - -moz-transition-delay:0.2s; - -o-transition-delay:0.2s; - -ms-transition-delay:0.2s; - transition-delay:0.2s; -} - -.portfolio_inner .entry-header { - padding:0 20px; - overflow:hidden; - position:relative; -} - -.format-slider .portfolio_inner .entry-header {padding-right:40px;} - -.portfolio_inner .cmsms_content_prev_slide, -.portfolio_inner .cmsms_content_next_slide { - background:url(../images/arrow_project.png) no-repeat 0 0; - display:block; - width:5px; - height:9px; - position:absolute; - bottom:18px; - z-index:3; -} - -.portfolio_inner .cmsms_content_next_slide {right:12px;} - -.portfolio_inner .cmsms_content_prev_slide { - background-position:0 -9px; - right:35px; -} - -.portfolio_container .portfolio .li-jp-full-screen, -.portfolio_container.four_blocks .portfolio .jp-duration, -.portfolio_container.four_blocks .portfolio .jp-current-time, -.portfolio_container.four_blocks .portfolio .jp-time-sep, -.portfolio_container .portfolio .jp-full-screen {display:none !important;} - -.portfolio_container .portfolio div.jp-volume-bar {right:6px;} - -.portfolio_container .portfolio ul.jp-toggles li {float:right;} - -.cmsms_details_links { - max-width:60%; - float:right; -} - -.opened-article .portfolio.format-video .cmsms_media, -.opened-article .portfolio.format-slider .cmsms_media, -.opened-article .portfolio.one_block .resize {padding-bottom:30px;} - -.opened-article .portfolio .entry-content, -.opened-article .portfolio .cmsms_details {padding-top:20px;} - -.opened-article .portfolio .one_third, -.opened-article .portfolio .two_third {padding-bottom:0;} - -.opened-article .format-album.one_block .cmsms_media {padding-bottom:30px;} - -.resize {overflow:hidden;} - -.format-album .resize {margin-bottom:10px;} - -.format-album .resize .cmsms_media_box { - float:left; - padding-right:4%; - padding-bottom:20px; -} - -.format-album.four_blocks .resize .cmsms_media_box {width:22%;} - -.format-album.three_blocks .resize .cmsms_media_box {width:30.6%;} - -.format-album.two_blocks .resize .cmsms_media_box {width:48%;} - -.format-album.four_blocks .resize .cmsms_media_box+.cmsms_media_box+.cmsms_media_box+.cmsms_media_box, -.format-album.three_blocks .resize .cmsms_media_box+.cmsms_media_box+.cmsms_media_box, -.format-album.two_blocks .resize .cmsms_media_box+.cmsms_media_box {padding-right:0;} - -.portfolio_container .portfolio_inner footer { - border-top:1px solid #e5e5e5; - background:#fbfbfb; - padding:11px 20px 14px; -} - -.portfolio_inner .entry-title {margin:16px 0 12px;} - -.portfolio_inner .hover_effect .entry-title {margin-top:10%;} - -.portfolio_inner .hover_effect .post_category {bottom:10%;} - -.portfolio_container .portfolio { - float:left; - padding-right:4%; - padding-bottom:30px; -} - -.portfolio_container.four_blocks .portfolio .jp-duration, -.portfolio_container.four_blocks .portfolio .jp-current-time, -.portfolio_container.four_blocks .portfolio .jp-time-sep {display:none;} - -.portfolio_container.four_blocks {margin-right:-3.9%;} - -.portfolio_container.four_blocks .portfolio {width:21%;} - -.portfolio_container.three_blocks .portfolio {width:29.3%;} - -.portfolio_container.two_blocks .portfolio {width:46%;} - -.pj_sort { - border-bottom:1px solid #dadada; - padding-top:66px; - position:relative; -} - -.pj_sort .divider {margin:0;} - -.p_options_loader { - background:url(../images/loader_white.gif) no-repeat 0 0; - display:block; - width:160px; - height:20px; - position:absolute; - top:21px; - right:20px; -} - -.p_options_block { - padding:0; - display:none; - position:absolute; - right:20px; - top:15px; - z-index:29; - opacity:1; -} - -.p_sort_block {float:left;} - -.p_sort_block p {margin-left:10px;} - -.p_sort { - float:right; - position:relative; -} - -.p_sort a[name="p_date"] { - display:block; - float:left; -} - -.p_cat_filter span, -.p_sort a span { - font-size:13px; - line-height:25px; - font-weight:normal; -} - -.p_cat_filter > span {padding:4px 18px;} - -.p_sort a[name="p_name"] span span, -.p_sort a[name="p_date"] span span { - background:url(../images/arrow_sort.png) no-repeat right 12px; - display:block; - padding:0 27px 0 0; -} - -.p_sort a.current.reversed[name="p_name"] span span, -.p_sort a.current.reversed[name="p_date"] span span {background-position:right 10px;} - -.p_sort a[name="p_name"] > span, -.p_sort a[name="p_date"] > span {padding:4px 10px 4px 12px;} - -.p_sort a[name="p_name"]:hover > span, -.p_sort a[name="p_date"]:hover > span, -.p_sort a.current[name="p_name"] > span, -.p_sort a.current[name="p_date"] > span {background-position:right -32px;} - -.p_sort a.current.reversed[name="p_name"] span span, -.p_sort a.current.reversed[name="p_date"] span span {background-position:right -36px;} - -.p_sort a[name="p_name"] { - margin-right:8px; - display:block; - float:left; -} - -.p_filter_container { - position:relative; - z-index:29; -} - -div.p_filter { - float:right; - padding:0 8px 0 0; -} - -a.p_cat_filter { - display:block; - position:relative; - z-index:31; -} - -.p_filter_container ul.p_filter { - background-color:#ffffff; - list-style:none; - display:block; - width:100%; - padding:0; - overflow:hidden; - position:absolute; - top:20px; - left:0; - z-index:30; - opacity:0; - -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); - -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); - box-shadow:0 0 5px rgba(0, 0, 0, 0.2); - border-radius:0 0 4px 4px; - -moz-border-radius:0 0 4px 4px; - -webkit-border-radius:0 0 4px 4px; - -webkit-transition:opacity 0.5s ease; - -moz-transition:opacity 0.5s ease; - -ms-transition:opacity 0.5s ease; - -o-transition:opacity 0.5s ease; - transition:opacity 0.5s ease; -} - -.p_filter_container:hover ul.p_filter { - opacity:1; - padding:10px 0 5px; -} - -ul.p_filter li a { - color:#333333; - text-decoration:none; - display:block; - height:0; - padding:0 15px; - z-index:30; - -webkit-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease; - -moz-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease; - -ms-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease; - -o-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease; - transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease; -} - -.p_filter_container:hover ul.p_filter li a { - padding:5px 15px; - height:20px; -} - -ul.p_filter li a:hover, -.p_filter_container:hover ul.p_filter li a { - display:block; -} - -ul.p_filter li:first-child {padding-top:10px;} - -ul.p_filter li { - background:none; - position:relative; - overflow:hidden; - display:block; - z-index:30; -} - -.p_date, -#middle .portfolio_container .portfolio .jp-video .jp-restore-screen, -#middle .portfolio_container .portfolio .jp-video .jp-full-screen {display:none;} - -a span.image_rollover { - display:block; - width:100%; - height:100%; - position:absolute; - top:0; - left:0; - opacity:.7; - -webkit-transition:background-color .4s ease-in-out; - -moz-transition:background-color .4s ease-in-out; - -ms-transition:background-color .4s ease-in-out; - -o-transition:background-color .4s ease-in-out; - transition:background-color .4s ease-in-out; -} - -a span.image_rollover > span { - background:url(../images/hover_content.png) 50% 50% no-repeat; - display:block; - width:42px; - height:42px; - position:absolute; - top:50%; - left:50%; - margin:-21px 0 0 -21px; - opacity:0; - filter:alpha(opacity=0); - -webkit-transition:opacity .5s ease-in-out; - -moz-transition:opacity .5s ease-in-out; - -ms-transition:opacity .5s ease-in-out; - -o-transition:opacity .5s ease-in-out; - transition:opacity .5s ease-in-out; -} - -.format-image span.image_rollover > span, -.opened-article span.image_rollover > span {background-image:url(../images/hover_image.png);} - -.format-link a span.image_rollover > span {background-image:url(../images/hover_link.png);} - -.format-video a span.image_rollover > span {background-image:url(../images/hover_video.png);} - -a:hover span.image_rollover {background-color:#000000;} - -a:hover span.image_rollover > span { - opacity:1; - filter:alpha(opacity=100); - -webkit-transition-delay:.3s; - -moz-transition-delay:.3s; - -ms-transition-delay:.3s; - -o-transition-delay:.3s; - transition-delay:.3s; -} - -/* ---------- Bottom ---------- */ - -#bottom { - // background:#212121 url(../images/bg_sharp.png) repeat 0 0; - padding:33px 0 0; - overflow:hidden; - position:relative; - opacity:.95; - filter:alpha(opacity=95); -} - -.bottom_inner { - width:940px; - padding-bottom:20px; - margin:0 auto; - overflow:hidden; - position:relative; -} - -#bottom .widgettitle {margin-bottom:30px;} - -#bottom input, -#bottom textarea, -#bottom select, -#bottom .testimonials_text, -#bottom .jta-tweet-text { - background-color:#4b4b4b; - border-color:#222222; -} - -#bottom input, -#bottom select, -#bottom textarea { - box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset; - -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset; - -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset; -} - -#bottom .testimonials_text:after, -#bottom .jta-tweet-text:after { - border-right: 12px solid transparent; - border-top: 12px solid #4b4b4b; -} - -#bottom .testimonials_text:before, -#bottom .jta-tweet-text:before { - border-right:12px solid transparent; - border-top:12px solid #222222; -} - - -#bottom .cmsms-form-builder .check_parent input[type="radio"]+label {background:url(../images/radio_check.png) no-repeat 0 -226px;} - -#bottom .cmsms-form-builder .check_parent input[type="radio"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -264px;} - -#bottom .cmsms-form-builder .check_parent input[type="checkbox"]+label {background:url(../images/radio_check.png) no-repeat 0 -149px;} - -#bottom .cmsms-form-builder .check_parent input[type="checkbox"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -187px;} - - -/* ---------- Footer ---------- */ - -#footer { - // background-color:#ffffff; - // height:70px; - margin-top:-70px; - overflow:hidden; - position:relative; -} - -.footer_inner { - width:940px; - // height:20px; - padding:25px 0; - margin:0 auto; - overflow:hidden; - position:relative; -} - -.footer_nav {margin-bottom:0;} - -.footer_nav li { - display:inline-block; - padding:0 4px; -} - -.footer_nav li a { - text-decoration:none; -} - -/* ---------- Form builder ---------- */ - -.cmsms-form-builder label {padding-bottom:8px;} - -select { - border:1px solid #e5e5e5; - background-color:#f9f9f9; - height:35px; - line-height:20px; - width:275px; - padding:5px 10px; - margin:0 0 3px; -} - -select:focus {background-color:#ffffff;} - -.widget select {width:100%;} - -option { - background-color:#ffffff; - border:none; - height:20px; - padding:0; - margin:0; -} - -.cmsms-form-builder .form_info {padding-bottom:20px;} - -.widget .cmsms-form-builder .form_info {padding-bottom:16px;} - -.widget .cmsms-form-builder input[type="text"] {width:100%;} - -.cmsms-form-builder span.db { - color:#bfbfbf; - font-size:12px; - font-style:italic; - display:block; - padding-top:5px; -} - -#commentform {padding-bottom:20px;} - -.cmsms-form-builder input[type="text"]{width:50%;} - -input[type="text"], -input[type="email"], -textarea { - background-color:#fdfdfd; - border:1px solid #e5e5e5; - line-height:20px; - height:35px; - width:100%; - padding:5px 10px; -} - -textarea {padding:7px 10px;} - -input[type="text"]:focus, -input[type="email"]:focus, -textarea:focus, -select:focus {background-color:#ffffff;} - -#commentform input[type="text"] { - width:50%; - float:left; -} - -#commentform textarea { - width:90%; - min-height:260px; - resize:none; -} - -#commentform p { - overflow:hidden; - clear:both; -} - -#commentform input[type="text"]+label { - line-height:42px; - float:left; - padding-left:20px; -} - -.cmsms-form-builder .check_parent { - padding:6px 0; - position:relative; - overflow:hidden; -} - -.cmsms-form-builder .check_parent label {padding:0;} - -.cmsms-form-builder .check_parent input[type="checkbox"], -.cmsms-form-builder .check_parent input[type="radio"] { - float:left; - position:absolute; - top:0; - left:0; - opacity:0; -} - -.cmsms-form-builder .check_parent input[type="radio"]+label {background:url(../images/radio_check.png) no-repeat 0 -73px;} - -.cmsms-form-builder .check_parent input[type="radio"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -111px;} - -.cmsms-form-builder .check_parent input[type="checkbox"]+label {background:url(../images/radio_check.png) no-repeat 0 1px;} - -.cmsms-form-builder .check_parent input[type="checkbox"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -36px;} - -.cmsms-form-builder .check_parent input[type="checkbox"]+label, -.cmsms-form-builder input[type="radio"]+label { - line-height:20px; - font-weight:normal; - display:block; - height:20px; - float:left; - padding:0 0 0 25px; - margin:0; - overflow:hidden; - position:relative; - cursor:pointer; - z-index:1; -} - -.cmsms-form-builder .cmsms_checkbox .db, -.cmsms-form-builder .cmsms_radio .db, -.cmsms-form-builder .cmsms_checkboxes .db { - display:block; - padding-bottom:15px; -} - -.loading { - background:url(../images/loader.gif) no-repeat 0 0; - height:5px; - width:40px; - float:right; - opacity:0; - position:relative; - margin-top:11px; -} - - -/* ---------- Form Error ---------- */ - -.inputContainer { - position:relative; - float:left; -} - -.formError { - display:block; - position:absolute; - top:300px; - left:300px; - cursor:pointer; - z-index:5000; -} - -.ajaxSubmit { - border:1px solid #999999; - background:#55ea55; - display:none; - padding:20px; -} - -.formError .formErrorContent { - border:1px solid #333333; - background:#000000; - color:#ffffff; - font-family:Tahoma; - font-size:11px; - width:150px; - padding:4px 10px; - position:relative; - z-index:5001; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; -} - -.greenPopup .formErrorContent {background:#33be40;} - -.blackPopup .formErrorContent { - background:#393939; - color:#ffffff; -} - -.formError .formErrorArrow { - width:15px; - margin:-2px 0 0 13px; - position:relative; - z-index:5006; -} - -.formError .formErrorArrowBottom { - margin:0 0 0 12px; - top:2px; -} - -.formError .formErrorArrow div { - border-left:1px solid #333333; - border-right:1px solid #333333; - background:#000000; - font-size:0; - line-height:0; - display:block; - height:1px; - margin:0 auto; -} - -.greenPopup .formErrorArrow div {background:#33be40;} - -.blackPopup .formErrorArrow div { - background:#393939; - color:#ffffff; -} - -.formError .formErrorArrow .line10 { - border:0; - width:15px; -} - -.formError .formErrorArrow .line9 { - border:0; - width:13px; -} - -.formError .formErrorArrow .line8 {width:11px;} - -.formError .formErrorArrow .line7 {width:9px;} - -.formError .formErrorArrow .line6 {width:7px;} - -.formError .formErrorArrow .line5 {width:5px;} - -.formError .formErrorArrow .line4 {width:3px;} - -.formError .formErrorArrow .line3 { - border-bottom:0; - border-left:1px solid #333333; - border-right:1px solid #333333; - width:1px; -} - -.formError .formErrorArrow .line2 { - border:0; - background:#333333; - width:1px; -} - -.formError .formErrorArrow .line1 { - border:0; - background:#333333; - width:0; -} - -.content_wrap { - -webkit-transition:background-position .3s ease-in-out; - -moz-transition:background-position .3s ease-in-out; - -ms-transition:background-position .3s ease-in-out; - -o-transition:background-position .3s ease-in-out; - transition:background-position .3s ease-in-out; -} - -.error h1 { - -webkit-transition:font-size .3s ease-in-out, padding .3s ease-in-out; - -moz-transition:font-size .3s ease-in-out, padding .3s ease-in-out; - -ms-transition:font-size .3s ease-in-out, padding .3s ease-in-out; - -o-transition:font-size .3s ease-in-out, padding .3s ease-in-out; - transition:font-size .3s ease-in-out, padding .3s ease-in-out; -} - - -/* ---------- Responsive Top Main Slider ---------- */ - -.cmsms_slider_parent, -#slider { - width:100%; - height:0; - padding-bottom:41%; - position:relative; -} - -.cmsms_slider_parent #slider {background:none;} - -.responsiveSlider { - text-align:left; - display:block; - list-style:none; - padding:0; - margin:0; - position:relative; - overflow:hidden; - opacity:0; - filter:alpha(opacity=0); - -webkit-transition:opacity .5s ease-in-out; - -moz-transition:opacity .5s ease-in-out; - -ms-transition:opacity .5s ease-in-out; - -o-transition:opacity .5s ease-in-out; - transition:opacity .5s ease-in-out; -} - -.responsiveSlider .cmsms_img { - min-width:100%; - max-width:100%; - display:block; -} - -.cmsms_slider_parent>.responsiveSlider { - width:100%; - height:100%; - opacity:1; - filter:alpha(opacity=100); -} - -.responsiveSlider, -.responsiveSlider>li { - display:block; - width:100%; - height:100%; - padding:0; - margin:0; - overflow:hidden; - position:absolute; -} - -.responsiveSlider { - top:0; - left:0; -} - -ul.responsiveSlider {list-style:none;} - -.responsiveSlider>li { - top:0; - left:100%; - z-index:1; -} - -.responsiveSlider>li div.cmsms_img_pattern { - background-position:0 0; - background-repeat:repeat; - width:100%; - height:100%; - position:absolute; - top:0; - left:0; -} - -.responsiveSlider>li.link a.cmsms_img_link, -.responsiveSlider>li.video a.cmsms_img_video { - background:url(../images/video.png) 0 0 no-repeat; - display:block; - width:100px; - height:100px; - margin:-50px 0 0 -50px; - position:absolute; - top:50%; - left:50%; - cursor:pointer; - opacity:0.33; - filter:alpha(opacity=33); - -webkit-transition:opacity .5s ease-in-out; - -moz-transition:opacity .5s ease-in-out; - -ms-transition:opacity .5s ease-in-out; - -o-transition:opacity .5s ease-in-out; - transition:opacity .5s ease-in-out; -} - -.responsiveSlider>li.link a.cmsms_img_link { - background:url(../images/link.png) 0 0 no-repeat; - display:none; -} - -.responsiveSlider>li.video a.cmsms_img_video {background:url(../images/video.png) 0 0 no-repeat;} - -.responsiveSlider>li.link a.cmsms_img_link:hover, -.responsiveSlider>li.video a.cmsms_img_video:hover { - opacity:1; - filter:alpha(opacity=100); -} - -.cmsms_slider_video { - background:#000000; - width:100%; - height:100%; - position:absolute; - top:0; - left:0; - z-index:150; - visibility:visible; -} - -.cmsms_slider_video.hidden {visibility:hidden;} - -.cmsms_slider_video iframe { - width:100%; - height:100%; - position:absolute; -} - -.responsiveSlider>li.left-img img { - min-width:50%; - max-width:50%; - height:100%; - max-height:100%; - float:left; -} - -.responsiveSlider>li.right-img img { - min-width:50%; - max-width:50%; - max-height:100%; - height:100%; - float:right; -} - -.responsiveSlider>li.right-img .slideCaption.left, -.responsiveSlider>li.left-img .slideCaption.right { - margin:0; - width:50%; -} - -.responsiveSlider .slideCaption { - display:table; - width:30%; - margin:0 50px 0 0; - position:absolute; - display:block\0/IE9; -} - -.responsiveSlider .slideCaption.left, -.responsiveSlider .slideCaption.right { - width:30%; - margin:0 80px; -} - -.responsiveSlider .slideCaption.top, -.responsiveSlider .slideCaption.bottom { - display:block; - width:auto; - margin:0; -} - -.responsiveSlider .slideCaption { - top:auto; - bottom:0; -} - -.responsiveSlider>li.left-img .slideCaption.top, -.responsiveSlider>li.right-img .slideCaption.top, -.responsiveSlider>li.left-img .slideCaption.bottom, -.responsiveSlider>li.right-img .slideCaption.bottom { - display:table; - width:43%; - padding:2%; - margin:0; - display:block\0/IE9; -} - -.responsiveSlider .slideCaption>.slideCaptionInner { - display:table-cell; - width:100%; - vertical-align:middle; -} - -.responsiveSlider .slideCaption.top>.slideCaptionInner, -.responsiveSlider .slideCaption.bottom>.slideCaptionInner { - display:block; - vertical-align:baseline; -} - -.responsiveSlider .slideCaption.right>.slideCaptionInner .slideCaptionInnerBlock, -.responsiveSlider .slideCaption.left>.slideCaptionInner .slideCaptionInnerBlock{ - display:table-cell\0/IE9; - vertical-align:middle\0/IE9; -} - -.responsiveSlider>li.left-img .slideCaption.top>.slideCaptionInner, -.responsiveSlider>li.right-img .slideCaption.top>.slideCaptionInner, -.responsiveSlider>li.left-img .slideCaption.bottom>.slideCaptionInner, -.responsiveSlider>li.right-img .slideCaption.bottom>.slideCaptionInner { - display:table-cell; - padding:4%; - vertical-align:middle; -} - -.slideCaptionInnerBlock { - padding:7% 10%; - position:relative; -} - -.responsiveSlider .slideCaption.left .slideCaptionInnerBlock, -.responsiveSlider .slideCaption.right .slideCaptionInnerBlock { - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; -} - -.responsiveSlider .slideCaption.top .slideCaptionInnerBlock { - border-radius:5px 5px 0 0; - -moz-border-radius:5px 5px 0 0; - -webkit-border-radius:5px 5px 0 0; -} - -.responsiveSlider .slideCaption.top .slideCaptionInnerBlock, -.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock { - position:absolute; - width:94%; - padding:2% 3%; -} - -.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock {bottom:0;} - -.responsiveSlider .slideCaption.top .slideCaptionInnerBlock h1, -.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock h1 {margin-bottom:10px;} - -.responsiveSlider .slideCaption.top .slideCaptionInnerBlock p, -.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock p {padding-bottom:10px;} - -a.cmsms_prev_slide, -a.cmsms_next_slide { - background:#363636 url(../images/bg_sharp.png) repeat 0 0; - position:absolute; - bottom:22px; - z-index:11; -} - -a.cmsms_prev_slide span, -a.cmsms_next_slide span { - background:url(../images/arrow_slide.png) no-repeat 11px 12px; - display:block; - width:32px; - height:36px; -} - -a.cmsms_prev_slide { - right:54px; - border-radius:5px 0 0 5px; - -moz-border-radius:5px 0 0 5px; - -webkit-border-radius:5px 0 0 5px; - box-shadow:-1px 0 0 rgba(0, 0, 0, .3) inset; - -moz-box-shadow:-1px 0 0 rgba(0, 0, 0, .3) inset; - -webkit-box-shadow:-1px 0 0 rgba(0, 0, 0, .3) inset; -} - -a.cmsms_next_slide { - right:22px; - border-radius:0 5px 5px 0; - -moz-border-radius:0 5px 5px 0; - -webkit-border-radius:0 5px 5px 0; - box-shadow:1px 0 0 rgba(255, 255, 255, .1) inset; - -moz-box-shadow:1px 0 0 rgba(255, 255, 255, .1) inset; - -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, .1) inset; -} - -a.cmsms_next_slide span {background-position:12px -21px;} - -a.cmsms_prev_slide:hover, -a.cmsms_next_slide:hover {opacity:1;} - -a.cmsms_close_video { - background-color:#ffffff; - background-image:url(../images/video_close.png); - background-position:12px -49px; - background-repeat:no-repeat; - bottom:50px; - right:15px; - width:41px; - height:41px; - display:block; - overflow:hidden; - position:absolute; - border-radius:20.5px; - -moz-border-radius:20.5px; - -webkit-border-radius:20.5px; - -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out; - -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out; - -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out; - -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out; - transition:background-color .3s ease-in-out, background-position .3s ease-in-out; - z-index:160; - opacity:0; - filter:alpha(opacity=0); -} - -a.cmsms_close_video:hover {background-position:12px 11px;} - -#top ul.cmsms_slides_nav { - background:#363636 url(../images/bg_sharp.png) repeat 0 0; - right:87px; - bottom:22px; -} - -ul.cmsms_slides_nav { - list-style:none; - position:absolute; - right:20px; - bottom:20px; - padding:12px; - margin:0; - z-index:10; - -webkit-transition:opacity .3s ease-in-out; - -moz-transition:opacity .3s ease-in-out; - -ms-transition:opacity .3s ease-in-out; - -o-transition:opacity .3s ease-in-out; - transition:opacity .3s ease-in-out; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; -} - -ul.cmsms_slides_nav li { - display:block; - float:left; - padding:0 0 0 8px; -} - -ul.cmsms_slides_nav li:first-child {padding:0;} - -ul.cmsms_slides_nav li a { - background-color:#ffffff; - display:block; - text-indent:-9999px; - width:12px; - height:12px; - border-radius:6px; - -moz-border-radius:6px; - -webkit-border-radius:6px; - -webkit-transition:background-color .3s ease-in-out; - -moz-transition:background-color .3s ease-in-out; - -ms-transition:background-color .3s ease-in-out; - -o-transition:background-color .3s ease-in-out; - transition:background-color .3s ease-in-out; -} - -.cmsms_slider_timer { - position:absolute; - bottom:15px; - left:15px; - z-index:10; - -webkit-transition:opacity .3s ease-in-out; - -moz-transition:opacity .3s ease-in-out; - -ms-transition:opacity .3s ease-in-out; - -o-transition:opacity .3s ease-in-out; - transition:opacity .3s ease-in-out; -} - - -/* ---------- Responsive Content Slider ---------- */ - -.cmsms_content_slider_parent { - width:100%; - height:0; - padding-bottom:56.25%; - position:relative; -} - -.responsiveContentSlider { - background:url(../images/loader.gif) 50% 50% no-repeat; - text-align:left; - display:block; - list-style:none; - width:100%; - height:0; - padding:0 0 56.25%; - margin:0; - position:relative; - overflow:hidden; -} - -.cmsms_content_slider_parent>.responsiveContentSlider, -.responsiveContentSlider>li { - display:block; - width:100%; - height:100%; - padding:0; - margin:0; - overflow:hidden; - position:absolute; -} - -.responsiveContentSlider { - top:0; - left:0; -} - -.responsiveContentSlider>li { - top:0; - left:100%; - z-index:1; -} - -.cmsms_content_slider_parent ul.cmsms_slides_nav { - list-style:none; - float:right; - padding:0; - margin:0; - z-index:10; - -webkit-transition:opacity .3s ease-in-out; - -moz-transition:opacity .3s ease-in-out; - -ms-transition:opacity .3s ease-in-out; - -o-transition:opacity .3s ease-in-out; - transition:opacity .3s ease-in-out; -} - -.cmsms_content_slider_parent ul.cmsms_slides_nav li { - display:block; - float:left; - padding:0 0 0 8px; -} - -.cmsms_content_slider_parent ul.cmsms_slides_nav li.active a, -.cmsms_content_slider_parent ul.cmsms_slides_nav li:hover a {background-color:#000000;} - - .cmsms_content_slider_parent ul.cmsms_slides_nav li:first-child {padding:0;} - -.cmsms_content_slider_parent ul.cmsms_slides_nav li a { - background-color:#ffffff; - display:block; - text-indent:-9999px; - width:10px; - height:10px; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -webkit-transition:background-color .3s ease-in-out; - -moz-transition:background-color .3s ease-in-out; - -ms-transition:background-color .3s ease-in-out; - -o-transition:background-color .3s ease-in-out; - transition:background-color .3s ease-in-out; -} - -.cmsms_nav_wrap_wrap { - text-align:center; - width:100%; - height:36px; - position:absolute; - bottom:0; - z-index:3; -} - - -/* ---------------------------------- Media Queries ----------------------------------------------*/ - -/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */ - -@media only screen and (min-width: 1440px) { - - #header, - #middle, - .navi_scrolled nav, - .cont_nav, - .splash .cmsms_nav_wrap {width:840px;} - - .splash .responsiveSlider .slideCaption.left, - .splash .responsiveSlider .slideCaption.right {width:840px !important;} - - .bottom_inner, - .footer_inner {width:800px;} - - .widget_custom_advertising_entries ul li {padding:0 8% 8% 0;} - -} - -/* ---------- Medium Monitor (Note: Design for a width more than 1023px but less than 1440px) ---------- */ - -@media only screen and (min-width: 1124px) and (max-width: 1439px) { - - .widget_custom_flickr_entries li {padding:0 5% 5% 0;} - - .one_fourth .portfolio_inner .hover_effect .hover_effect_links {padding:0;} - - .one_fourth .portfolio_inner .hover_effect .entry-title {margin:10px 0;} - -} - - -/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */ - -@media only screen and (min-width: 768px) and (max-width: 1023px) { - - #header, - #middle, - .navi_scrolled nav, - .cont_nav, - .splash .cmsms_nav_wrap {width:90%;} - - .splash .responsiveSlider .slideCaption.left, - .splash .responsiveSlider .slideCaption.right {width:90% !important;} - - .cont_nav {padding:0;} - - .bottom_inner, - .footer_inner { - width:90%; - padding-left:5%; - padding-right:5%; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; - } - - #navigation > li > a {min-width:115px;} - - .widget_custom_popular_entries li .ovh {overflow:visible;} - - #content .tabs li, - #content .tabs{display:block;} - - #content .tabs li a {border-right:none;} - - #content .tour, - #content .tour_box{ - width:100%; - float:none; - } - - #content .tour_shadow:before {display:none;} - - .portfolio_inner .entry-header, - .portfolio_inner .hover_effect .post_category {padding:0 10px;} - -} - - -/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 768px) ---------- */ - -@media only screen and (min-width: 541px) and (max-width: 767px) { - - .one_fourth, - .one_fourth+.one_fourth+.one_fourth, - .widget_colored.four_box:nth-child(odd), - .portfolio_container.four_blocks .portfolio:nth-child(odd), - .format-album.four_blocks .resize .cmsms_media_box:nth-child(odd), - .post_type_shortcode.four_blocks article:nth-child(odd), - .cms_archive li:nth-child(odd), - .sitemap > li > ul > li:nth-child(odd) { - width:48%; - float:left; - padding-right:4%; - } - - .one_fourth.last, - .one_fourth+.one_fourth, - .one_fourth+.one_fourth+.one_fourth+.one_fourth, - .portfolio_container.four_blocks .portfolio:nth-child(even), - .format-album.four_blocks .resize .cmsms_media_box:nth-child(even), - .post_type_shortcode.four_blocks article:nth-child(even), - .cms_archive li:nth-child(even), - .sitemap > li > ul > li:nth-child(even) { - width:48%; - float:right; - padding-right:0; - } - - .portfolio_container.four_blocks {margin-right:0;} - - .widget_colored.four_box:nth-child(even)+.widget_colored.four_box {border-left:none;} - -} - -/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */ - -@media only screen and (max-width: 1023px) { - - #middle { - width:90%; - margin:27px 5% 0; - } - - .error .search_line {width:40%;} - - .commentlist ul li {padding-left:19px;} - - .commentlist ul {margin:0;} - -} - -/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */ - -@media only screen and (max-width: 767px) { - - #header, - #middle, - .cont_nav, - .splash .cmsms_nav_wrap {width:90%;} - - .cont_nav {padding:0;} - - .bottom_inner, - .footer_inner { - width:90%; - padding-left:5%; - padding-right:5%; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; - } - - .splash .responsiveSlider .slideCaption.left, - .splash .responsiveSlider .slideCaption.right {width:90% !important;} - - .navi_scrolled nav {width:100%;} - - #content, - .content_wrap.sidebar_left #content, - #sidebar, - .content_wrap.sidebar_left #sidebar { - width:100%; - float:none; - padding:25px 0; - } - - .content_wrap { - background:none; - top:auto; - padding-bottom:0; - } - - .portfolio_container.three_blocks, - .portfolio_container.one_blocks {margin-right:0;} - - .one_half, - .one_half.last, - .one_third, - .one_third.last, - .two_third, - .two_third.last, - .three_fourth, - .three_fourth.last, - .three_fourth+.one_fourth, - .one_fourth+.one_half+.one_fourth, - .portfolio_container.three_blocks .portfolio, - .format-album.two_blocks .resize .cmsms_media_box, - .format-album.three_blocks .resize .cmsms_media_box { - width:100%; - float:none; - padding-right:0; - } - - .responsiveSlider .slideCaption>.slideCaptionInner {padding:10px 0;} - - .responsiveSlider .slideCaption.top, - .responsiveSlider .slideCaption.left, - .responsiveSlider .slideCaption.right, - .responsiveSlider .slideCaption.bottom {display:none;} - - .error .search_line {width:60%;} - - .tour, - .tour_box{ - width:100%; - float:none; - } - - .tour_shadow:before {display:none;} - - .tabs li, - .tabs{display:block;} - - .tabs li a {border-right:none;} - - .footer_inner, .footer_inner .fr { - text-align:center; - float:none; - } - - .footer_html {display:inline-block;} - - .footer_inner {padding:18px 5% 52px 5%;} - - .post_type_shortcode .one_fourth, - .post_type_shortcode .one_third, - .post_type_shortcode .one_half {padding-bottom:20px;} - - .header_inner { - height:auto; - padding:27px 0 24px; - text-align:center; - } - - .logo { - position:relative; - margin:0 0 8px; - top:auto; - left:auto; - } - - .custom_html { - text-align:center; - margin:0; - position:relative; - top:auto; - left:auto; - } - - .header_inner .social_list { - text-align:center; - display:inline-block; - position:relative; - top:auto; - right:auto; - margin:20px 0 0; - } - -} - -/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */ - -@media only screen and (max-width: 540px) { - - .nav_wrap_inner.navi_scrolled { - background:none; - z-index:9999; - } - - #header .nav_wrap {height:auto;} - - .header_inner .social_list {display:none;} - - .responsibe_block, - .responsibe_block .social_list {display:block;} - - .responsibe_block { - background-color:#191919; - padding-bottom:7px; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - } - - .responsibe_block_inner .social_list li a img { - opacity:.2; - filter:alpha(opacity=20); - -webkit-transition:opacity .3s ease-out; - -moz-transition:opacity .3s ease-out; - -ms-transition:opacity .3s ease-out; - -o-transition:opacity .3s ease-out; - transition:opacity .3s ease-out; - } - - .responsibe_block_inner .social_list li a:hover img { - opacity:.8; - filter:alpha(opacity=80); - } - - .responsibe_block_inner { - background:#363636 url(../images/bg_sharp.png) repeat 0 0; - border-bottom:2px solid; - height:38px; - padding:12px 13px 0; - overflow:hidden; - border-radius:5px 5px 0 0; - -moz-border-radius:5px 5px 0 0; - -webkit-border-radius:5px 5px 0 0; - } - - .resp_navigation { - background:#000000 url(../images/resp_navi_bg.png) no-repeat 50% 50%; - display:block; - width:36px; - height:27px; - float:right; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - } - - #navigation { - display:none; - margin:0; - overflow:hidden; - position:relative; - } - - #navigation > li {width:auto;} - - #navigation li a span {font-size:14px;} - - #navigation > li.current_page_item > a, - #navigation > li > a:hover, - #navigation > li:hover > a { - background-color:#f9f9f9; - } - - #navigation li { - float:none; - overflow:hidden; - } - - #navigation li > a { - background-image:url(../images/resp_divider.png); - background-repeat:repeat-x; - background-position:0 0; - display:block; - padding:10px 7px 10px 10px; - margin:0; - } - - #navigation > li:first-child > a {background-image:none;} - - #navigation > li > a { - border-left:none; - padding-left:30px; - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; - } - - #navigation > li > ul > li > a {padding-left:50px;} - - #navigation > li > ul > li > ul > li > a {padding-left:70px;} - - #navigation > li > ul > li:last-child, - #navigation ul li a, - #navigation ul li:first-child > a, - #navigation > li > ul > li:last-child, - .navi_scrolled #navigation > li > a, - .navi_scrolled #navigation > li:first-child > a, - .touch_dev .navi_scrolled #navigation > li > a, - .touch_dev .navi_scrolled #navigation > li:first-child > a, - .touch_dev #navigation > li > a {border:none;} - - #navigation > li:first-child > a, - #navigation > li:last-child > a, - #navigation > li:first-child > a > span, - #navigation > li:last-child > a > span, - .touch_dev #navigation > li:last-child > a > span, - .touch_dev #navigation > li:last-child > a, - .touch_dev #navigation > li:first-child > a > span, - .touch_dev #navigation > li:first-child > a{ - -webkit-border-radius:0; - -moz-border-radius:0; - border-radius:0; - } - - .touch_dev #navigation > li > a {padding-bottom:10px;} - - .touch_dev #navigation > li > a {margin-top:0;} - - .touch_dev #navigation > li.current_page_item > a > span, - #navigation > li.current_page_item > a > span, - #navigation > li:hover > a > span, - #navigation > li > a:hover > span { - padding:0; - background:none; - } - - #navigation ul li a {width:auto;} - - #navigation ul li a span, - .navi_scrolled #navigation > li > a {text-shadow:none;} - - #navigation ul ul li a { - margin-left:0; - padding-left:25px; - } - - #navigation > li > a > span { - border:none; - background:none; - text-shadow:none; - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; - } - - #navigation ul li.drop > a span, - #navigation ul li.drop:hover > a > span, - #navigation ul li.drop > a:hover > span, - #navigation ul li.current_page_item.drop > a > span { - background:url(../images/arrow_navi.png) no-repeat right -75px; - } - - #navigation ul, - #navigation ul ul, - #navigation > li > ul { - background:none; - width:auto; - display:none; - padding:0; - margin:0; - visibility:visible; - position:relative; - left:auto; - top:auto; - opacity:1; - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; - -webkit-border-radius:0; - -moz-border-radius:0; - border-radius:0; - -webkit-transition:none; - -moz-transition:none; - -ms-transition:none; - -o-transition:none; - transition:none; - } - - #navigation ul li, - #navigation li > a > span {padding:0;} - - .navi_scrolled #navigation > li.current_page_item > a > span, - .navi_scrolled #navigation > li:hover > a > span, - .navi_scrolled #navigation > li > a:hover > span, - .touch_dev .navi_scrolled #navigation > li.current_page_item > a > span, - .touch_dev .navi_scrolled #navigation > li:hover > a > span, - .touch_dev .navi_scrolled #navigation > li > a:hover > span {padding-top:0;} - - .navi_scrolled #navigation > li > ul {top:auto;} - - div.jp-video div.jp-current-time, - div.jp-audio div.jp-current-time, - div.jp-video div.jp-time-sep, - div.jp-audio div.jp-time-sep, - div.jp-video div.jp-duration, - div.jp-audio div.jp-duration {display:none;} - - .widget_colored.four_box, - .one_fourth, - .one_fourth.last, - .one_fourth+.one_fourth, - .one_fourth+.one_fourth+.one_fourth, - .one_fourth+.one_fourth+.one_fourth+.one_fourth, - .portfolio_container.two_blocks .portfolio, - .portfolio_container.four_blocks .portfolio:nth-child(odd), - .portfolio_container.four_blocks .portfolio:nth-child(even), - .format-album.four_blocks .resize .cmsms_media_box:nth-child(odd), - .format-album.four_blocks .resize .cmsms_media_box:nth-child(even), - .post_type_shortcode.four_blocks article:nth-child(odd), - .post_type_shortcode.four_blocks article:nth-child(even), - .cms_archive li:nth-child(odd), - .cms_archive li:nth-child(even), - .sitemap > li > ul > li:nth-child(odd), - .sitemap > li > ul > li:nth-child(even) { - width:100%; - float:none; - padding-right:0; - } - - .widget_colored.four_box { - display:block; - border-left:none; - } - - #sidebar {border-top:2px solid #ebebeb;} - - #sidebar .widget {padding-bottom:0;} - - .cmsms_format {margin-right:6px;} - - .post .entry-content {padding-left:10px;} - - .post_type_shortcode.four_blocks, - .post_type_shortcode.two_blocks, - .portfolio_container.two_blocks .portfolio, - .portfolio_container.four_blocks {margin-right:0;} - - .cmsms-form-builder .cmsms_input {width:100%;} - - .comment-body .published, - .p_sort, - .comment-reply-link, - .comment-content h6 {float:none;} - - .comment-reply-link, - #commentform textarea {margin-top:10px;} - - .comment-body .published, - #commentform label {padding-left:0;} - - .comment-body .alignleft {margin-bottom:4px;} - - #commentform input[type="text"], - #commentform textarea, - .cmsms-form-builder input[type="text"] {width:100%;} - - .pj_sort {padding-top:117px;} - - div.p_filter {padding:10px 0 0;} - - .error h1 {font-size:140px;} - - .error .search_line {width:90%;} - -} diff --git a/content/css/font-awesome/font-awesome.scss b/content/css/font-awesome/font-awesome.scss new file mode 100644 index 0000000..92ade8d --- /dev/null +++ b/content/css/font-awesome/font-awesome.scss @@ -0,0 +1,534 @@ +/*! + * Font Awesome 3.0.2 + * the iconic font designed for use with Twitter Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fortawesome.github.com/Font-Awesome/ + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" + * + * Contact + * ------------------------------------------------------- + * Email: dave@davegandy.com + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */ + +$fontAwesomePath: "../font" !default; +$borderColor: #eee; +$iconMuted: #eee; +@mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; } + + +@font-face { + font-family: 'FontAwesome'; + src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?v=3.0.1'); + src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format("embedded-opentype"), + url('#{$fontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format("woff"), + url('#{$fontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format("truetype"); + font-weight: normal; + font-style: normal; +} + +/* Font Awesome styles + ------------------------------------------------------- */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + + /* sprites.less reset */ + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; +} + +/* more sprites.less reset */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; +} + +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} + +/* makes sure icons active on rollover in links */ +a { + [class^="icon-"], + [class*=" icon-"] { + display: inline-block; + } +} + +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; +} + +.btn, .nav { + [class^="icon-"], + [class*=" icon-"] { + display: inline; + /* keeps button heights with and without icons the same */ + &.icon-large { line-height: .9em; } + &.icon-spin { display: inline-block; } + } +} + +.nav-tabs, .nav-pills { + [class^="icon-"], + [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + &, &.icon-large { line-height: .9em; } + } +} + +li, .nav li { + [class^="icon-"], + [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; + &.icon-large { + /* increased font size for icon-large */ + width: 1.5625em; + } + } +} + +ul.icons { + list-style-type: none; + text-indent: -.75em; + + li { + [class^="icon-"], + [class*=" icon-"] { + width: .75em; + } + } +} + +.icon-muted { + color: $iconMuted; +} + +// Icon Borders +// ------------------------- + +.icon-border { + border: solid 1px $borderColor; + padding: .2em .25em .15em; + @include border-radius(3px); +} + +// Icon Sizes +// ------------------------- + +.icon-2x { + font-size: 2em; + &.icon-border { + border-width: 2px; + @include border-radius(4px); + } +} +.icon-3x { + font-size: 3em; + &.icon-border { + border-width: 3px; + @include border-radius(5px); + } +} +.icon-4x { + font-size: 4em; + &.icon-border { + border-width: 4px; + @include border-radius(6px); + } +} + +// Floats +// ------------------------- + +// Quick floats +.pull-right { float: right; } +.pull-left { float: left; } + +[class^="icon-"], +[class*=" icon-"] { + &.pull-left { + margin-right: .3em; + } + &.pull-right { + margin-left: .3em; + } +} + +.btn { + [class^="icon-"], + [class*=" icon-"] { + &.pull-left, &.pull-right { + &.icon-2x { margin-top: .18em; } + } + &.icon-spin.icon-large { line-height: .8em; } + } +} + +.btn.btn-small { + [class^="icon-"], + [class*=" icon-"] { + &.pull-left, &.pull-right { + &.icon-2x { margin-top: .25em; } + } + } +} + +.btn.btn-large { + [class^="icon-"], + [class*=" icon-"] { + margin-top: 0; // overrides bootstrap default + &.pull-left, &.pull-right { + &.icon-2x { margin-top: .05em; } + } + &.pull-left.icon-2x { margin-right: .2em; } + &.pull-right.icon-2x { margin-left: .2em; } + } +} + + +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} + +@-moz-keyframes spin { + 0% { -moz-transform: rotate(0deg); } + 100% { -moz-transform: rotate(359deg); } +} +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(359deg); } +} +@-o-keyframes spin { + 0% { -o-transform: rotate(0deg); } + 100% { -o-transform: rotate(359deg); } +} +@-ms-keyframes spin { + 0% { -ms-transform: rotate(0deg); } + 100% { -ms-transform: rotate(359deg); } +} +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(359deg); } +} + +@-moz-document url-prefix() { + .icon-spin { height: .9em; } + .btn .icon-spin { height: auto; } + .icon-spin.icon-large { height: 1.25em; } + .btn .icon-spin.icon-large { height: .75em; } +} + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { content: "\f000"; } +.icon-music:before { content: "\f001"; } +.icon-search:before { content: "\f002"; } +.icon-envelope:before { content: "\f003"; } +.icon-heart:before { content: "\f004"; } +.icon-star:before { content: "\f005"; } +.icon-star-empty:before { content: "\f006"; } +.icon-user:before { content: "\f007"; } +.icon-film:before { content: "\f008"; } +.icon-th-large:before { content: "\f009"; } +.icon-th:before { content: "\f00a"; } +.icon-th-list:before { content: "\f00b"; } +.icon-ok:before { content: "\f00c"; } +.icon-remove:before { content: "\f00d"; } +.icon-zoom-in:before { content: "\f00e"; } + +.icon-zoom-out:before { content: "\f010"; } +.icon-off:before { content: "\f011"; } +.icon-signal:before { content: "\f012"; } +.icon-cog:before { content: "\f013"; } +.icon-trash:before { content: "\f014"; } +.icon-home:before { content: "\f015"; } +.icon-file:before { content: "\f016"; } +.icon-time:before { content: "\f017"; } +.icon-road:before { content: "\f018"; } +.icon-download-alt:before { content: "\f019"; } +.icon-download:before { content: "\f01a"; } +.icon-upload:before { content: "\f01b"; } +.icon-inbox:before { content: "\f01c"; } +.icon-play-circle:before { content: "\f01d"; } +.icon-repeat:before { content: "\f01e"; } + +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { content: "\f021"; } +.icon-list-alt:before { content: "\f022"; } +.icon-lock:before { content: "\f023"; } +.icon-flag:before { content: "\f024"; } +.icon-headphones:before { content: "\f025"; } +.icon-volume-off:before { content: "\f026"; } +.icon-volume-down:before { content: "\f027"; } +.icon-volume-up:before { content: "\f028"; } +.icon-qrcode:before { content: "\f029"; } +.icon-barcode:before { content: "\f02a"; } +.icon-tag:before { content: "\f02b"; } +.icon-tags:before { content: "\f02c"; } +.icon-book:before { content: "\f02d"; } +.icon-bookmark:before { content: "\f02e"; } +.icon-print:before { content: "\f02f"; } + +.icon-camera:before { content: "\f030"; } +.icon-font:before { content: "\f031"; } +.icon-bold:before { content: "\f032"; } +.icon-italic:before { content: "\f033"; } +.icon-text-height:before { content: "\f034"; } +.icon-text-width:before { content: "\f035"; } +.icon-align-left:before { content: "\f036"; } +.icon-align-center:before { content: "\f037"; } +.icon-align-right:before { content: "\f038"; } +.icon-align-justify:before { content: "\f039"; } +.icon-list:before { content: "\f03a"; } +.icon-indent-left:before { content: "\f03b"; } +.icon-indent-right:before { content: "\f03c"; } +.icon-facetime-video:before { content: "\f03d"; } +.icon-picture:before { content: "\f03e"; } + +.icon-pencil:before { content: "\f040"; } +.icon-map-marker:before { content: "\f041"; } +.icon-adjust:before { content: "\f042"; } +.icon-tint:before { content: "\f043"; } +.icon-edit:before { content: "\f044"; } +.icon-share:before { content: "\f045"; } +.icon-check:before { content: "\f046"; } +.icon-move:before { content: "\f047"; } +.icon-step-backward:before { content: "\f048"; } +.icon-fast-backward:before { content: "\f049"; } +.icon-backward:before { content: "\f04a"; } +.icon-play:before { content: "\f04b"; } +.icon-pause:before { content: "\f04c"; } +.icon-stop:before { content: "\f04d"; } +.icon-forward:before { content: "\f04e"; } + +.icon-fast-forward:before { content: "\f050"; } +.icon-step-forward:before { content: "\f051"; } +.icon-eject:before { content: "\f052"; } +.icon-chevron-left:before { content: "\f053"; } +.icon-chevron-right:before { content: "\f054"; } +.icon-plus-sign:before { content: "\f055"; } +.icon-minus-sign:before { content: "\f056"; } +.icon-remove-sign:before { content: "\f057"; } +.icon-ok-sign:before { content: "\f058"; } +.icon-question-sign:before { content: "\f059"; } +.icon-info-sign:before { content: "\f05a"; } +.icon-screenshot:before { content: "\f05b"; } +.icon-remove-circle:before { content: "\f05c"; } +.icon-ok-circle:before { content: "\f05d"; } +.icon-ban-circle:before { content: "\f05e"; } + +.icon-arrow-left:before { content: "\f060"; } +.icon-arrow-right:before { content: "\f061"; } +.icon-arrow-up:before { content: "\f062"; } +.icon-arrow-down:before { content: "\f063"; } +.icon-share-alt:before { content: "\f064"; } +.icon-resize-full:before { content: "\f065"; } +.icon-resize-small:before { content: "\f066"; } +.icon-plus:before { content: "\f067"; } +.icon-minus:before { content: "\f068"; } +.icon-asterisk:before { content: "\f069"; } +.icon-exclamation-sign:before { content: "\f06a"; } +.icon-gift:before { content: "\f06b"; } +.icon-leaf:before { content: "\f06c"; } +.icon-fire:before { content: "\f06d"; } +.icon-eye-open:before { content: "\f06e"; } + +.icon-eye-close:before { content: "\f070"; } +.icon-warning-sign:before { content: "\f071"; } +.icon-plane:before { content: "\f072"; } +.icon-calendar:before { content: "\f073"; } +.icon-random:before { content: "\f074"; } +.icon-comment:before { content: "\f075"; } +.icon-magnet:before { content: "\f076"; } +.icon-chevron-up:before { content: "\f077"; } +.icon-chevron-down:before { content: "\f078"; } +.icon-retweet:before { content: "\f079"; } +.icon-shopping-cart:before { content: "\f07a"; } +.icon-folder-close:before { content: "\f07b"; } +.icon-folder-open:before { content: "\f07c"; } +.icon-resize-vertical:before { content: "\f07d"; } +.icon-resize-horizontal:before { content: "\f07e"; } + +.icon-bar-chart:before { content: "\f080"; } +.icon-twitter-sign:before { content: "\f081"; } +.icon-facebook-sign:before { content: "\f082"; } +.icon-camera-retro:before { content: "\f083"; } +.icon-key:before { content: "\f084"; } +.icon-cogs:before { content: "\f085"; } +.icon-comments:before { content: "\f086"; } +.icon-thumbs-up:before { content: "\f087"; } +.icon-thumbs-down:before { content: "\f088"; } +.icon-star-half:before { content: "\f089"; } +.icon-heart-empty:before { content: "\f08a"; } +.icon-signout:before { content: "\f08b"; } +.icon-linkedin-sign:before { content: "\f08c"; } +.icon-pushpin:before { content: "\f08d"; } +.icon-external-link:before { content: "\f08e"; } + +.icon-signin:before { content: "\f090"; } +.icon-trophy:before { content: "\f091"; } +.icon-github-sign:before { content: "\f092"; } +.icon-upload-alt:before { content: "\f093"; } +.icon-lemon:before { content: "\f094"; } +.icon-phone:before { content: "\f095"; } +.icon-check-empty:before { content: "\f096"; } +.icon-bookmark-empty:before { content: "\f097"; } +.icon-phone-sign:before { content: "\f098"; } +.icon-twitter:before { content: "\f099"; } +.icon-facebook:before { content: "\f09a"; } +.icon-github:before { content: "\f09b"; } +.icon-unlock:before { content: "\f09c"; } +.icon-credit-card:before { content: "\f09d"; } +.icon-rss:before { content: "\f09e"; } + +.icon-hdd:before { content: "\f0a0"; } +.icon-bullhorn:before { content: "\f0a1"; } +.icon-bell:before { content: "\f0a2"; } +.icon-certificate:before { content: "\f0a3"; } +.icon-hand-right:before { content: "\f0a4"; } +.icon-hand-left:before { content: "\f0a5"; } +.icon-hand-up:before { content: "\f0a6"; } +.icon-hand-down:before { content: "\f0a7"; } +.icon-circle-arrow-left:before { content: "\f0a8"; } +.icon-circle-arrow-right:before { content: "\f0a9"; } +.icon-circle-arrow-up:before { content: "\f0aa"; } +.icon-circle-arrow-down:before { content: "\f0ab"; } +.icon-globe:before { content: "\f0ac"; } +.icon-wrench:before { content: "\f0ad"; } +.icon-tasks:before { content: "\f0ae"; } + +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } + +.icon-group:before { content: "\f0c0"; } +.icon-link:before { content: "\f0c1"; } +.icon-cloud:before { content: "\f0c2"; } +.icon-beaker:before { content: "\f0c3"; } +.icon-cut:before { content: "\f0c4"; } +.icon-copy:before { content: "\f0c5"; } +.icon-paper-clip:before { content: "\f0c6"; } +.icon-save:before { content: "\f0c7"; } +.icon-sign-blank:before { content: "\f0c8"; } +.icon-reorder:before { content: "\f0c9"; } +.icon-list-ul:before { content: "\f0ca"; } +.icon-list-ol:before { content: "\f0cb"; } +.icon-strikethrough:before { content: "\f0cc"; } +.icon-underline:before { content: "\f0cd"; } +.icon-table:before { content: "\f0ce"; } + +.icon-magic:before { content: "\f0d0"; } +.icon-truck:before { content: "\f0d1"; } +.icon-pinterest:before { content: "\f0d2"; } +.icon-pinterest-sign:before { content: "\f0d3"; } +.icon-google-plus-sign:before { content: "\f0d4"; } +.icon-google-plus:before { content: "\f0d5"; } +.icon-money:before { content: "\f0d6"; } +.icon-caret-down:before { content: "\f0d7"; } +.icon-caret-up:before { content: "\f0d8"; } +.icon-caret-left:before { content: "\f0d9"; } +.icon-caret-right:before { content: "\f0da"; } +.icon-columns:before { content: "\f0db"; } +.icon-sort:before { content: "\f0dc"; } +.icon-sort-down:before { content: "\f0dd"; } +.icon-sort-up:before { content: "\f0de"; } + +.icon-envelope-alt:before { content: "\f0e0"; } +.icon-linkedin:before { content: "\f0e1"; } +.icon-undo:before { content: "\f0e2"; } +.icon-legal:before { content: "\f0e3"; } +.icon-dashboard:before { content: "\f0e4"; } +.icon-comment-alt:before { content: "\f0e5"; } +.icon-comments-alt:before { content: "\f0e6"; } +.icon-bolt:before { content: "\f0e7"; } +.icon-sitemap:before { content: "\f0e8"; } +.icon-umbrella:before { content: "\f0e9"; } +.icon-paste:before { content: "\f0ea"; } +.icon-lightbulb:before { content: "\f0eb"; } +.icon-exchange:before { content: "\f0ec"; } +.icon-cloud-download:before { content: "\f0ed"; } +.icon-cloud-upload:before { content: "\f0ee"; } + +.icon-user-md:before { content: "\f0f0"; } +.icon-stethoscope:before { content: "\f0f1"; } +.icon-suitcase:before { content: "\f0f2"; } +.icon-bell-alt:before { content: "\f0f3"; } +.icon-coffee:before { content: "\f0f4"; } +.icon-food:before { content: "\f0f5"; } +.icon-file-alt:before { content: "\f0f6"; } +.icon-building:before { content: "\f0f7"; } +.icon-hospital:before { content: "\f0f8"; } +.icon-ambulance:before { content: "\f0f9"; } +.icon-medkit:before { content: "\f0fa"; } +.icon-fighter-jet:before { content: "\f0fb"; } +.icon-beer:before { content: "\f0fc"; } +.icon-h-sign:before { content: "\f0fd"; } +.icon-plus-sign-alt:before { content: "\f0fe"; } + +.icon-double-angle-left:before { content: "\f100"; } +.icon-double-angle-right:before { content: "\f101"; } +.icon-double-angle-up:before { content: "\f102"; } +.icon-double-angle-down:before { content: "\f103"; } +.icon-angle-left:before { content: "\f104"; } +.icon-angle-right:before { content: "\f105"; } +.icon-angle-up:before { content: "\f106"; } +.icon-angle-down:before { content: "\f107"; } +.icon-desktop:before { content: "\f108"; } +.icon-laptop:before { content: "\f109"; } +.icon-tablet:before { content: "\f10a"; } +.icon-mobile-phone:before { content: "\f10b"; } +.icon-circle-blank:before { content: "\f10c"; } +.icon-quote-left:before { content: "\f10d"; } +.icon-quote-right:before { content: "\f10e"; } + +.icon-spinner:before { content: "\f110"; } +.icon-circle:before { content: "\f111"; } +.icon-reply:before { content: "\f112"; } +.icon-github-alt:before { content: "\f113"; } +.icon-folder-close-alt:before { content: "\f114"; } +.icon-folder-open-alt:before { content: "\f115"; } diff --git a/content/css/ie.css b/content/css/ie.css deleted file mode 100644 index 6dc087c..0000000 --- a/content/css/ie.css +++ /dev/null @@ -1,70 +0,0 @@ -.p_options_block, -.p_filter_container:hover ul.p_filter {filter:alpha(opacity=100);} - -.p_filter_container ul.p_filter, -.cmsms-form-builder .check_parent input[type="checkbox"], -.cmsms-form-builder .check_parent input[type="radio"], -.loading {filter:alpha(opacity=0);} - -.button, -.button_medium, -.button_large, -.dropcap2, -.tabs li a.current, -.related_posts > ul > li a.current, -.tour li a, -.comment-reply-link, -.cmsmsLike, -.cmsms_rounding { - position:relative; - z-index:0; -} - -div.p_filter {height:1000px;} - -.p_filter_container ul.p_filter {top:32px;} - -.button span, -.button_medium span, -.button_large span {transition:none;} - -.button, -.button_medium, -.button_large {margin-right:3px;} - -.cmsms-form-builder .check_parent input[type="radio"]+label, -.cmsms-form-builder .check_parent input[type="checkbox"]+label {background-image:none;} - -.cmsms-form-builder .check_parent input[type="radio"], -.cmsms-form-builder .check_parent input[type="checkbox"] { - filter:alpha(opacity=100); - margin-top:11px; -} - -.cmsms_slider_video.hidden {display:none;} - -@media only screen and (min-width: 541px) and (max-width: 767px) { - - .widget_colored.four_box, - .one_fourth, - .one_fourth.last, - .one_fourth+.one_fourth, - .one_fourth+.one_fourth+.one_fourth, - .one_fourth+.one_fourth+.one_fourth+.one_fourth, - .portfolio_container.two_blocks .portfolio, - .portfolio_container.four_blocks .portfolio:nth-child(odd), - .portfolio_container.four_blocks .portfolio:nth-child(even), - .format-album.four_blocks .resize .cmsms_media_box:nth-child(odd), - .format-album.four_blocks .resize .cmsms_media_box:nth-child(even), - .post_type_shortcode.four_blocks article:nth-child(odd), - .post_type_shortcode.four_blocks article:nth-child(even), - .cms_archive li:nth-child(odd), - .cms_archive li:nth-child(even), - .sitemap > li > ul > li:nth-child(odd), - .sitemap > li > ul > li:nth-child(even) { - width:100%; - float:none; - padding-right:0; - } - -} diff --git a/content/css/ieCss3.css b/content/css/ieCss3.css deleted file mode 100644 index 5143f65..0000000 --- a/content/css/ieCss3.css +++ /dev/null @@ -1,21 +0,0 @@ -span.dropcap2, -.button, -.button > span, -.button_medium, -.button_medium >span, -.button_large, -.button_large > span, -.cmsmsLike, -.cmsms_close_video, -#slide_top, -.cmsms_slides_nav, -a.cmsms_prev_slide, -a.cmsms_next_slide, -.cmsms_rounding, -.widget_custom_popular_portfolio_entries figure img, -.tp-bullets, -.tp-leftarrow, -.tp-rightarrow{behavior:url(css/styles/pie.htc);} - -.p_options_block .button, -.p_options_block .button span {behavior:none;} \ No newline at end of file diff --git a/content/css/screen.scss b/content/css/screen.scss new file mode 100644 index 0000000..dd25eed --- /dev/null +++ b/content/css/screen.scss @@ -0,0 +1,277 @@ +$turquoise: #1ABC9C; +$greensea: #16A085; +$emerland: #2ECC71; +$nephritis: #27AE60; +$peterriver: #3498DB; +$belizehole: #2980B9; +$amethyst: #9B59B6; +$wisteria: #8E44AD; +$wetasphalt: #34495E; +$midnightblue: #2C3E50; +$sunflower: #F1C40F; +$orange: #F39C12; +$carrot: #E67E22; +$pumpkin: #D35400; +$alizarin: #E74C3C; +$pomegranate: #C0392B; +$clouds: #ECF0F1; +$silver: #BDC3C7; +$concrete: #95A5A6; +$asbestos: #7F8C8D; + +$border-radius: 6px; + +@import url(http://fonts.googleapis.com/css?family=Lato:900|PT+Sans:400,700,400italic,700italic); +@import "zurb-foundation/normalize.scss"; +@import "zurb-foundation/foundation.scss"; +@import "pygments"; + +html > body { + padding: 0; + margin: 0; + + background-color: $clouds; + + font-size: 14px; + font-family: "PT Sans", helvetica, arial; +} + +a, a:hover, a:visited, a:active { + color: $peterriver; + text-decoration: none; +} + +header#title { + background-color: $peterriver; + + margin: 0; + padding: 12px; + + text-align: center; + + h1 { + margin: 12px 0; + + font-family: "Lato", arial; + font-weight: 900; + font-size: 52px; + letter-spacing: 4px; + + display: inline-block; + color: $peterriver; + background-color: #fff; + padding: 4px 16px; + border-radius: $border-radius; + + text-transform: uppercase; + } +} + +nav#primary { + text-align: center; + background-color: $peterriver; + + padding-bottom: 16px; + + ol { + list-style-type: none; + + padding: 0; + margin: 0; + + li { + display: inline-block; + + font-size: 18px; + font-family: "Lato", arial; + + background-color: $belizehole; + padding: 4px 8px; + margin: 0 3px; + + border-radius: $border-radius; + + a { + color: #ffffff; + text-decoration: none; + } + } + } +} + +#wrapper { + @include grid-row; +} + +.avatar { + width: 128px; + height: 128px; + border-radius: 64px; + background: url(https://secure.gravatar.com/avatar/a9bfdd0cc75c857b669c37548b8bfdf9?s=256) no-repeat; + background-size: 128px 128px; + + margin: 32px auto 32px auto; +} + +.influads { + margin: 32px auto 32px auto; + font-size: 12px; + text-align: center; + + .influads_text { + margin-top: 3px; + margin-bottom: 6px; + + a { + color: $concrete; + } + } + + .influads_powered_div { + a { + color: $silver; + } + } +} + +#content { + margin: 12px; + + article.post, article.page { + h1, h2, h3, h4, h5, h6 { + font-family: 'Lato'; + } + + .meta { + margin-top: -18px; + font-style: italic; + } + + ol, ul { + margin-left: 20px; + } + } +} + +section#posts { + h2.year { + font-size: 24px; + text-align: center; + border-bottom: 3px solid $silver; + } + + .post-listing { + margin-bottom: 1.75em; + + h3.title { + margin-bottom: 12px; + } + .summary { + margin-top: -12px; + + p { + margin-bottom: 0.5em; + } + } + } +} + +section.post { + section#main { + @include grid-column(8, false, false, 2); + } + + section#sidebar { + @include grid-column(2); + } +} + +section.page { + @include grid-column(12); +} + +footer { + @include grid-row; + clear: both; + + .copyright { + @include grid-column(12); + + text-align: center; + font-size: 12px; + + color: $concrete; + + ul.tla { + color: $silver; + + list-style-type: none; + + li { + display: inline; + } + } + } +} + +pre, .plaincode{ + background: none; + border: none; + border-radius: none; + + font-size: 12px; + overflow: visible; + + padding: 6px 6px; + margin: 0; + + word-break: normal; + word-wrap: normal; + + white-space: pre; + display: block; +} + +.plaincode { + background-color: #f9f9f9; +} + +.code { + overflow: auto; + margin: 0 0 11px 0; + + table { + width: 100%; + background: inherit; + + td, th { + padding: 0; + } + + .linenodiv { + background-color: #f4f4f4; + color: #AAA; + padding: 0 0.5em; + border-right: 1px solid #DDD; + text-align: right; + } + + td.code { + width: 100%; + } + + .highlight { + background-color: #f9f9f9; + } + } +} + +form { + ul { + list-style-type: none; + } + + p.instruct { + + } +} diff --git a/content/css/style.scss b/content/css/style.scss deleted file mode 100644 index 6d5e723..0000000 --- a/content/css/style.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "willbridge"; -@import "fonts"; -@import "jquery_prettyphoto"; -@import "pygments"; -@import "main"; \ No newline at end of file diff --git a/content/css/zurb-foundation/foundation.scss b/content/css/zurb-foundation/foundation.scss new file mode 100644 index 0000000..f4e0b2e --- /dev/null +++ b/content/css/zurb-foundation/foundation.scss @@ -0,0 +1,46 @@ +// Make sure the charset is set appropriately +@charset "UTF-8"; + +// This includes all of the foundation global elements that are needed to work with any of the other files. +@import "foundation/foundation-global"; + +// Foundation Components +@import + "foundation/components/global", + "foundation/components/grid", + "foundation/components/visibility", + "foundation/components/block-grid", + "foundation/components/type", + "foundation/components/buttons", + "foundation/components/forms", + "foundation/components/custom-forms", + "foundation/components/button-groups", + "foundation/components/dropdown-buttons", + "foundation/components/split-buttons", + "foundation/components/flex-video", + "foundation/components/section", + "foundation/components/top-bar", + "foundation/components/orbit", + "foundation/components/reveal", + "foundation/components/joyride", + "foundation/components/clearing", + "foundation/components/alert-boxes", + "foundation/components/breadcrumbs", + "foundation/components/keystrokes", + "foundation/components/labels", + "foundation/components/inline-lists", + "foundation/components/pagination", + "foundation/components/panels", + "foundation/components/pricing-tables", + "foundation/components/progress-bars", + "foundation/components/side-nav", + "foundation/components/sub-nav", + "foundation/components/switch", + "foundation/components/magellan", + "foundation/components/tables", + "foundation/components/thumbs", + "foundation/components/tooltips", + "foundation/components/dropdown"; + + + diff --git a/content/css/zurb-foundation/foundation/_foundation-global.scss b/content/css/zurb-foundation/foundation/_foundation-global.scss new file mode 100644 index 0000000..acef699 --- /dev/null +++ b/content/css/zurb-foundation/foundation/_foundation-global.scss @@ -0,0 +1,198 @@ +// Foundation Global Function, Variables and Mixins +// +// Variables +// + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with brower-based text zoom or user-set defaults. +$base-font-size: 100% !default; + +// Set your base font-size in pixels so emCalc can do its magic below +$em-base: 16px !default; + +// We use these to control various global styles +$body-bg: #fff !default; +$body-font-color: #222 !default; +$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default; +$body-font-weight: normal !default; +$body-font-style: normal !default; + +// We use these to control text direction settings +$text-direction: ltr !default; // Controls default global text direction, 'rtl' or 'ltr' +$default-float: left !default; +$opposite-direction: right !default; +// No need to change this conditional statement, $text-direction variable controls it all. +@if $text-direction == ltr { + $default-float: left; + $opposite-direction: right; +} @else { + $default-float: right; + $opposite-direction: left; +} + +// We use these as default colors throughout +$primary-color: #2ba6cb !default; +$secondary-color: #e9e9e9 !default; +$alert-color: #c60f13 !default; +$success-color: #5da423 !default; + +// We use these to make sure border radius matches unless we want it different. +$global-radius: 3px !default; +$global-rounded: 1000px !default; + +// We use these to control inset shadow shiny edges and depressions. +$shiny-edge-size: 0 1px 0 !default; +$shiny-edge-color: rgba(#fff, .5) !default; +$shiny-edge-active-color: rgba(#000, .2) !default; + +// We use this to control whether or not CSS classes come through in the gem files. +$include-html-classes: true !default; +$include-print-styles: true !default; + +$include-html-grid-classes: $include-html-classes !default; +$include-html-visibility-classes: $include-html-classes !default; +$include-html-button-classes: $include-html-classes !default; +$include-html-form-classes: $include-html-classes !default; +$include-html-media-classes: $include-html-classes !default; +$include-html-section-classes: $include-html-classes !default; +$include-html-reveal-classes: $include-html-classes !default; +$include-html-alert-classes: $include-html-classes !default; +$include-html-nav-classes: $include-html-classes !default; +$include-html-label-classes: $include-html-classes !default; +$include-html-panel-classes: $include-html-classes !default; +$include-html-pricing-classes: $include-html-classes !default; +$include-html-progress-classes: $include-html-classes !default; +$include-html-magellan-classes: $include-html-classes !default; + +// +// Functions +// + +// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#px) +@function emCalc($pxWidth) { + @return $pxWidth / $em-base * 1em; +} + +// Creating rems and pixels +@function remCalc($pxWidth) { + @return $pxWidth / $em-base * 1rem; +} + +// Grid Calculation for Percentages +@function gridCalc($colNumber, $totalColumns) { + @return percentage(($colNumber / $totalColumns)); +} + + +// +// Mixins +// + +// We use this to control border radius. +@mixin radius($radius:$global-radius) { + @if $radius { + -webkit-border-radius: $radius; + border-radius: $radius; + } +} + +// We use this to create equal side border radius on elements. +@mixin side-radius($side, $radius) { + @include radius(0); + @if $side == left { + -moz-border-radius-bottomleft: $radius; + -moz-border-radius-topleft: $radius; + -webkit-border-bottom-left-radius: $radius; + -webkit-border-top-left-radius: $radius; + border-bottom-left-radius: $radius; + border-top-left-radius: $radius; + } + @else if $side == right { + -moz-border-radius-topright: $radius; + -moz-border-radius-bottomright: $radius; + -webkit-border-top-right-radius: $radius; + -webkit-border-bottom-right-radius: $radius; + border-top-right-radius: $radius; + border-bottom-right-radius: $radius; + } + @else if $side == top { + -moz-border-radius-topright: $radius; + -moz-border-radius-topleft: $radius; + -webkit-border-top-right-radius: $radius; + -webkit-border-top-left-radius: $radius; + border-top-right-radius: $radius; + border-top-left-radius: $radius; + } + @else if $side == bottom { + -moz-border-radius-bottomright: $radius; + -moz-border-radius-bottomleft: $radius; + -webkit-border-bottom-right-radius: $radius; + -webkit-border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; + } +} + +// We can control whether or not we have inset shadows edges. +@mixin inset-shadow($active:true) { + -webkit-box-shadow: $shiny-edge-size $shiny-edge-color inset; + box-shadow: $shiny-edge-size $shiny-edge-color inset; + + @if $active { &:active { + -webkit-box-shadow: $shiny-edge-size $shiny-edge-active-color inset; + box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } } +} + +// We use this to add transitions to elements +@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) { + -webkit-transition: $property $speed $ease; + -moz-transition: $property $speed $ease; + transition: $property $speed $ease; +} + +// We use this to add box-sizing across browser prefixes +@mixin box-sizing($type:border-box) { + -moz-box-sizing: $type; + -webkit-box-sizing: $type; + box-sizing: $type; +} + +// We use this to create equalateral triangles +@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) { + content: ""; + display: block; + width: 0; + height: 0; + border: solid $triangle-size; + @if ($triangle-direction == top) { + border-color: $triangle-color transparent transparent transparent; + } + @if ($triangle-direction == bottom) { + border-color: transparent transparent $triangle-color transparent; + } + @if ($triangle-direction == left) { + border-color: transparent transparent transparent $triangle-color; + } + @if ($triangle-direction == right) { + border-color: transparent $triangle-color transparent transparent; + } +} + +// We use this to do clear floats +@mixin clearfix() { + *zoom:1; + &:before, &:after { content: " "; display: table; } + &:after { clear: both; } +} + +// Media Queries +$small-screen: emCalc(768px) !default; +$medium-screen: emCalc(1280px) !default; +$large-screen: emCalc(1440px) !default; + +$screen: "only screen" !default; +$small: "only screen and (min-width:"#{$small-screen}")" !default; +$medium: "only screen and (min-width:"#{$medium-screen}")" !default; +$large: "only screen and (min-width:"#{$large-screen}")" !default; +$landscape: "only screen and (orientation: landscape)" !default; +$portrait: "only screen and (orientation: portrait)" !default; diff --git a/content/css/zurb-foundation/foundation/components/_alert-boxes.scss b/content/css/zurb-foundation/foundation/components/_alert-boxes.scss new file mode 100644 index 0000000..a14807a --- /dev/null +++ b/content/css/zurb-foundation/foundation/components/_alert-boxes.scss @@ -0,0 +1,106 @@ +// +// Alert Variables +// + +// We use this to control alert padding. +$alert-padding-top: emCalc(11px) !default; +$alert-padding-default-float: $alert-padding-top !default; +$alert-padding-opposite-direction: $alert-padding-top + emCalc(10px) !default; +$alert-padding-bottom: $alert-padding-top + emCalc(1px) !default; + +// We use these to control text style. +$alert-font-weight: bold !default; +$alert-font-size: emCalc(14px) !default; +$alert-font-color: #fff !default; +$alert-font-color-alt: darken($secondary-color, 60%) !default; + +// We use this for close hover effect. +$alert-function-factor: 10% !default; + +// We use these to control border styles. +$alert-border-style: solid !default; +$alert-border-width: 1px !default; +$alert-border-color: darken($primary-color, $alert-function-factor) !default; +$alert-bottom-margin: emCalc(20px) !default; + +// We use these to style the close buttons +$alert-close-color: #333 !default; +$alert-close-position: emCalc(5px) !default; +$alert-close-font-size: emCalc(22px) !default; +$alert-close-opacity: 0.3 !default; +$alert-close-opacity-hover: 0.5 !default; +$alert-close-padding: 5px 4px 4px !default; + +// We use this to control border radius +$alert-radius: $global-radius !default; + +// +// Alert Mixins +// + +// We use this mixin to create a default alert base. +@mixin alert-base { + border-style: $alert-border-style; + border-width: $alert-border-width; + display: block; + font-weight: $alert-font-weight; + margin-bottom: $alert-bottom-margin; + position: relative; + padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float; + font-size: $alert-font-size; +} + +// We use this mixin to add alert styles +@mixin alert-style($bg:$primary-color) { + + // This find the lightness percentage of the background color. + $bg-lightness: lightness($bg); + + // We control which background color and border come through. + background-color: $bg; + border-color: darken($bg, $alert-function-factor); + + // We control the text color for you based on the background color. + @if $bg-lightness > 70% { color: $alert-font-color-alt; } + @else { color: $alert-font-color; } + +} + +// We use this to create the close button. +@mixin alert-close { + font-size: $alert-close-font-size; + padding: $alert-close-padding; + line-height: 0; + position: absolute; + top: $alert-close-position + emCalc(2px); + #{$opposite-direction}: $alert-close-position; + color: $alert-close-color; + opacity: $alert-close-opacity; + &:hover, + &:focus { opacity: $alert-close-opacity-hover; } +} + +// We use this to quickly create alerts with a single mixin. +@mixin alert($bg:$primary-color, $radius:false) { + @include alert-base; + @include alert-style($bg); + @include radius($radius); +} + +@if $include-html-alert-classes { + + /* Foundation Alerts */ + .alert-box { + @include alert; + + .close { @include alert-close; } + + &.radius { @include radius($alert-radius); } + &.round { @include radius($global-rounded); } + + &.success { @include alert-style($success-color); } + &.alert { @include alert-style($alert-color); } + &.secondary { @include alert-style($secondary-color); } + } + +} \ No newline at end of file diff --git a/content/css/zurb-foundation/foundation/components/_block-grid.scss b/content/css/zurb-foundation/foundation/components/_block-grid.scss new file mode 100644 index 0000000..9bd9d3d --- /dev/null +++ b/content/css/zurb-foundation/foundation/components/_block-grid.scss @@ -0,0 +1,66 @@ +// +// Block Grid Variables +// + +// We use this to control the maximum number of block grid elements per row +$block-grid-elements: 12 !default; +$block-grid-default-spacing: 10px !default; + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. +$block-grid-media-queries: true !default; + +// +// Block Grid Mixins +// + +// We use this mixin to create different block-grids. You can apply per-row and spacing options. +// Setting $base-style to false will ommit default styles. +@mixin block-grid($per-row:false, $spacing:$block-grid-default-spacing, $base-style:true) { + + @if $base-style { + display: block; + padding: 0; + margin: 0 (-$spacing); + @include clearfix; + + &>li { + display: block; + height: auto; + float: $default-float; + padding: 0 $spacing $spacing; + } + } + + @if $per-row { + &>li { + width: 100%/$per-row; + padding: 0 $spacing $spacing; + + &:nth-of-type(#{$per-row}n+1) { clear: both; } + } + } + +} + +@if $block-grid-media-queries { + /* Foundation Block Grids for below small breakpoint */ + @media only screen { + [class*="block-grid-"] { @include block-grid; } + + @for $i from 1 through $block-grid-elements { + .small-block-grid-#{($i)} { + @include block-grid($i,$block-grid-default-spacing,false); + } + } + } + + /* Foundation Block Grids for above small breakpoint */ + @media #{$small} { + @for $i from 1 through $block-grid-elements { + .large-block-grid-#{($i)} { + @include block-grid($i,$block-grid-default-spacing,false); + } + } + [class*="small-block-grid-"] > li { clear: none !important; } + } +} diff --git a/content/css/zurb-foundation/foundation/components/_breadcrumbs.scss b/content/css/zurb-foundation/foundation/components/_breadcrumbs.scss new file mode 100644 index 0000000..ec0dc21 --- /dev/null +++ b/content/css/zurb-foundation/foundation/components/_breadcrumbs.scss @@ -0,0 +1,117 @@ +// +// Breadcrumb Variables +// + +// We use this to set the background color for the breadcrumb container. +$crumb-bg: lighten($secondary-color, 5%) !default; + +// We use these to set the padding around the breadcrumbs. +$crumb-padding: emCalc(6px) emCalc(14px) emCalc(9px) !default; +$crumb-side-padding: emCalc(12px) !default; + +// We use these to control border styles. +$crumb-function-factor: 10% !default; +$crumb-border-size: 1px !default; +$crumb-border-style: solid !default; +$crumb-border-color: darken($crumb-bg, $crumb-function-factor) !default; +$crumb-radius: $global-radius !default; + +// We use these to set various text styles for breadcrumbs. +$crumb-font-size: emCalc(11px) !default; +$crumb-font-color: $primary-color !default; +$crumb-font-color-current: #333 !default; +$crumb-font-color-unavailable: #999 !default; +$crumb-font-transform: uppercase !default; +$crumb-link-decor: underline !default; + +// We use these to control the slash between breadcrumbs +$crumb-slash-color: #aaa !default; +$crumb-slash: "/" !default; + +// +// Breakcrumb Mixins +// + +// We use this mixin to create a container around our breadcrumbs +@mixin crumb-container { + display: block; + padding: $crumb-padding; + overflow: hidden; + margin-#{$default-float}: 0; + list-style: none; + border-style: $crumb-border-style; + border-width: $crumb-border-size; + + // We control which background color and border come through. + background-color: $crumb-bg; + border-color: $crumb-border-color; +} + +// We use this mixin to create breadcrumb styles from list items. +@mixin crumbs { + + // A normal state will make the links look and act like clickable breadcrumbs. + margin: 0; + padding: 0 $crumb-side-padding 0 0; + float: $default-float; + + &:hover a, + &:focus a { text-decoration: $crumb-link-decor; } + + a, + span { + font-size: $crumb-font-size; + padding-#{$default-float}: $crumb-side-padding; + text-transform: $crumb-font-transform; + color: $crumb-font-color; + } + + // Current is for the link of the current page + &.current { + a { + cursor: default; + color: $crumb-font-color-current; + } + + &:hover a, + &:focus a { text-decoration: none; } + } + + // Unavailable removed color and link styles so it looks inactive. + &.unavailable { + a { color: $crumb-font-color-unavailable; } + + &:hover a, + a:focus { + text-decoration: none; + color: $crumb-font-color-unavailable; + cursor: default; + } + } + + &:before { + content: "#{$crumb-slash}"; + color: $crumb-slash-color; + position: relative; + top: 1px; + } + &:first-child a, + &:first-child span { padding-#{$default-float}: 0; } + &:first-child:before { content: " "; } + +} + + +@if $include-html-nav-classes { + + /* Breadcrumbs */ + .breadcrumbs { + @include crumb-container; + @include radius($crumb-radius); + + li { + @include crumbs; + } + } + +} diff --git a/content/css/zurb-foundation/foundation/components/_button-groups.scss b/content/css/zurb-foundation/foundation/components/_button-groups.scss new file mode 100644 index 0000000..85dd47c --- /dev/null +++ b/content/css/zurb-foundation/foundation/components/_button-groups.scss @@ -0,0 +1,76 @@ +// +// Button Group Variables +// + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used +$button-bar-margin-opposite: emCalc(10px) !default; + +// +// Button Group Mixins +// + +// We use this to add styles for a button group container +@mixin button-group-container($styles:true, $float:false) { + @if $styles { + list-style: none; + margin: 0; + @include clearfix(); + } + @if $float { + float: #{$default-float}; + margin-#{$opposite-direction}: $button-bar-margin-opposite; + & div { overflow: hidden; } + } +} + +// We use this to control styles for button groups +@mixin button-group-style($radius:false, $even:false, $float:$default-float) { + + // We use this to control the flow, or remove those styles completely. + @if $float { + margin: 0 0 0 -1px; + float: $float; + // Make sure the first child doesn't get the negative margin. + &:first-child { margin-#{$default-float}: 0; } + } + + // We use these to control left and right radius on first/last buttons in the group. + @if $radius == true { + &:first-child, &:first-child > a, &:first-child > button { @include side-radius($default-float, $button-radius); } + &:last-child, &:last-child > a, &:last-child > button { @include side-radius($opposite-direction, $button-radius); } + } + @else if $radius { + &:first-child, &:first-child > a, &:first-child > button { @include side-radius($default-float, $radius); } + &:last-child, &:last-child > a, &:last-child > button { @include side-radius($opposite-direction, $radius); } + } + + // We use this to make the buttons even width across their container + @if $even { + width: percentage((100/$even) / 100); + .button { width: 100%; } + } + +} + +// Only include these CSS classes if $include-html-classes: true +@if $include-html-button-classes { + + /* Button Groups */ + .button-group { @include button-group-container; + + &> * { @include button-group-style(); } + + &.radius > * { @include button-group-style($radius:$button-radius, $float:null); } + &.round > * { @include button-group-style($radius:$button-round, $float:null); } + + @for $i from 2 through 8 { + &.even#{-$i} li { @include button-group-style($even:$i, $float:null); } + } + } + + .button-bar { + @include clearfix; + .button-group { @include button-group-container($styles:false,$float:true); } + } + +} \ No newline at end of file diff --git a/content/css/zurb-foundation/foundation/components/_buttons.scss b/content/css/zurb-foundation/foundation/components/_buttons.scss new file mode 100644 index 0000000..5dd33b1 --- /dev/null +++ b/content/css/zurb-foundation/foundation/components/_buttons.scss @@ -0,0 +1,219 @@ +// +// Button Variables +// + +// We use these to build padding for buttons. +$button-med: emCalc(12px) !default; +$button-tny: emCalc(7px) !default; +$button-sml: emCalc(9px) !default; +$button-lrg: emCalc(16px) !default; + +// We use this to control the display property. +$button-display: inline-block !default; +$button-margin-bottom: emCalc(20px) !default; + +// We use these to control button text styles. +$button-font-family: inherit !default; +$button-font-color: #fff !default; +$button-font-color-alt: #333 !default; +$button-font-med: emCalc(16px) !default; +$button-font-tny: emCalc(11px) !default; +$button-font-sml: emCalc(13px) !default; +$button-font-lrg: emCalc(20px) !default; +$button-font-weight: bold !default; +$button-font-align: center !default; + +// We use these to control various hover effects. +$button-function-factor: 10% !default; + +// We use these to control button border styles. +$button-border-width: 1px !default; +$button-border-style: solid !default; +$button-border-color: darken($primary-color, $button-function-factor) !default; + +// We use this to set the default radius used throughout the core. +$button-radius: $global-radius !default; +$button-round: $global-rounded !default; + +// We use this to set default opacity for disabled buttons. +$button-disabled-opacity: 0.6 !default; + + +// +// Button Mixins +// + +// We use this mixin to create a default button base. +@mixin button-base($style:true, $display:$button-display) { + @if $style { + border-style: $button-border-style; + border-width: $button-border-width; + cursor: pointer; + font-family: $button-font-family; + font-weight: $button-font-weight; + line-height: 1; + margin: 0 0 $button-margin-bottom; + position: relative; + text-decoration: none; + text-align: $button-font-align; + } + @if $display { display: $display; } +} + +// We use this mixin to add button size styles +@mixin button-size($padding:$button-med, $full-width:false, $is-input:false) { + + // We control which padding styles come through, + // these can be turned off by setting $padding:false + @if $padding { + padding-top: $padding; + padding-#{$opposite-direction}: $padding * 2; + padding-bottom: $padding + emCalc(1px); + padding-#{$default-float}: $padding * 2; + + // We control the font-size based on mixin input. + @if $padding == $button-med { font-size: $button-font-med; } + @else if $padding == $button-tny { font-size: $button-font-tny; } + @else if $padding == $button-sml { font-size: $button-font-sml; } + @else if $padding == $button-lrg { font-size: $button-font-lrg; } + @else { font-size: $padding - emCalc(2px); } + } + + // We can set $full-width:true to remove side padding extend width. + @if $full-width { + padding-top: $padding; + padding-#{$opposite-direction}: 0px; + padding-bottom: $padding + emCalc(1px); + padding-#{$default-float}: 0px; + width: 100%; + } + + // 's and