/* Theme Name: Canalcoffee 2012 Theme URI: http://canalcoffee.com Description: A WordPress theme built with HTML 5 and Fluid CSS, with jQuery. responsive design. Version: 0.1 Author: Canal Coffee Author URI: http://canalcoffee.com/ Tags: fluid, parallax This is a barebones, yet elegantly designed theme written in valid (X)HTML 5 and using the Blueprint CSS framework. It works well on its own and is also an excellent starting point for custom theme development. The theme is suitable for use with a standard WordPress blog, but is also designed for sites that use WordPress as a CMS, with a horizontal navigation bar in the header area, with drop-down menus for secondary navigation. Secondary navigation also appears in a sidebar menu when viewing appropriate primary and secondary pages. Credits and license: Uses the Blueprint CSS framework: http://www.blueprintcss.org/ Design, CSS and HTML are released under LGPL version 3: http://www.gnu.org/licenses/lgpl-3.0-standalone.html Last update: August 20, 2009 */ /* CUSTOM CSS CLASSES */ /* Theme Name: Canalcoffee 2012 Theme URI: http://canalcoffee.com Description: A WordPress theme built with HTML 5 and Fluid CSS, with jQuery. responsive design. Version: 0.1 Author: Scott Anderson Author URI: http://room34.com/ Tags: white, silver, light, two-columns, fixed-width This is a barebones, yet elegantly designed theme written in valid (X)HTML 5 and using the Blueprint CSS framework. It works well on its own and is also an excellent starting point for custom theme development. The theme is suitable for use with a standard WordPress blog, but is also designed for sites that use WordPress as a CMS, with a horizontal navigation bar in the header area, with drop-down menus for secondary navigation. Secondary navigation also appears in a sidebar menu when viewing appropriate primary and secondary pages. Credits and license: Uses the Blueprint CSS framework: http://www.blueprintcss.org/ Design, CSS and HTML are released under LGPL version 3: http://www.gnu.org/licenses/lgpl-3.0-standalone.html Last update: August 20, 2009 */ @import url("css/theme-header.css"); @import url("css/theme-alert.css"); @import url("css/theme-collaborative.css"); @import url("css/theme-tumblr.css"); @import url("css/theme-twitter.css"); @import url("css/theme-widget.css"); @import url("css/theme-wordpress.css"); @import url("css/theme-youtube.css"); @import url("css/theme-facebook.css"); @import url("css/theme-contact.css"); @import url("css/theme-services.css"); @import url("css/style-parallax.css"); @import url("css/style-architecture.css"); @import url("css/style-architecture-800.css"); @import url("css/style-architecture-1024.css"); @import url("css/style-architecture-1280.css"); /* CUSTOM CSS CLASSES */ .left{float:left;text-align:left} .aligncenter{display:block;text-align:center} .right{float:right;text-align:right} .alignjustify{text-align:justify} .shadow{ /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ -moz-box-shadow: 0px 2px 10px 1px #777; -webkit-box-shadow: 0px 2px 10px 1px #777; box-shadow: 0px 2px 10px 1px #777; } .rounded-bottom{ -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; } #seo{ -moz-opacity: 0.10; opacity: 0.10; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } #seo .seo{line-height:4em;} html,body{ position:relative; min-height:100%;height: 100%; max-height: 100%;} body{ font-family:Georgia, "Times New Roman", Times, serif; font-family:Verdana, Geneva, sans-serif; font-family:Arial, Helvetica, sans-serif; } a{color:#222; text-decoration:none;} a:hover{/*color:#FFF;*/} h1,h2,h3{padding:.2em;} #page{height:99.9%; min-height: 99%; position:relative; display:inline-block; width:100%;} .home-parallax{ height:99%!important; width:99%!important; /*border:1px solid #000;*/ overflow:hidden; position:relative; margin:0 auto; z-index:0;} .parallax-layer { position: absolute; } #Alert{ } #background1,#background2,#background3,#background4{ position:absolute;z-index:0;width:100%;} #foreground-home{ position: relative; z-index:5; } #foreground-home.parallax-layer{height:200%; width:200%;} #content h1,#content h3{font-family: 'Lobster', cursive!important;/*font-weight:200*/} #content h2{font-family: 'Advent Pro', sans-serif;font-weight:200;} .stc_widget{padding:.2em .6em;} #pinterest{background-color:#CB2027; color:#FFF;} #lastworks{background-color:#C2C2C2; color:#222;} #lastworks h2{font-size:1.5em; border-bottom:0 none;border-top:1px solid #222;padding:0 .5em;color:#FFF;} #lastworks h3{margin-bottom:.5em;color:#FFF;} #lastworks .inner{ padding:.3em} #lastworks .inner a{ color:#222} #blogroll{background-color:#CB2027; color:#FFF;} #nav_menu-3{ float:right; width:25%;} .btn { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #CCCCCC #CCCCCC #B3B3B3; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 13px; line-height: 18px; margin-bottom: 0; padding: 4px 10px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #E6E6E6; } .btn:active, .btn.active { } .btn:first-child { } .btn:hover { -moz-transition: background-position 0.1s linear 0s; background-color: #E6E6E6; background-position: 0 -15px; color: #333333; text-decoration: none; } .btn:focus { outline: thin dotted #333333; outline-offset: -2px; } .btn.active, .btn:active { background-color: #E6E6E6; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0 none; } .btn.disabled, .btn[disabled] { background-color: #E6E6E6; background-image: none; box-shadow: none; cursor: default; opacity: 0.65; }