├── .gitignore ├── css ├── mobile.min.css ├── mobile.css ├── 720.min.css ├── 960.min.css ├── 1200.min.css ├── 1560.min.css ├── 2520.min.css ├── 720.css ├── 960.css ├── 1200.css ├── 1560.css ├── 1920.css ├── 1920.min.css ├── 2520.css └── bootstrap.css ├── README.md └── js ├── adapt.min.js ├── bootstrap-dropdown.js ├── bootstrap-tabs.js ├── bootstrap-popover.js ├── bootstrap-alerts.js ├── bootstrap-scrollspy.js ├── adapt.js ├── bootstrap-modal.js └── bootstrap-twipsy.js /.gitignore: -------------------------------------------------------------------------------- 1 | *.html 2 | /**/*/*.html 3 | .DS_Store -------------------------------------------------------------------------------- /css/mobile.min.css: -------------------------------------------------------------------------------- 1 | .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This is a pet library to have a personalized bootstrap to use when working in my apps. 2 | 3 | It contains: 4 | 5 | * [Twitter bootstrap](https://github.com/twitter/bootstrap), but does not contain the CSS Grid styles. 6 | * [Nathan Smith's Adapt.js/Adaptive CSS](https://github.com/nathansmith/adapt). -------------------------------------------------------------------------------- /css/mobile.css: -------------------------------------------------------------------------------- 1 | .grid_1, 2 | .grid_2, 3 | .grid_3, 4 | .grid_4, 5 | .grid_5, 6 | .grid_6, 7 | .grid_7, 8 | .grid_8, 9 | .grid_9, 10 | .grid_10, 11 | .grid_11, 12 | .grid_12 { 13 | margin-left: 10px; 14 | margin-right: 10px; 15 | } 16 | 17 | .alpha, 18 | .omega { 19 | margin-left: 0; 20 | margin-right: 0; 21 | } 22 | 23 | .align_center, 24 | .align_right { 25 | text-align: left; 26 | } -------------------------------------------------------------------------------- /js/adapt.min.js: -------------------------------------------------------------------------------- 1 | (function(a,b,c,d){function e(){clearTimeout(i);for(var c=a.innerWidth||b.documentElement.clientWidth||b.body.clientWidth||0,e,f,o,p,q=m,u=m-1;q--;){e=l[q].split("="),f=e[0],p=e[1]?e[1].replace(/\s/g,""):q,e=(o=f.match("to"))?parseInt(f.split("to")[0],10):parseInt(f,10),f=o?parseInt(f.split("to")[1],10):d;if(!f&&q===u&&c>e||c>e&&c<=f){g=k+p;break}g=""}h?h!==g&&(h=n.href=g,j&&j(q,c)):(h=n.href=g,j&&j(q,c),k&&(b.head||b.getElementsByTagName("head")[0]).appendChild(n))}function f(){clearTimeout(i),i=setTimeout(e,100)}if(c){var g,h,i,j=typeof c.callback=="function"?c.callback:d,k=c.path?c.path:"",l=c.range,m=l.length,n=b.createElement("link");n.rel="stylesheet",e(),c.dynamic&&(a.addEventListener?a.addEventListener("resize",f,!1):a.attachEvent?a.attachEvent("onresize",f):a.onresize=f)}})(this,this.document,ADAPT_CONFIG) -------------------------------------------------------------------------------- /js/bootstrap-dropdown.js: -------------------------------------------------------------------------------- 1 | /* ============================================================ 2 | * bootstrap-dropdown.js v1.3.0 3 | * http://twitter.github.com/bootstrap/javascript.html#dropdown 4 | * ============================================================ 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | (function( $ ){ 22 | 23 | var d = 'a.menu, .dropdown-toggle' 24 | 25 | function clearMenus() { 26 | $(d).parent('li').removeClass('open') 27 | } 28 | 29 | $(function () { 30 | $('html').bind("click", clearMenus) 31 | $('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' ) 32 | }) 33 | 34 | /* DROPDOWN PLUGIN DEFINITION 35 | * ========================== */ 36 | 37 | $.fn.dropdown = function ( selector ) { 38 | return this.each(function () { 39 | $(this).delegate(selector || d, 'click', function (e) { 40 | var li = $(this).parent('li') 41 | , isActive = li.hasClass('open') 42 | 43 | clearMenus() 44 | !isActive && li.toggleClass('open') 45 | return false 46 | }) 47 | }) 48 | } 49 | 50 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /js/bootstrap-tabs.js: -------------------------------------------------------------------------------- 1 | /* ======================================================== 2 | * bootstrap-tabs.js v1.3.0 3 | * http://twitter.github.com/bootstrap/javascript.html#tabs 4 | * ======================================================== 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ======================================================== */ 19 | 20 | 21 | (function( $ ){ 22 | 23 | function activate ( element, container ) { 24 | container.find('.active').removeClass('active') 25 | element.addClass('active') 26 | } 27 | 28 | function tab( e ) { 29 | var $this = $(this) 30 | , href = $this.attr('href') 31 | , $ul = $(e.liveFired) 32 | , $controlled 33 | 34 | if (/^#\w+/.test(href)) { 35 | e.preventDefault() 36 | 37 | if ($this.hasClass('active')) { 38 | return 39 | } 40 | 41 | $href = $(href) 42 | 43 | activate($this.parent('li'), $ul) 44 | activate($href, $href.parent()) 45 | } 46 | } 47 | 48 | 49 | /* TABS/PILLS PLUGIN DEFINITION 50 | * ============================ */ 51 | 52 | $.fn.tabs = $.fn.pills = function ( selector ) { 53 | return this.each(function () { 54 | $(this).delegate(selector || '.tabs li > a, .pills > li > a', 'click', tab) 55 | }) 56 | } 57 | 58 | $(document).ready(function () { 59 | $('body').tabs('ul[data-tabs] li > a, ul[data-pills] > li > a') 60 | }) 61 | 62 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /js/bootstrap-popover.js: -------------------------------------------------------------------------------- 1 | /* =========================================================== 2 | * bootstrap-popover.js v1.3.0 3 | * http://twitter.github.com/bootstrap/javascript.html#popover 4 | * =========================================================== 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * =========================================================== */ 19 | 20 | 21 | (function( $ ) { 22 | 23 | var Popover = function ( element, options ) { 24 | this.$element = $(element) 25 | this.options = options 26 | this.enabled = true 27 | this.fixTitle() 28 | } 29 | 30 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TWIPSY.js 31 | ========================================= */ 32 | 33 | Popover.prototype = $.extend({}, $.fn.twipsy.Twipsy.prototype, { 34 | 35 | setContent: function () { 36 | var $tip = this.tip() 37 | $tip.find('.title')[this.options.html ? 'html' : 'text'](this.getTitle()) 38 | $tip.find('.content p')[this.options.html ? 'html' : 'text'](this.getContent()) 39 | $tip[0].className = 'popover' 40 | } 41 | 42 | , getContent: function () { 43 | var contentvar 44 | , $e = this.$element 45 | , o = this.options 46 | 47 | if (typeof this.options.content == 'string') { 48 | content = $e.attr(o.content) 49 | } else if (typeof this.options.content == 'function') { 50 | content = this.options.content.call(this.$element[0]) 51 | } 52 | return content 53 | } 54 | 55 | , tip: function() { 56 | if (!this.$tip) { 57 | this.$tip = $('
') 58 | .html('

') 59 | } 60 | return this.$tip 61 | } 62 | 63 | }) 64 | 65 | 66 | /* POPOVER PLUGIN DEFINITION 67 | * ======================= */ 68 | 69 | $.fn.popover = function (options) { 70 | if (typeof options == 'object') options = $.extend({}, $.fn.popover.defaults, options) 71 | $.fn.twipsy.initWith.call(this, options, Popover, 'popover') 72 | return this 73 | } 74 | 75 | $.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, { content: 'data-content', placement: 'right'}) 76 | 77 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /css/720.min.css: -------------------------------------------------------------------------------- 1 | body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} -------------------------------------------------------------------------------- /css/960.min.css: -------------------------------------------------------------------------------- 1 | body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} -------------------------------------------------------------------------------- /css/1200.min.css: -------------------------------------------------------------------------------- 1 | body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} -------------------------------------------------------------------------------- /css/1560.min.css: -------------------------------------------------------------------------------- 1 | body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} -------------------------------------------------------------------------------- /css/2520.min.css: -------------------------------------------------------------------------------- 1 | body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} -------------------------------------------------------------------------------- /js/bootstrap-alerts.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-alerts.js v1.3.0 3 | * http://twitter.github.com/bootstrap/javascript.html#alerts 4 | * ========================================================== 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================== */ 19 | 20 | 21 | (function( $ ){ 22 | 23 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 24 | * ======================================================= */ 25 | 26 | var transitionEnd 27 | 28 | $(document).ready(function () { 29 | 30 | $.support.transition = (function () { 31 | var thisBody = document.body || document.documentElement 32 | , thisStyle = thisBody.style 33 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 34 | return support 35 | })() 36 | 37 | // set CSS transition event type 38 | if ( $.support.transition ) { 39 | transitionEnd = "TransitionEnd" 40 | if ( $.browser.webkit ) { 41 | transitionEnd = "webkitTransitionEnd" 42 | } else if ( $.browser.mozilla ) { 43 | transitionEnd = "transitionend" 44 | } else if ( $.browser.opera ) { 45 | transitionEnd = "oTransitionEnd" 46 | } 47 | } 48 | 49 | }) 50 | 51 | /* ALERT CLASS DEFINITION 52 | * ====================== */ 53 | 54 | var Alert = function ( content, selector ) { 55 | this.$element = $(content) 56 | .delegate(selector || '.close', 'click', this.close) 57 | } 58 | 59 | Alert.prototype = { 60 | 61 | close: function (e) { 62 | var $element = $(this).parent('.alert-message') 63 | 64 | e && e.preventDefault() 65 | $element.removeClass('in') 66 | 67 | function removeElement () { 68 | $element.remove() 69 | } 70 | 71 | $.support.transition && $element.hasClass('fade') ? 72 | $element.bind(transitionEnd, removeElement) : 73 | removeElement() 74 | } 75 | 76 | } 77 | 78 | 79 | /* ALERT PLUGIN DEFINITION 80 | * ======================= */ 81 | 82 | $.fn.alert = function ( options ) { 83 | 84 | if ( options === true ) { 85 | return this.data('alert') 86 | } 87 | 88 | return this.each(function () { 89 | var $this = $(this) 90 | 91 | if ( typeof options == 'string' ) { 92 | return $this.data('alert')[options]() 93 | } 94 | 95 | $(this).data('alert', new Alert( this )) 96 | 97 | }) 98 | } 99 | 100 | $(document).ready(function () { 101 | new Alert($('body'), '.alert-message[data-alert] .close') 102 | }) 103 | 104 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /js/bootstrap-scrollspy.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-scrollspy.js v1.3.0 3 | * http://twitter.github.com/bootstrap/javascript.html#scrollspy 4 | * ============================================================= 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================== */ 19 | 20 | 21 | !function ( $ ) { 22 | 23 | var $window = $(window) 24 | 25 | function ScrollSpy( topbar, selector ) { 26 | var processScroll = $.proxy(this.processScroll, this) 27 | this.$topbar = $(topbar) 28 | this.selector = selector || 'li > a' 29 | this.refresh() 30 | this.$topbar.delegate(this.selector, 'click', processScroll) 31 | $window.scroll(processScroll) 32 | this.processScroll() 33 | } 34 | 35 | ScrollSpy.prototype = { 36 | 37 | refresh: function () { 38 | this.targets = this.$topbar.find(this.selector).map(function () { 39 | var href = $(this).attr('href') 40 | return /^#\w/.test(href) && $(href).length ? href : null 41 | }) 42 | 43 | this.offsets = $.map(this.targets, function (id) { 44 | return $(id).offset().top 45 | }) 46 | } 47 | 48 | , processScroll: function () { 49 | var scrollTop = $window.scrollTop() + 10 50 | , offsets = this.offsets 51 | , targets = this.targets 52 | , activeTarget = this.activeTarget 53 | , i 54 | 55 | for (i = offsets.length; i--;) { 56 | activeTarget != targets[i] 57 | && scrollTop >= offsets[i] 58 | && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) 59 | && this.activateButton( targets[i] ) 60 | } 61 | } 62 | 63 | , activateButton: function (target) { 64 | this.activeTarget = target 65 | 66 | this.$topbar 67 | .find(this.selector).parent('.active') 68 | .removeClass('active') 69 | 70 | this.$topbar 71 | .find(this.selector + '[href="' + target + '"]') 72 | .parent('li') 73 | .addClass('active') 74 | } 75 | 76 | } 77 | 78 | /* SCROLLSPY PLUGIN DEFINITION 79 | * =========================== */ 80 | 81 | $.fn.scrollSpy = function( options ) { 82 | var scrollspy = this.data('scrollspy') 83 | 84 | if (!scrollspy) { 85 | return this.each(function () { 86 | $(this).data('scrollspy', new ScrollSpy( this, options )) 87 | }) 88 | } 89 | 90 | if ( options === true ) { 91 | return scrollspy 92 | } 93 | 94 | if ( typeof options == 'string' ) { 95 | scrollspy[options]() 96 | } 97 | 98 | return this 99 | } 100 | 101 | $(document).ready(function () { 102 | $('body').scrollSpy('[data-scrollspy] li > a') 103 | }) 104 | 105 | }( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /js/adapt.js: -------------------------------------------------------------------------------- 1 | /* 2 | Adapt.js licensed under GPL and MIT. 3 | 4 | Read more here: http://adapt.960.gs 5 | */ 6 | 7 | // Closure. 8 | (function(w, d, config, undefined) { 9 | // If no config, exit. 10 | if (!config) { 11 | return; 12 | } 13 | 14 | // Empty vars to use later. 15 | var url, url_old, timer; 16 | 17 | // Alias config values. 18 | var callback = typeof config.callback === 'function' ? config.callback : undefined; 19 | var path = config.path ? config.path : ''; 20 | var range = config.range; 21 | var range_len = range.length; 22 | 23 | // Create empty link tag: 24 | // 25 | var css = d.createElement('link'); 26 | css.rel = 'stylesheet'; 27 | 28 | // Called from within adapt(). 29 | function change(i, width) { 30 | // Set the URL. 31 | css.href = url; 32 | url_old = url; 33 | 34 | // Call callback, if defined. 35 | callback && callback(i, width); 36 | } 37 | 38 | // Adapt to width. 39 | function adapt() { 40 | // This clearTimeout is for IE. 41 | // Really it belongs in react(), 42 | // but doesn't do any harm here. 43 | clearTimeout(timer); 44 | 45 | // Parse browser width. 46 | var width = w.innerWidth || d.documentElement.clientWidth || d.body.clientWidth || 0; 47 | 48 | // While loop vars. 49 | var arr, arr_0, val_1, val_2, is_range, file; 50 | 51 | // How many ranges? 52 | var i = range_len; 53 | var last = range_len - 1; 54 | 55 | while (i--) { 56 | // Turn string into array. 57 | arr = range[i].split('='); 58 | 59 | // Width is to the left of "=". 60 | arr_0 = arr[0]; 61 | 62 | // File name is to the right of "=". 63 | // Presuppoes a file with no spaces. 64 | // If no file specified, assign [i]. 65 | file = arr[1] ? arr[1].replace(/\s/g, '') : i; 66 | 67 | // Assume min/max if "to" isn't present. 68 | is_range = arr_0.match('to'); 69 | 70 | // If it's a range, split left/right sides of "to", 71 | // and then convert each one into numerical values. 72 | // If it's not a range, turn maximum into a number. 73 | val_1 = is_range ? parseInt(arr_0.split('to')[0], 10) : parseInt(arr_0, 10); 74 | val_2 = is_range ? parseInt(arr_0.split('to')[1], 10) : undefined; 75 | 76 | // Check for maxiumum or range. 77 | if ((!val_2 && i === last && width > val_1) || (width > val_1 && width <= val_2)) { 78 | // Built full URL to CSS file. 79 | url = path + file; 80 | break; 81 | } 82 | else { 83 | // Blank if no conditions met. 84 | url = ''; 85 | } 86 | } 87 | 88 | // Was it created yet? 89 | if (!url_old) { 90 | // Apply changes. 91 | change(i, width); 92 | 93 | // Add the CSS, only if path is defined. 94 | // Use faster document.head if possible. 95 | path && (d.head || d.getElementsByTagName('head')[0]).appendChild(css); 96 | } 97 | else if (url_old !== url) { 98 | // Apply changes. 99 | change(i, width); 100 | } 101 | } 102 | 103 | // Fire off once. 104 | adapt(); 105 | 106 | // Slight delay. 107 | function react() { 108 | // Clear the timer as window resize fires, 109 | // so that it only calls adapt() when the 110 | // user has finished resizing the window. 111 | clearTimeout(timer); 112 | timer = setTimeout(adapt, 100); 113 | } 114 | 115 | // Do we want to watch for 116 | // resize and device tilt? 117 | if (config.dynamic) { 118 | // Event listener for window resize, 119 | // also triggered by phone rotation. 120 | if (w.addEventListener) { 121 | // Good browsers. 122 | w.addEventListener('resize', react, false); 123 | } 124 | else if (w.attachEvent) { 125 | // Legacy IE support. 126 | w.attachEvent('onresize', react); 127 | } 128 | else { 129 | // Old-school fallback. 130 | w.onresize = react; 131 | } 132 | } 133 | 134 | // Pass in window, document, config, undefined. 135 | })(this, this.document, ADAPT_CONFIG); -------------------------------------------------------------------------------- /js/bootstrap-modal.js: -------------------------------------------------------------------------------- 1 | /* ========================================================= 2 | * bootstrap-modal.js v1.3.0 3 | * http://twitter.github.com/bootstrap/javascript.html#modal 4 | * ========================================================= 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================= */ 19 | 20 | 21 | (function( $ ){ 22 | 23 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 24 | * ======================================================= */ 25 | 26 | var transitionEnd 27 | 28 | $(document).ready(function () { 29 | 30 | $.support.transition = (function () { 31 | var thisBody = document.body || document.documentElement 32 | , thisStyle = thisBody.style 33 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 34 | return support 35 | })() 36 | 37 | // set CSS transition event type 38 | if ( $.support.transition ) { 39 | transitionEnd = "TransitionEnd" 40 | if ( $.browser.webkit ) { 41 | transitionEnd = "webkitTransitionEnd" 42 | } else if ( $.browser.mozilla ) { 43 | transitionEnd = "transitionend" 44 | } else if ( $.browser.opera ) { 45 | transitionEnd = "oTransitionEnd" 46 | } 47 | } 48 | 49 | }) 50 | 51 | 52 | /* MODAL PUBLIC CLASS DEFINITION 53 | * ============================= */ 54 | 55 | var Modal = function ( content, options ) { 56 | this.settings = $.extend({}, $.fn.modal.defaults) 57 | this.$element = $(content) 58 | .delegate('.close', 'click.modal', $.proxy(this.hide, this)) 59 | 60 | if ( options ) { 61 | $.extend( this.settings, options ) 62 | 63 | if ( options.show ) { 64 | this.show() 65 | } 66 | } 67 | 68 | return this 69 | } 70 | 71 | Modal.prototype = { 72 | 73 | toggle: function () { 74 | return this[!this.isShown ? 'show' : 'hide']() 75 | } 76 | 77 | , show: function () { 78 | var that = this 79 | this.isShown = true 80 | this.$element.trigger('show') 81 | 82 | escape.call(this) 83 | backdrop.call(this, function () { 84 | that.$element 85 | .appendTo(document.body) 86 | .show() 87 | 88 | setTimeout(function () { 89 | that.$element 90 | .addClass('in') 91 | .trigger('shown') 92 | }, 1) 93 | }) 94 | 95 | return this 96 | } 97 | 98 | , hide: function (e) { 99 | e && e.preventDefault() 100 | 101 | var that = this 102 | this.isShown = false 103 | 104 | escape.call(this) 105 | 106 | this.$element 107 | .trigger('hide') 108 | .removeClass('in') 109 | 110 | function removeElement () { 111 | that.$element 112 | .hide() 113 | .trigger('hidden') 114 | 115 | backdrop.call(that) 116 | } 117 | 118 | $.support.transition && this.$element.hasClass('fade') ? 119 | this.$element.one(transitionEnd, removeElement) : 120 | removeElement() 121 | 122 | return this 123 | } 124 | 125 | } 126 | 127 | 128 | /* MODAL PRIVATE METHODS 129 | * ===================== */ 130 | 131 | function backdrop ( callback ) { 132 | var that = this 133 | , animate = this.$element.hasClass('fade') ? 'fade' : '' 134 | if ( this.isShown && this.settings.backdrop ) { 135 | this.$backdrop = $('
') 136 | .click($.proxy(this.hide, this)) 137 | .appendTo(document.body) 138 | 139 | setTimeout(function () { 140 | that.$backdrop && that.$backdrop.addClass('in') 141 | $.support.transition && that.$backdrop.hasClass('fade') ? 142 | that.$backdrop.one(transitionEnd, callback) : 143 | callback() 144 | }) 145 | } else if ( !this.isShown && this.$backdrop ) { 146 | this.$backdrop.removeClass('in') 147 | 148 | function removeElement() { 149 | that.$backdrop.remove() 150 | that.$backdrop = null 151 | } 152 | 153 | $.support.transition && this.$element.hasClass('fade')? 154 | this.$backdrop.one(transitionEnd, removeElement) : 155 | removeElement() 156 | } else if ( callback ) { 157 | callback() 158 | } 159 | } 160 | 161 | function escape() { 162 | var that = this 163 | if ( this.isShown && this.settings.keyboard ) { 164 | $('body').bind('keyup.modal', function ( e ) { 165 | if ( e.which == 27 ) { 166 | that.hide() 167 | } 168 | }) 169 | } else if ( !this.isShown ) { 170 | $('body').unbind('keyup.modal') 171 | } 172 | } 173 | 174 | 175 | /* MODAL PLUGIN DEFINITION 176 | * ======================= */ 177 | 178 | $.fn.modal = function ( options ) { 179 | var modal = this.data('modal') 180 | 181 | if (!modal) { 182 | 183 | if (typeof options == 'string') { 184 | options = { 185 | show: /show|toggle/.test(options) 186 | } 187 | } 188 | 189 | return this.each(function () { 190 | $(this).data('modal', new Modal(this, options)) 191 | }) 192 | } 193 | 194 | if ( options === true ) { 195 | return modal 196 | } 197 | 198 | if ( typeof options == 'string' ) { 199 | modal[options]() 200 | } else if ( modal ) { 201 | modal.toggle() 202 | } 203 | 204 | return this 205 | } 206 | 207 | $.fn.modal.Modal = Modal 208 | 209 | $.fn.modal.defaults = { 210 | backdrop: false 211 | , keyboard: false 212 | , show: true 213 | } 214 | 215 | 216 | /* MODAL DATA- IMPLEMENTATION 217 | * ========================== */ 218 | 219 | $(document).ready(function () { 220 | $('body').delegate('[data-controls-modal]', 'click', function (e) { 221 | e.preventDefault() 222 | var $this = $(this).data('show', true) 223 | $('#' + $this.attr('data-controls-modal')).modal( $this.data() ) 224 | }) 225 | }) 226 | 227 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /css/720.css: -------------------------------------------------------------------------------- 1 | /* 2 | 960 Grid System ~ Core CSS. 3 | Learn more ~ http://960.gs/ 4 | 5 | Licensed under GPL and MIT. 6 | */ 7 | 8 | /* 9 | Forces backgrounds to span full width, 10 | even if there is horizontal scrolling. 11 | Increase this if your layout is wider. 12 | 13 | Note: IE6 works fine without this fix. 14 | */ 15 | 16 | body { 17 | min-width: 720px; 18 | } 19 | 20 | /* `Containers 21 | ----------------------------------------------------------------------------------------------------*/ 22 | 23 | .container_12 { 24 | margin-left: auto; 25 | margin-right: auto; 26 | width: 720px; 27 | } 28 | 29 | /* `Grid >> Global 30 | ----------------------------------------------------------------------------------------------------*/ 31 | 32 | .grid_1, 33 | .grid_2, 34 | .grid_3, 35 | .grid_4, 36 | .grid_5, 37 | .grid_6, 38 | .grid_7, 39 | .grid_8, 40 | .grid_9, 41 | .grid_10, 42 | .grid_11, 43 | .grid_12 { 44 | display: inline; 45 | float: left; 46 | margin-left: 10px; 47 | margin-right: 10px; 48 | } 49 | 50 | .push_1, .pull_1, 51 | .push_2, .pull_2, 52 | .push_3, .pull_3, 53 | .push_4, .pull_4, 54 | .push_5, .pull_5, 55 | .push_6, .pull_6, 56 | .push_7, .pull_7, 57 | .push_8, .pull_8, 58 | .push_9, .pull_9, 59 | .push_10, .pull_10, 60 | .push_11, .pull_11 { 61 | position: relative; 62 | } 63 | 64 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last) 65 | ----------------------------------------------------------------------------------------------------*/ 66 | 67 | .alpha { 68 | margin-left: 0; 69 | } 70 | 71 | .omega { 72 | margin-right: 0; 73 | } 74 | 75 | /* `Grid >> 12 Columns 76 | ----------------------------------------------------------------------------------------------------*/ 77 | 78 | .container_12 .grid_1 { 79 | width: 40px; 80 | } 81 | 82 | .container_12 .grid_2 { 83 | width: 100px; 84 | } 85 | 86 | .container_12 .grid_3 { 87 | width: 160px; 88 | } 89 | 90 | .container_12 .grid_4 { 91 | width: 220px; 92 | } 93 | 94 | .container_12 .grid_5 { 95 | width: 280px; 96 | } 97 | 98 | .container_12 .grid_6 { 99 | width: 340px; 100 | } 101 | 102 | .container_12 .grid_7 { 103 | width: 400px; 104 | } 105 | 106 | .container_12 .grid_8 { 107 | width: 460px; 108 | } 109 | 110 | .container_12 .grid_9 { 111 | width: 520px; 112 | } 113 | 114 | .container_12 .grid_10 { 115 | width: 580px; 116 | } 117 | 118 | .container_12 .grid_11 { 119 | width: 640px; 120 | } 121 | 122 | .container_12 .grid_12 { 123 | width: 700px; 124 | } 125 | 126 | /* `Prefix Extra Space >> 12 Columns 127 | ----------------------------------------------------------------------------------------------------*/ 128 | 129 | .container_12 .prefix_1 { 130 | padding-left: 60px; 131 | } 132 | 133 | .container_12 .prefix_2 { 134 | padding-left: 120px; 135 | } 136 | 137 | .container_12 .prefix_3 { 138 | padding-left: 180px; 139 | } 140 | 141 | .container_12 .prefix_4 { 142 | padding-left: 240px; 143 | } 144 | 145 | .container_12 .prefix_5 { 146 | padding-left: 300px; 147 | } 148 | 149 | .container_12 .prefix_6 { 150 | padding-left: 360px; 151 | } 152 | 153 | .container_12 .prefix_7 { 154 | padding-left: 420px; 155 | } 156 | 157 | .container_12 .prefix_8 { 158 | padding-left: 480px; 159 | } 160 | 161 | .container_12 .prefix_9 { 162 | padding-left: 540px; 163 | } 164 | 165 | .container_12 .prefix_10 { 166 | padding-left: 600px; 167 | } 168 | 169 | .container_12 .prefix_11 { 170 | padding-left: 660px; 171 | } 172 | 173 | /* `Suffix Extra Space >> 12 Columns 174 | ----------------------------------------------------------------------------------------------------*/ 175 | 176 | .container_12 .suffix_1 { 177 | padding-right: 60px; 178 | } 179 | 180 | .container_12 .suffix_2 { 181 | padding-right: 120px; 182 | } 183 | 184 | .container_12 .suffix_3 { 185 | padding-right: 180px; 186 | } 187 | 188 | .container_12 .suffix_4 { 189 | padding-right: 240px; 190 | } 191 | 192 | .container_12 .suffix_5 { 193 | padding-right: 300px; 194 | } 195 | 196 | .container_12 .suffix_6 { 197 | padding-right: 360px; 198 | } 199 | 200 | .container_12 .suffix_7 { 201 | padding-right: 420px; 202 | } 203 | 204 | .container_12 .suffix_8 { 205 | padding-right: 480px; 206 | } 207 | 208 | .container_12 .suffix_9 { 209 | padding-right: 540px; 210 | } 211 | 212 | .container_12 .suffix_10 { 213 | padding-right: 600px; 214 | } 215 | 216 | .container_12 .suffix_11 { 217 | padding-right: 660px; 218 | } 219 | 220 | /* `Push Space >> 12 Columns 221 | ----------------------------------------------------------------------------------------------------*/ 222 | 223 | .container_12 .push_1 { 224 | left: 60px; 225 | } 226 | 227 | .container_12 .push_2 { 228 | left: 120px; 229 | } 230 | 231 | .container_12 .push_3 { 232 | left: 180px; 233 | } 234 | 235 | .container_12 .push_4 { 236 | left: 240px; 237 | } 238 | 239 | .container_12 .push_5 { 240 | left: 300px; 241 | } 242 | 243 | .container_12 .push_6 { 244 | left: 360px; 245 | } 246 | 247 | .container_12 .push_7 { 248 | left: 420px; 249 | } 250 | 251 | .container_12 .push_8 { 252 | left: 480px; 253 | } 254 | 255 | .container_12 .push_9 { 256 | left: 540px; 257 | } 258 | 259 | .container_12 .push_10 { 260 | left: 600px; 261 | } 262 | 263 | .container_12 .push_11 { 264 | left: 660px; 265 | } 266 | 267 | /* `Pull Space >> 12 Columns 268 | ----------------------------------------------------------------------------------------------------*/ 269 | 270 | .container_12 .pull_1 { 271 | left: -60px; 272 | } 273 | 274 | .container_12 .pull_2 { 275 | left: -120px; 276 | } 277 | 278 | .container_12 .pull_3 { 279 | left: -180px; 280 | } 281 | 282 | .container_12 .pull_4 { 283 | left: -240px; 284 | } 285 | 286 | .container_12 .pull_5 { 287 | left: -300px; 288 | } 289 | 290 | .container_12 .pull_6 { 291 | left: -360px; 292 | } 293 | 294 | .container_12 .pull_7 { 295 | left: -420px; 296 | } 297 | 298 | .container_12 .pull_8 { 299 | left: -480px; 300 | } 301 | 302 | .container_12 .pull_9 { 303 | left: -540px; 304 | } 305 | 306 | .container_12 .pull_10 { 307 | left: -600px; 308 | } 309 | 310 | .container_12 .pull_11 { 311 | left: -660px; 312 | } 313 | 314 | /* `Clear Floated Elements 315 | ----------------------------------------------------------------------------------------------------*/ 316 | 317 | /* http://sonspring.com/journal/clearing-floats */ 318 | 319 | .clear { 320 | clear: both; 321 | display: block; 322 | overflow: hidden; 323 | visibility: hidden; 324 | width: 0; 325 | height: 0; 326 | } 327 | 328 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ 329 | 330 | .clearfix:before, 331 | .clearfix:after, 332 | .container_12:before, 333 | .container_12:after { 334 | content: '.'; 335 | display: block; 336 | overflow: hidden; 337 | visibility: hidden; 338 | font-size: 0; 339 | line-height: 0; 340 | width: 0; 341 | height: 0; 342 | } 343 | 344 | .clearfix:after, 345 | .container_12:after { 346 | clear: both; 347 | } 348 | 349 | /* 350 | The following zoom:1 rule is specifically for IE6 + IE7. 351 | Move to separate stylesheet if invalid CSS is a problem. 352 | */ 353 | 354 | .clearfix, 355 | .container_12 { 356 | zoom: 1; 357 | } -------------------------------------------------------------------------------- /css/960.css: -------------------------------------------------------------------------------- 1 | /* 2 | 960 Grid System ~ Core CSS. 3 | Learn more ~ http://960.gs/ 4 | 5 | Licensed under GPL and MIT. 6 | */ 7 | 8 | /* 9 | Forces backgrounds to span full width, 10 | even if there is horizontal scrolling. 11 | Increase this if your layout is wider. 12 | 13 | Note: IE6 works fine without this fix. 14 | */ 15 | 16 | body { 17 | min-width: 960px; 18 | } 19 | 20 | /* `Containers 21 | ----------------------------------------------------------------------------------------------------*/ 22 | 23 | .container_12 { 24 | margin-left: auto; 25 | margin-right: auto; 26 | width: 960px; 27 | } 28 | 29 | /* `Grid >> Global 30 | ----------------------------------------------------------------------------------------------------*/ 31 | 32 | .grid_1, 33 | .grid_2, 34 | .grid_3, 35 | .grid_4, 36 | .grid_5, 37 | .grid_6, 38 | .grid_7, 39 | .grid_8, 40 | .grid_9, 41 | .grid_10, 42 | .grid_11, 43 | .grid_12 { 44 | display: inline; 45 | float: left; 46 | margin-left: 10px; 47 | margin-right: 10px; 48 | } 49 | 50 | .push_1, .pull_1, 51 | .push_2, .pull_2, 52 | .push_3, .pull_3, 53 | .push_4, .pull_4, 54 | .push_5, .pull_5, 55 | .push_6, .pull_6, 56 | .push_7, .pull_7, 57 | .push_8, .pull_8, 58 | .push_9, .pull_9, 59 | .push_10, .pull_10, 60 | .push_11, .pull_11 { 61 | position: relative; 62 | } 63 | 64 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last) 65 | ----------------------------------------------------------------------------------------------------*/ 66 | 67 | .alpha { 68 | margin-left: 0; 69 | } 70 | 71 | .omega { 72 | margin-right: 0; 73 | } 74 | 75 | /* `Grid >> 12 Columns 76 | ----------------------------------------------------------------------------------------------------*/ 77 | 78 | .container_12 .grid_1 { 79 | width: 60px; 80 | } 81 | 82 | .container_12 .grid_2 { 83 | width: 140px; 84 | } 85 | 86 | .container_12 .grid_3 { 87 | width: 220px; 88 | } 89 | 90 | .container_12 .grid_4 { 91 | width: 300px; 92 | } 93 | 94 | .container_12 .grid_5 { 95 | width: 380px; 96 | } 97 | 98 | .container_12 .grid_6 { 99 | width: 460px; 100 | } 101 | 102 | .container_12 .grid_7 { 103 | width: 540px; 104 | } 105 | 106 | .container_12 .grid_8 { 107 | width: 620px; 108 | } 109 | 110 | .container_12 .grid_9 { 111 | width: 700px; 112 | } 113 | 114 | .container_12 .grid_10 { 115 | width: 780px; 116 | } 117 | 118 | .container_12 .grid_11 { 119 | width: 860px; 120 | } 121 | 122 | .container_12 .grid_12 { 123 | width: 940px; 124 | } 125 | 126 | /* `Prefix Extra Space >> 12 Columns 127 | ----------------------------------------------------------------------------------------------------*/ 128 | 129 | .container_12 .prefix_1 { 130 | padding-left: 80px; 131 | } 132 | 133 | .container_12 .prefix_2 { 134 | padding-left: 160px; 135 | } 136 | 137 | .container_12 .prefix_3 { 138 | padding-left: 240px; 139 | } 140 | 141 | .container_12 .prefix_4 { 142 | padding-left: 320px; 143 | } 144 | 145 | .container_12 .prefix_5 { 146 | padding-left: 400px; 147 | } 148 | 149 | .container_12 .prefix_6 { 150 | padding-left: 480px; 151 | } 152 | 153 | .container_12 .prefix_7 { 154 | padding-left: 560px; 155 | } 156 | 157 | .container_12 .prefix_8 { 158 | padding-left: 640px; 159 | } 160 | 161 | .container_12 .prefix_9 { 162 | padding-left: 720px; 163 | } 164 | 165 | .container_12 .prefix_10 { 166 | padding-left: 800px; 167 | } 168 | 169 | .container_12 .prefix_11 { 170 | padding-left: 880px; 171 | } 172 | 173 | /* `Suffix Extra Space >> 12 Columns 174 | ----------------------------------------------------------------------------------------------------*/ 175 | 176 | .container_12 .suffix_1 { 177 | padding-right: 80px; 178 | } 179 | 180 | .container_12 .suffix_2 { 181 | padding-right: 160px; 182 | } 183 | 184 | .container_12 .suffix_3 { 185 | padding-right: 240px; 186 | } 187 | 188 | .container_12 .suffix_4 { 189 | padding-right: 320px; 190 | } 191 | 192 | .container_12 .suffix_5 { 193 | padding-right: 400px; 194 | } 195 | 196 | .container_12 .suffix_6 { 197 | padding-right: 480px; 198 | } 199 | 200 | .container_12 .suffix_7 { 201 | padding-right: 560px; 202 | } 203 | 204 | .container_12 .suffix_8 { 205 | padding-right: 640px; 206 | } 207 | 208 | .container_12 .suffix_9 { 209 | padding-right: 720px; 210 | } 211 | 212 | .container_12 .suffix_10 { 213 | padding-right: 800px; 214 | } 215 | 216 | .container_12 .suffix_11 { 217 | padding-right: 880px; 218 | } 219 | 220 | /* `Push Space >> 12 Columns 221 | ----------------------------------------------------------------------------------------------------*/ 222 | 223 | .container_12 .push_1 { 224 | left: 80px; 225 | } 226 | 227 | .container_12 .push_2 { 228 | left: 160px; 229 | } 230 | 231 | .container_12 .push_3 { 232 | left: 240px; 233 | } 234 | 235 | .container_12 .push_4 { 236 | left: 320px; 237 | } 238 | 239 | .container_12 .push_5 { 240 | left: 400px; 241 | } 242 | 243 | .container_12 .push_6 { 244 | left: 480px; 245 | } 246 | 247 | .container_12 .push_7 { 248 | left: 560px; 249 | } 250 | 251 | .container_12 .push_8 { 252 | left: 640px; 253 | } 254 | 255 | .container_12 .push_9 { 256 | left: 720px; 257 | } 258 | 259 | .container_12 .push_10 { 260 | left: 800px; 261 | } 262 | 263 | .container_12 .push_11 { 264 | left: 880px; 265 | } 266 | 267 | /* `Pull Space >> 12 Columns 268 | ----------------------------------------------------------------------------------------------------*/ 269 | 270 | .container_12 .pull_1 { 271 | left: -80px; 272 | } 273 | 274 | .container_12 .pull_2 { 275 | left: -160px; 276 | } 277 | 278 | .container_12 .pull_3 { 279 | left: -240px; 280 | } 281 | 282 | .container_12 .pull_4 { 283 | left: -320px; 284 | } 285 | 286 | .container_12 .pull_5 { 287 | left: -400px; 288 | } 289 | 290 | .container_12 .pull_6 { 291 | left: -480px; 292 | } 293 | 294 | .container_12 .pull_7 { 295 | left: -560px; 296 | } 297 | 298 | .container_12 .pull_8 { 299 | left: -640px; 300 | } 301 | 302 | .container_12 .pull_9 { 303 | left: -720px; 304 | } 305 | 306 | .container_12 .pull_10 { 307 | left: -800px; 308 | } 309 | 310 | .container_12 .pull_11 { 311 | left: -880px; 312 | } 313 | 314 | /* `Clear Floated Elements 315 | ----------------------------------------------------------------------------------------------------*/ 316 | 317 | /* http://sonspring.com/journal/clearing-floats */ 318 | 319 | .clear { 320 | clear: both; 321 | display: block; 322 | overflow: hidden; 323 | visibility: hidden; 324 | width: 0; 325 | height: 0; 326 | } 327 | 328 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ 329 | 330 | .clearfix:before, 331 | .clearfix:after, 332 | .container_12:before, 333 | .container_12:after { 334 | content: '.'; 335 | display: block; 336 | overflow: hidden; 337 | visibility: hidden; 338 | font-size: 0; 339 | line-height: 0; 340 | width: 0; 341 | height: 0; 342 | } 343 | 344 | .clearfix:after, 345 | .container_12:after { 346 | clear: both; 347 | } 348 | 349 | /* 350 | The following zoom:1 rule is specifically for IE6 + IE7. 351 | Move to separate stylesheet if invalid CSS is a problem. 352 | */ 353 | 354 | .clearfix, 355 | .container_12 { 356 | zoom: 1; 357 | } -------------------------------------------------------------------------------- /css/1200.css: -------------------------------------------------------------------------------- 1 | /* 2 | 960 Grid System ~ Core CSS. 3 | Learn more ~ http://960.gs/ 4 | 5 | Licensed under GPL and MIT. 6 | */ 7 | 8 | /* 9 | Forces backgrounds to span full width, 10 | even if there is horizontal scrolling. 11 | Increase this if your layout is wider. 12 | 13 | Note: IE6 works fine without this fix. 14 | */ 15 | 16 | body { 17 | min-width: 1200px; 18 | } 19 | 20 | /* `Containers 21 | ----------------------------------------------------------------------------------------------------*/ 22 | 23 | .container_12 { 24 | margin-left: auto; 25 | margin-right: auto; 26 | width: 1200px; 27 | } 28 | 29 | /* `Grid >> Global 30 | ----------------------------------------------------------------------------------------------------*/ 31 | 32 | .grid_1, 33 | .grid_2, 34 | .grid_3, 35 | .grid_4, 36 | .grid_5, 37 | .grid_6, 38 | .grid_7, 39 | .grid_8, 40 | .grid_9, 41 | .grid_10, 42 | .grid_11, 43 | .grid_12 { 44 | display: inline; 45 | float: left; 46 | margin-left: 10px; 47 | margin-right: 10px; 48 | } 49 | 50 | .push_1, .pull_1, 51 | .push_2, .pull_2, 52 | .push_3, .pull_3, 53 | .push_4, .pull_4, 54 | .push_5, .pull_5, 55 | .push_6, .pull_6, 56 | .push_7, .pull_7, 57 | .push_8, .pull_8, 58 | .push_9, .pull_9, 59 | .push_10, .pull_10, 60 | .push_11, .pull_11 { 61 | position: relative; 62 | } 63 | 64 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last) 65 | ----------------------------------------------------------------------------------------------------*/ 66 | 67 | .alpha { 68 | margin-left: 0; 69 | } 70 | 71 | .omega { 72 | margin-right: 0; 73 | } 74 | 75 | /* `Grid >> 12 Columns 76 | ----------------------------------------------------------------------------------------------------*/ 77 | 78 | .container_12 .grid_1 { 79 | width: 80px; 80 | } 81 | 82 | .container_12 .grid_2 { 83 | width: 180px; 84 | } 85 | 86 | .container_12 .grid_3 { 87 | width: 280px; 88 | } 89 | 90 | .container_12 .grid_4 { 91 | width: 380px; 92 | } 93 | 94 | .container_12 .grid_5 { 95 | width: 480px; 96 | } 97 | 98 | .container_12 .grid_6 { 99 | width: 580px; 100 | } 101 | 102 | .container_12 .grid_7 { 103 | width: 680px; 104 | } 105 | 106 | .container_12 .grid_8 { 107 | width: 780px; 108 | } 109 | 110 | .container_12 .grid_9 { 111 | width: 880px; 112 | } 113 | 114 | .container_12 .grid_10 { 115 | width: 980px; 116 | } 117 | 118 | .container_12 .grid_11 { 119 | width: 1080px; 120 | } 121 | 122 | .container_12 .grid_12 { 123 | width: 1180px; 124 | } 125 | 126 | /* `Prefix Extra Space >> 12 Columns 127 | ----------------------------------------------------------------------------------------------------*/ 128 | 129 | .container_12 .prefix_1 { 130 | padding-left: 100px; 131 | } 132 | 133 | .container_12 .prefix_2 { 134 | padding-left: 200px; 135 | } 136 | 137 | .container_12 .prefix_3 { 138 | padding-left: 300px; 139 | } 140 | 141 | .container_12 .prefix_4 { 142 | padding-left: 400px; 143 | } 144 | 145 | .container_12 .prefix_5 { 146 | padding-left: 500px; 147 | } 148 | 149 | .container_12 .prefix_6 { 150 | padding-left: 600px; 151 | } 152 | 153 | .container_12 .prefix_7 { 154 | padding-left: 700px; 155 | } 156 | 157 | .container_12 .prefix_8 { 158 | padding-left: 800px; 159 | } 160 | 161 | .container_12 .prefix_9 { 162 | padding-left: 900px; 163 | } 164 | 165 | .container_12 .prefix_10 { 166 | padding-left: 1000px; 167 | } 168 | 169 | .container_12 .prefix_11 { 170 | padding-left: 1100px; 171 | } 172 | 173 | /* `Suffix Extra Space >> 12 Columns 174 | ----------------------------------------------------------------------------------------------------*/ 175 | 176 | .container_12 .suffix_1 { 177 | padding-right: 100px; 178 | } 179 | 180 | .container_12 .suffix_2 { 181 | padding-right: 200px; 182 | } 183 | 184 | .container_12 .suffix_3 { 185 | padding-right: 300px; 186 | } 187 | 188 | .container_12 .suffix_4 { 189 | padding-right: 400px; 190 | } 191 | 192 | .container_12 .suffix_5 { 193 | padding-right: 500px; 194 | } 195 | 196 | .container_12 .suffix_6 { 197 | padding-right: 600px; 198 | } 199 | 200 | .container_12 .suffix_7 { 201 | padding-right: 700px; 202 | } 203 | 204 | .container_12 .suffix_8 { 205 | padding-right: 800px; 206 | } 207 | 208 | .container_12 .suffix_9 { 209 | padding-right: 900px; 210 | } 211 | 212 | .container_12 .suffix_10 { 213 | padding-right: 1000px; 214 | } 215 | 216 | .container_12 .suffix_11 { 217 | padding-right: 1100px; 218 | } 219 | 220 | /* `Push Space >> 12 Columns 221 | ----------------------------------------------------------------------------------------------------*/ 222 | 223 | .container_12 .push_1 { 224 | left: 100px; 225 | } 226 | 227 | .container_12 .push_2 { 228 | left: 200px; 229 | } 230 | 231 | .container_12 .push_3 { 232 | left: 300px; 233 | } 234 | 235 | .container_12 .push_4 { 236 | left: 400px; 237 | } 238 | 239 | .container_12 .push_5 { 240 | left: 500px; 241 | } 242 | 243 | .container_12 .push_6 { 244 | left: 600px; 245 | } 246 | 247 | .container_12 .push_7 { 248 | left: 700px; 249 | } 250 | 251 | .container_12 .push_8 { 252 | left: 800px; 253 | } 254 | 255 | .container_12 .push_9 { 256 | left: 900px; 257 | } 258 | 259 | .container_12 .push_10 { 260 | left: 1000px; 261 | } 262 | 263 | .container_12 .push_11 { 264 | left: 1100px; 265 | } 266 | 267 | /* `Pull Space >> 12 Columns 268 | ----------------------------------------------------------------------------------------------------*/ 269 | 270 | .container_12 .pull_1 { 271 | left: -100px; 272 | } 273 | 274 | .container_12 .pull_2 { 275 | left: -200px; 276 | } 277 | 278 | .container_12 .pull_3 { 279 | left: -300px; 280 | } 281 | 282 | .container_12 .pull_4 { 283 | left: -400px; 284 | } 285 | 286 | .container_12 .pull_5 { 287 | left: -500px; 288 | } 289 | 290 | .container_12 .pull_6 { 291 | left: -600px; 292 | } 293 | 294 | .container_12 .pull_7 { 295 | left: -700px; 296 | } 297 | 298 | .container_12 .pull_8 { 299 | left: -800px; 300 | } 301 | 302 | .container_12 .pull_9 { 303 | left: -900px; 304 | } 305 | 306 | .container_12 .pull_10 { 307 | left: -1000px; 308 | } 309 | 310 | .container_12 .pull_11 { 311 | left: -1100px; 312 | } 313 | 314 | /* `Clear Floated Elements 315 | ----------------------------------------------------------------------------------------------------*/ 316 | 317 | /* http://sonspring.com/journal/clearing-floats */ 318 | 319 | .clear { 320 | clear: both; 321 | display: block; 322 | overflow: hidden; 323 | visibility: hidden; 324 | width: 0; 325 | height: 0; 326 | } 327 | 328 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ 329 | 330 | .clearfix:before, 331 | .clearfix:after, 332 | .container_12:before, 333 | .container_12:after { 334 | content: '.'; 335 | display: block; 336 | overflow: hidden; 337 | visibility: hidden; 338 | font-size: 0; 339 | line-height: 0; 340 | width: 0; 341 | height: 0; 342 | } 343 | 344 | .clearfix:after, 345 | .container_12:after { 346 | clear: both; 347 | } 348 | 349 | /* 350 | The following zoom:1 rule is specifically for IE6 + IE7. 351 | Move to separate stylesheet if invalid CSS is a problem. 352 | */ 353 | 354 | .clearfix, 355 | .container_12 { 356 | zoom: 1; 357 | } -------------------------------------------------------------------------------- /css/1560.css: -------------------------------------------------------------------------------- 1 | /* 2 | 960 Grid System ~ Core CSS. 3 | Learn more ~ http://960.gs/ 4 | 5 | Licensed under GPL and MIT. 6 | */ 7 | 8 | /* 9 | Forces backgrounds to span full width, 10 | even if there is horizontal scrolling. 11 | Increase this if your layout is wider. 12 | 13 | Note: IE6 works fine without this fix. 14 | */ 15 | 16 | body { 17 | min-width: 1560px; 18 | } 19 | 20 | /* `Containers 21 | ----------------------------------------------------------------------------------------------------*/ 22 | 23 | .container_12 { 24 | margin-left: auto; 25 | margin-right: auto; 26 | width: 1560px; 27 | } 28 | 29 | /* `Grid >> Global 30 | ----------------------------------------------------------------------------------------------------*/ 31 | 32 | .grid_1, 33 | .grid_2, 34 | .grid_3, 35 | .grid_4, 36 | .grid_5, 37 | .grid_6, 38 | .grid_7, 39 | .grid_8, 40 | .grid_9, 41 | .grid_10, 42 | .grid_11, 43 | .grid_12 { 44 | display: inline; 45 | float: left; 46 | margin-left: 10px; 47 | margin-right: 10px; 48 | } 49 | 50 | .push_1, .pull_1, 51 | .push_2, .pull_2, 52 | .push_3, .pull_3, 53 | .push_4, .pull_4, 54 | .push_5, .pull_5, 55 | .push_6, .pull_6, 56 | .push_7, .pull_7, 57 | .push_8, .pull_8, 58 | .push_9, .pull_9, 59 | .push_10, .pull_10, 60 | .push_11, .pull_11 { 61 | position: relative; 62 | } 63 | 64 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last) 65 | ----------------------------------------------------------------------------------------------------*/ 66 | 67 | .alpha { 68 | margin-left: 0; 69 | } 70 | 71 | .omega { 72 | margin-right: 0; 73 | } 74 | 75 | /* `Grid >> 12 Columns 76 | ----------------------------------------------------------------------------------------------------*/ 77 | 78 | .container_12 .grid_1 { 79 | width: 110px; 80 | } 81 | 82 | .container_12 .grid_2 { 83 | width: 240px; 84 | } 85 | 86 | .container_12 .grid_3 { 87 | width: 370px; 88 | } 89 | 90 | .container_12 .grid_4 { 91 | width: 500px; 92 | } 93 | 94 | .container_12 .grid_5 { 95 | width: 630px; 96 | } 97 | 98 | .container_12 .grid_6 { 99 | width: 760px; 100 | } 101 | 102 | .container_12 .grid_7 { 103 | width: 890px; 104 | } 105 | 106 | .container_12 .grid_8 { 107 | width: 1020px; 108 | } 109 | 110 | .container_12 .grid_9 { 111 | width: 1150px; 112 | } 113 | 114 | .container_12 .grid_10 { 115 | width: 1280px; 116 | } 117 | 118 | .container_12 .grid_11 { 119 | width: 1410px; 120 | } 121 | 122 | .container_12 .grid_12 { 123 | width: 1540px; 124 | } 125 | 126 | /* `Prefix Extra Space >> 12 Columns 127 | ----------------------------------------------------------------------------------------------------*/ 128 | 129 | .container_12 .prefix_1 { 130 | padding-left: 130px; 131 | } 132 | 133 | .container_12 .prefix_2 { 134 | padding-left: 260px; 135 | } 136 | 137 | .container_12 .prefix_3 { 138 | padding-left: 390px; 139 | } 140 | 141 | .container_12 .prefix_4 { 142 | padding-left: 520px; 143 | } 144 | 145 | .container_12 .prefix_5 { 146 | padding-left: 650px; 147 | } 148 | 149 | .container_12 .prefix_6 { 150 | padding-left: 780px; 151 | } 152 | 153 | .container_12 .prefix_7 { 154 | padding-left: 910px; 155 | } 156 | 157 | .container_12 .prefix_8 { 158 | padding-left: 1040px; 159 | } 160 | 161 | .container_12 .prefix_9 { 162 | padding-left: 1170px; 163 | } 164 | 165 | .container_12 .prefix_10 { 166 | padding-left: 1300px; 167 | } 168 | 169 | .container_12 .prefix_11 { 170 | padding-left: 1430px; 171 | } 172 | 173 | /* `Suffix Extra Space >> 12 Columns 174 | ----------------------------------------------------------------------------------------------------*/ 175 | 176 | .container_12 .suffix_1 { 177 | padding-right: 130px; 178 | } 179 | 180 | .container_12 .suffix_2 { 181 | padding-right: 260px; 182 | } 183 | 184 | .container_12 .suffix_3 { 185 | padding-right: 390px; 186 | } 187 | 188 | .container_12 .suffix_4 { 189 | padding-right: 520px; 190 | } 191 | 192 | .container_12 .suffix_5 { 193 | padding-right: 650px; 194 | } 195 | 196 | .container_12 .suffix_6 { 197 | padding-right: 780px; 198 | } 199 | 200 | .container_12 .suffix_7 { 201 | padding-right: 910px; 202 | } 203 | 204 | .container_12 .suffix_8 { 205 | padding-right: 1040px; 206 | } 207 | 208 | .container_12 .suffix_9 { 209 | padding-right: 1170px; 210 | } 211 | 212 | .container_12 .suffix_10 { 213 | padding-right: 1300px; 214 | } 215 | 216 | .container_12 .suffix_11 { 217 | padding-right: 1430px; 218 | } 219 | 220 | /* `Push Space >> 12 Columns 221 | ----------------------------------------------------------------------------------------------------*/ 222 | 223 | .container_12 .push_1 { 224 | left: 130px; 225 | } 226 | 227 | .container_12 .push_2 { 228 | left: 260px; 229 | } 230 | 231 | .container_12 .push_3 { 232 | left: 390px; 233 | } 234 | 235 | .container_12 .push_4 { 236 | left: 520px; 237 | } 238 | 239 | .container_12 .push_5 { 240 | left: 650px; 241 | } 242 | 243 | .container_12 .push_6 { 244 | left: 780px; 245 | } 246 | 247 | .container_12 .push_7 { 248 | left: 910px; 249 | } 250 | 251 | .container_12 .push_8 { 252 | left: 1040px; 253 | } 254 | 255 | .container_12 .push_9 { 256 | left: 1170px; 257 | } 258 | 259 | .container_12 .push_10 { 260 | left: 1300px; 261 | } 262 | 263 | .container_12 .push_11 { 264 | left: 1430px; 265 | } 266 | 267 | /* `Pull Space >> 12 Columns 268 | ----------------------------------------------------------------------------------------------------*/ 269 | 270 | .container_12 .pull_1 { 271 | left: -130px; 272 | } 273 | 274 | .container_12 .pull_2 { 275 | left: -260px; 276 | } 277 | 278 | .container_12 .pull_3 { 279 | left: -390px; 280 | } 281 | 282 | .container_12 .pull_4 { 283 | left: -520px; 284 | } 285 | 286 | .container_12 .pull_5 { 287 | left: -650px; 288 | } 289 | 290 | .container_12 .pull_6 { 291 | left: -780px; 292 | } 293 | 294 | .container_12 .pull_7 { 295 | left: -910px; 296 | } 297 | 298 | .container_12 .pull_8 { 299 | left: -1040px; 300 | } 301 | 302 | .container_12 .pull_9 { 303 | left: -1170px; 304 | } 305 | 306 | .container_12 .pull_10 { 307 | left: -1300px; 308 | } 309 | 310 | .container_12 .pull_11 { 311 | left: -1430px; 312 | } 313 | 314 | /* `Clear Floated Elements 315 | ----------------------------------------------------------------------------------------------------*/ 316 | 317 | /* http://sonspring.com/journal/clearing-floats */ 318 | 319 | .clear { 320 | clear: both; 321 | display: block; 322 | overflow: hidden; 323 | visibility: hidden; 324 | width: 0; 325 | height: 0; 326 | } 327 | 328 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ 329 | 330 | .clearfix:before, 331 | .clearfix:after, 332 | .container_12:before, 333 | .container_12:after { 334 | content: '.'; 335 | display: block; 336 | overflow: hidden; 337 | visibility: hidden; 338 | font-size: 0; 339 | line-height: 0; 340 | width: 0; 341 | height: 0; 342 | } 343 | 344 | .clearfix:after, 345 | .container_12:after { 346 | clear: both; 347 | } 348 | 349 | /* 350 | The following zoom:1 rule is specifically for IE6 + IE7. 351 | Move to separate stylesheet if invalid CSS is a problem. 352 | */ 353 | 354 | .clearfix, 355 | .container_12 { 356 | zoom: 1; 357 | } -------------------------------------------------------------------------------- /css/1920.css: -------------------------------------------------------------------------------- 1 | /* 2 | 960 Grid System ~ Core CSS. 3 | Learn more ~ http://960.gs/ 4 | 5 | Licensed under GPL and MIT. 6 | */ 7 | 8 | /* 9 | Forces backgrounds to span full width, 10 | even if there is horizontal scrolling. 11 | Increase this if your layout is wider. 12 | 13 | Note: IE6 works fine without this fix. 14 | */ 15 | 16 | body { 17 | min-width: 1920px; 18 | } 19 | 20 | /* Containers 21 | ----------------------------------------------------------------------------------------------------*/ 22 | 23 | .container_12 { 24 | margin-left: auto; 25 | margin-right: auto; 26 | width: 1920px; 27 | } 28 | 29 | /* Grid >> Global 30 | ----------------------------------------------------------------------------------------------------*/ 31 | 32 | .grid_1, 33 | .grid_2, 34 | .grid_3, 35 | .grid_4, 36 | .grid_5, 37 | .grid_6, 38 | .grid_7, 39 | .grid_8, 40 | .grid_9, 41 | .grid_10, 42 | .grid_11, 43 | .grid_12 { 44 | display: inline; 45 | float: left; 46 | margin-left: 10px; 47 | margin-right: 10px; 48 | } 49 | 50 | .push_1, .pull_1, 51 | .push_2, .pull_2, 52 | .push_3, .pull_3, 53 | .push_4, .pull_4, 54 | .push_5, .pull_5, 55 | .push_6, .pull_6, 56 | .push_7, .pull_7, 57 | .push_8, .pull_8, 58 | .push_9, .pull_9, 59 | .push_10, .pull_10, 60 | .push_11, .pull_11, 61 | .push_12, .pull_12 { 62 | position: relative; 63 | } 64 | 65 | /* Grid >> Children (Alpha ~ First, Omega ~ Last) 66 | ----------------------------------------------------------------------------------------------------*/ 67 | 68 | .alpha { 69 | margin-left: 0; 70 | } 71 | 72 | .omega { 73 | margin-right: 0; 74 | } 75 | 76 | /* Grid >> 12 Columns 77 | ----------------------------------------------------------------------------------------------------*/ 78 | 79 | .container_12 .grid_1 { 80 | width: 140px; 81 | } 82 | 83 | .container_12 .grid_2 { 84 | width: 300px; 85 | } 86 | 87 | .container_12 .grid_3 { 88 | width: 460px; 89 | } 90 | 91 | .container_12 .grid_4 { 92 | width: 620px; 93 | } 94 | 95 | .container_12 .grid_5 { 96 | width: 780px; 97 | } 98 | 99 | .container_12 .grid_6 { 100 | width: 940px; 101 | } 102 | 103 | .container_12 .grid_7 { 104 | width: 1100px; 105 | } 106 | 107 | .container_12 .grid_8 { 108 | width: 1260px; 109 | } 110 | 111 | .container_12 .grid_9 { 112 | width: 1420px; 113 | } 114 | 115 | .container_12 .grid_10 { 116 | width: 1580px; 117 | } 118 | 119 | .container_12 .grid_11 { 120 | width: 1740px; 121 | } 122 | 123 | .container_12 .grid_12 { 124 | width: 1900px; 125 | } 126 | 127 | /* Prefix Extra Space >> 12 Columns 128 | ----------------------------------------------------------------------------------------------------*/ 129 | 130 | .container_12 .prefix_1 { 131 | padding-left: 160px; 132 | } 133 | 134 | .container_12 .prefix_2 { 135 | padding-left: 320px; 136 | } 137 | 138 | .container_12 .prefix_3 { 139 | padding-left: 480px; 140 | } 141 | 142 | .container_12 .prefix_4 { 143 | padding-left: 640px; 144 | } 145 | 146 | .container_12 .prefix_5 { 147 | padding-left: 800px; 148 | } 149 | 150 | .container_12 .prefix_6 { 151 | padding-left: 960px; 152 | } 153 | 154 | .container_12 .prefix_7 { 155 | padding-left: 1120px; 156 | } 157 | 158 | .container_12 .prefix_8 { 159 | padding-left: 1280px; 160 | } 161 | 162 | .container_12 .prefix_9 { 163 | padding-left: 1440px; 164 | } 165 | 166 | .container_12 .prefix_10 { 167 | padding-left: 1600px; 168 | } 169 | 170 | .container_12 .prefix_11 { 171 | padding-left: 1760px; 172 | } 173 | 174 | /* Suffix Extra Space >> 12 Columns 175 | ----------------------------------------------------------------------------------------------------*/ 176 | 177 | .container_12 .suffix_1 { 178 | padding-right: 160px; 179 | } 180 | 181 | .container_12 .suffix_2 { 182 | padding-right: 320px; 183 | } 184 | 185 | .container_12 .suffix_3 { 186 | padding-right: 480px; 187 | } 188 | 189 | .container_12 .suffix_4 { 190 | padding-right: 640px; 191 | } 192 | 193 | .container_12 .suffix_5 { 194 | padding-right: 800px; 195 | } 196 | 197 | .container_12 .suffix_6 { 198 | padding-right: 960px; 199 | } 200 | 201 | .container_12 .suffix_7 { 202 | padding-right: 1120px; 203 | } 204 | 205 | .container_12 .suffix_8 { 206 | padding-right: 1280px; 207 | } 208 | 209 | .container_12 .suffix_9 { 210 | padding-right: 1440px; 211 | } 212 | 213 | .container_12 .suffix_10 { 214 | padding-right: 1600px; 215 | } 216 | 217 | .container_12 .suffix_11 { 218 | padding-right: 1760px; 219 | } 220 | 221 | /* Push Space >> 12 Columns 222 | ----------------------------------------------------------------------------------------------------*/ 223 | 224 | .container_12 .push_1 { 225 | left: 160px; 226 | } 227 | 228 | .container_12 .push_2 { 229 | left: 320px; 230 | } 231 | 232 | .container_12 .push_3 { 233 | left: 480px; 234 | } 235 | 236 | .container_12 .push_4 { 237 | left: 640px; 238 | } 239 | 240 | .container_12 .push_5 { 241 | left: 800px; 242 | } 243 | 244 | .container_12 .push_6 { 245 | left: 960px; 246 | } 247 | 248 | .container_12 .push_7 { 249 | left: 1120px; 250 | } 251 | 252 | .container_12 .push_8 { 253 | left: 1280px; 254 | } 255 | 256 | .container_12 .push_9 { 257 | left: 1440px; 258 | } 259 | 260 | .container_12 .push_10 { 261 | left: 1600px; 262 | } 263 | 264 | .container_12 .push_11 { 265 | left: 1760px; 266 | } 267 | 268 | /* Pull Space >> 12 Columns 269 | ----------------------------------------------------------------------------------------------------*/ 270 | 271 | .container_12 .pull_1 { 272 | left: -160px; 273 | } 274 | 275 | .container_12 .pull_2 { 276 | left: -320px; 277 | } 278 | 279 | .container_12 .pull_3 { 280 | left: -480px; 281 | } 282 | 283 | .container_12 .pull_4 { 284 | left: -640px; 285 | } 286 | 287 | .container_12 .pull_5 { 288 | left: -800px; 289 | } 290 | 291 | .container_12 .pull_6 { 292 | left: -960px; 293 | } 294 | 295 | .container_12 .pull_7 { 296 | left: -1120px; 297 | } 298 | 299 | .container_12 .pull_8 { 300 | left: -1280px; 301 | } 302 | 303 | .container_12 .pull_9 { 304 | left: -1440px; 305 | } 306 | 307 | .container_12 .pull_10 { 308 | left: -1600px; 309 | } 310 | 311 | .container_12 .pull_11 { 312 | left: -1760px; 313 | } 314 | 315 | /* `Clear Floated Elements 316 | ----------------------------------------------------------------------------------------------------*/ 317 | 318 | /* http://sonspring.com/journal/clearing-floats */ 319 | 320 | .clear { 321 | clear: both; 322 | display: block; 323 | overflow: hidden; 324 | visibility: hidden; 325 | width: 0; 326 | height: 0; 327 | } 328 | 329 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ 330 | 331 | .clearfix:before, 332 | .clearfix:after, 333 | .container_12:before, 334 | .container_12:after { 335 | content: '.'; 336 | display: block; 337 | overflow: hidden; 338 | visibility: hidden; 339 | font-size: 0; 340 | line-height: 0; 341 | width: 0; 342 | height: 0; 343 | } 344 | 345 | .clearfix:after, 346 | .container_12:after { 347 | clear: both; 348 | } 349 | 350 | /* 351 | The following zoom:1 rule is specifically for IE6 + IE7. 352 | Move to separate stylesheet if invalid CSS is a problem. 353 | */ 354 | 355 | .clearfix, 356 | .container_12 { 357 | zoom: 1; 358 | } -------------------------------------------------------------------------------- /css/1920.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | 960 Grid System ~ Core CSS. 3 | Learn more ~ http://960.gs/ 4 | 5 | Licensed under GPL and MIT. 6 | */ 7 | 8 | /* 9 | Forces backgrounds to span full width, 10 | even if there is horizontal scrolling. 11 | Increase this if your layout is wider. 12 | 13 | Note: IE6 works fine without this fix. 14 | */ 15 | 16 | body { 17 | min-width: 1920px; 18 | } 19 | 20 | /* Containers 21 | ----------------------------------------------------------------------------------------------------*/ 22 | .container_12 { 23 | margin-left: auto; 24 | margin-right: auto; 25 | width: 1920px; 26 | } 27 | 28 | /* Grid >> Global 29 | ----------------------------------------------------------------------------------------------------*/ 30 | 31 | .grid_1, 32 | .grid_2, 33 | .grid_3, 34 | .grid_4, 35 | .grid_5, 36 | .grid_6, 37 | .grid_7, 38 | .grid_8, 39 | .grid_9, 40 | .grid_10, 41 | .grid_11, 42 | .grid_12 { 43 | display: inline; 44 | float: left; 45 | margin-left: 10px; 46 | margin-right: 10px; 47 | } 48 | 49 | .push_1, .pull_1, 50 | .push_2, .pull_2, 51 | .push_3, .pull_3, 52 | .push_4, .pull_4, 53 | .push_5, .pull_5, 54 | .push_6, .pull_6, 55 | .push_7, .pull_7, 56 | .push_8, .pull_8, 57 | .push_9, .pull_9, 58 | .push_10, .pull_10, 59 | .push_11, .pull_11, 60 | .push_12, .pull_12 { 61 | position: relative; 62 | } 63 | 64 | /* Grid >> Children (Alpha ~ First, Omega ~ Last) 65 | ----------------------------------------------------------------------------------------------------*/ 66 | 67 | .alpha { 68 | margin-left: 0; 69 | } 70 | 71 | .omega { 72 | margin-right: 0; 73 | } 74 | 75 | /* Grid >> 12 Columns 76 | ----------------------------------------------------------------------------------------------------*/ 77 | 78 | .container_12 .grid_1 { 79 | width: 140px; 80 | } 81 | 82 | .container_12 .grid_2 { 83 | width: 300px; 84 | } 85 | 86 | .container_12 .grid_3 { 87 | width: 460px; 88 | } 89 | 90 | .container_12 .grid_4 { 91 | width: 620px; 92 | } 93 | 94 | .container_12 .grid_5 { 95 | width: 780px; 96 | } 97 | 98 | .container_12 .grid_6 { 99 | width: 940px; 100 | } 101 | 102 | .container_12 .grid_7 { 103 | width: 1100px; 104 | } 105 | 106 | .container_12 .grid_8 { 107 | width: 1260px; 108 | } 109 | 110 | .container_12 .grid_9 { 111 | width: 1420px; 112 | } 113 | 114 | .container_12 .grid_10 { 115 | width: 1580px; 116 | } 117 | 118 | .container_12 .grid_11 { 119 | width: 1740px; 120 | } 121 | 122 | .container_12 .grid_12 { 123 | width: 1900px; 124 | } 125 | 126 | /* Prefix Extra Space >> 12 Columns 127 | ----------------------------------------------------------------------------------------------------*/ 128 | 129 | .container_12 .prefix_1 { 130 | padding-left: 160px; 131 | } 132 | 133 | .container_12 .prefix_2 { 134 | padding-left: 320px; 135 | } 136 | 137 | .container_12 .prefix_3 { 138 | padding-left: 480px; 139 | } 140 | 141 | .container_12 .prefix_4 { 142 | padding-left: 640px; 143 | } 144 | 145 | .container_12 .prefix_5 { 146 | padding-left: 800px; 147 | } 148 | 149 | .container_12 .prefix_6 { 150 | padding-left: 960px; 151 | } 152 | 153 | .container_12 .prefix_7 { 154 | padding-left: 1120px; 155 | } 156 | 157 | .container_12 .prefix_8 { 158 | padding-left: 1280px; 159 | } 160 | 161 | .container_12 .prefix_9 { 162 | padding-left: 1440px; 163 | } 164 | 165 | .container_12 .prefix_10 { 166 | padding-left: 1600px; 167 | } 168 | 169 | .container_12 .prefix_11 { 170 | padding-left: 1760px; 171 | } 172 | 173 | /* Suffix Extra Space >> 12 Columns 174 | ----------------------------------------------------------------------------------------------------*/ 175 | 176 | .container_12 .suffix_1 { 177 | padding-right: 160px; 178 | } 179 | 180 | .container_12 .suffix_2 { 181 | padding-right: 320px; 182 | } 183 | 184 | .container_12 .suffix_3 { 185 | padding-right: 480px; 186 | } 187 | 188 | .container_12 .suffix_4 { 189 | padding-right: 640px; 190 | } 191 | 192 | .container_12 .suffix_5 { 193 | padding-right: 800px; 194 | } 195 | 196 | .container_12 .suffix_6 { 197 | padding-right: 960px; 198 | } 199 | 200 | .container_12 .suffix_7 { 201 | padding-right: 1120px; 202 | } 203 | 204 | .container_12 .suffix_8 { 205 | padding-right: 1280px; 206 | } 207 | 208 | .container_12 .suffix_9 { 209 | padding-right: 1440px; 210 | } 211 | 212 | .container_12 .suffix_10 { 213 | padding-right: 1600px; 214 | } 215 | 216 | .container_12 .suffix_11 { 217 | padding-right: 1760px; 218 | } 219 | 220 | /* Push Space >> 12 Columns 221 | ----------------------------------------------------------------------------------------------------*/ 222 | 223 | .container_12 .push_1 { 224 | left: 160px; 225 | } 226 | 227 | .container_12 .push_2 { 228 | left: 320px; 229 | } 230 | 231 | .container_12 .push_3 { 232 | left: 480px; 233 | } 234 | 235 | .container_12 .push_4 { 236 | left: 640px; 237 | } 238 | 239 | .container_12 .push_5 { 240 | left: 800px; 241 | } 242 | 243 | .container_12 .push_6 { 244 | left: 960px; 245 | } 246 | 247 | .container_12 .push_7 { 248 | left: 1120px; 249 | } 250 | 251 | .container_12 .push_8 { 252 | left: 1280px; 253 | } 254 | 255 | .container_12 .push_9 { 256 | left: 1440px; 257 | } 258 | 259 | .container_12 .push_10 { 260 | left: 1600px; 261 | } 262 | 263 | .container_12 .push_11 { 264 | left: 1760px; 265 | } 266 | 267 | /* Pull Space >> 12 Columns 268 | ----------------------------------------------------------------------------------------------------*/ 269 | 270 | .container_12 .pull_1 { 271 | left: -160px; 272 | } 273 | 274 | .container_12 .pull_2 { 275 | left: -320px; 276 | } 277 | 278 | .container_12 .pull_3 { 279 | left: -480px; 280 | } 281 | 282 | .container_12 .pull_4 { 283 | left: -640px; 284 | } 285 | 286 | .container_12 .pull_5 { 287 | left: -800px; 288 | } 289 | 290 | .container_12 .pull_6 { 291 | left: -960px; 292 | } 293 | 294 | .container_12 .pull_7 { 295 | left: -1120px; 296 | } 297 | 298 | .container_12 .pull_8 { 299 | left: -1280px; 300 | } 301 | 302 | .container_12 .pull_9 { 303 | left: -1440px; 304 | } 305 | 306 | .container_12 .pull_10 { 307 | left: -1600px; 308 | } 309 | 310 | .container_12 .pull_11 { 311 | left: -1760px; 312 | } 313 | 314 | /* `Clear Floated Elements 315 | ----------------------------------------------------------------------------------------------------*/ 316 | 317 | /* http://sonspring.com/journal/clearing-floats */ 318 | 319 | .clear { 320 | clear: both; 321 | display: block; 322 | overflow: hidden; 323 | visibility: hidden; 324 | width: 0; 325 | height: 0; 326 | } 327 | 328 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ 329 | 330 | .clearfix:before, 331 | .clearfix:after, 332 | .container_12:before, 333 | .container_12:after { 334 | content: '.'; 335 | display: block; 336 | overflow: hidden; 337 | visibility: hidden; 338 | font-size: 0; 339 | line-height: 0; 340 | width: 0; 341 | height: 0; 342 | } 343 | 344 | .clearfix:after, 345 | .container_12:after { 346 | clear: both; 347 | } 348 | 349 | /* 350 | The following zoom:1 rule is specifically for IE6 + IE7. 351 | Move to separate stylesheet if invalid CSS is a problem. 352 | */ 353 | 354 | .clearfix, 355 | .container_12 { 356 | zoom: 1; 357 | } -------------------------------------------------------------------------------- /css/2520.css: -------------------------------------------------------------------------------- 1 | /* 2 | 960 Grid System ~ Core CSS. 3 | Learn more ~ http://960.gs/ 4 | 5 | Licensed under GPL and MIT. 6 | */ 7 | 8 | /* 9 | Forces backgrounds to span full width, 10 | even if there is horizontal scrolling. 11 | Increase this if your layout is wider. 12 | 13 | Note: IE6 works fine without this fix. 14 | */ 15 | 16 | body { 17 | min-width: 2520px; 18 | } 19 | 20 | /* Containers 21 | ----------------------------------------------------------------------------------------------------*/ 22 | 23 | .container_12 { 24 | margin-left: auto; 25 | margin-right: auto; 26 | width: 2520px; 27 | } 28 | 29 | /* Grid >> Global 30 | ----------------------------------------------------------------------------------------------------*/ 31 | 32 | .grid_1, 33 | .grid_2, 34 | .grid_3, 35 | .grid_4, 36 | .grid_5, 37 | .grid_6, 38 | .grid_7, 39 | .grid_8, 40 | .grid_9, 41 | .grid_10, 42 | .grid_11, 43 | .grid_12 { 44 | display:inline; 45 | float: left; 46 | margin-left: 10px; 47 | margin-right: 10px; 48 | } 49 | 50 | .push_1, .pull_1, 51 | .push_2, .pull_2, 52 | .push_3, .pull_3, 53 | .push_4, .pull_4, 54 | .push_5, .pull_5, 55 | .push_6, .pull_6, 56 | .push_7, .pull_7, 57 | .push_8, .pull_8, 58 | .push_9, .pull_9, 59 | .push_10, .pull_10, 60 | .push_11, .pull_11, 61 | .push_12, .pull_12 { 62 | position: relative; 63 | } 64 | 65 | /* Grid >> Children (Alpha ~ First, Omega ~ Last) 66 | ----------------------------------------------------------------------------------------------------*/ 67 | 68 | .alpha { 69 | margin-left: 0; 70 | } 71 | 72 | .omega { 73 | margin-right: 0; 74 | } 75 | 76 | /* Grid >> 12 Columns 77 | ----------------------------------------------------------------------------------------------------*/ 78 | 79 | 80 | .container_12 .grid_1 { 81 | width: 190px; 82 | } 83 | 84 | .container_12 .grid_2 { 85 | width: 400px; 86 | } 87 | 88 | .container_12 .grid_3 { 89 | width: 610px; 90 | } 91 | 92 | .container_12 .grid_4 { 93 | width: 820px; 94 | } 95 | 96 | .container_12 .grid_5 { 97 | width: 1030px; 98 | } 99 | 100 | .container_12 .grid_6 { 101 | width: 1240px; 102 | } 103 | 104 | .container_12 .grid_7 { 105 | width: 1450px; 106 | } 107 | 108 | .container_12 .grid_8 { 109 | width: 1660px; 110 | } 111 | 112 | .container_12 .grid_9 { 113 | width: 1870px; 114 | } 115 | 116 | .container_12 .grid_10 { 117 | width: 2080px; 118 | } 119 | 120 | .container_12 .grid_11 { 121 | width: 2290px; 122 | } 123 | 124 | .container_12 .grid_12 { 125 | width: 2500px; 126 | } 127 | 128 | /* Prefix Extra Space >> 12 Columns 129 | ----------------------------------------------------------------------------------------------------*/ 130 | 131 | .container_12 .prefix_1 { 132 | padding-left: 210px; 133 | } 134 | 135 | .container_12 .prefix_2 { 136 | padding-left: 420px; 137 | } 138 | 139 | .container_12 .prefix_3 { 140 | padding-left: 630px; 141 | } 142 | 143 | .container_12 .prefix_4 { 144 | padding-left: 840px; 145 | } 146 | 147 | .container_12 .prefix_5 { 148 | padding-left: 1050px; 149 | } 150 | 151 | .container_12 .prefix_6 { 152 | padding-left: 1260px; 153 | } 154 | 155 | .container_12 .prefix_7 { 156 | padding-left: 1470px; 157 | } 158 | 159 | .container_12 .prefix_8 { 160 | padding-left: 1680px; 161 | } 162 | 163 | .container_12 .prefix_9 { 164 | padding-left: 1890px; 165 | } 166 | 167 | .container_12 .prefix_10 { 168 | padding-left: 2100px; 169 | } 170 | 171 | .container_12 .prefix_11 { 172 | padding-left: 2310px; 173 | } 174 | 175 | /* Suffix Extra Space >> 12 Columns 176 | ----------------------------------------------------------------------------------------------------*/ 177 | 178 | .container_12 .suffix_1 { 179 | padding-right: 210px; 180 | } 181 | 182 | .container_12 .suffix_2 { 183 | padding-right: 420px; 184 | } 185 | 186 | .container_12 .suffix_3 { 187 | padding-right: 630px; 188 | } 189 | 190 | .container_12 .suffix_4 { 191 | padding-right: 840px; 192 | } 193 | 194 | .container_12 .suffix_5 { 195 | padding-right: 1050px; 196 | } 197 | 198 | .container_12 .suffix_6 { 199 | padding-right: 1260px; 200 | } 201 | 202 | .container_12 .suffix_7 { 203 | padding-right: 1470px; 204 | } 205 | 206 | .container_12 .suffix_8 { 207 | padding-right: 1680px; 208 | } 209 | 210 | .container_12 .suffix_9 { 211 | padding-right: 1890px; 212 | } 213 | 214 | .container_12 .suffix_10 { 215 | padding-right: 2100px; 216 | } 217 | 218 | .container_12 .suffix_11 { 219 | padding-right: 2310px; 220 | } 221 | 222 | /* Push Space >> 12 Columns 223 | ----------------------------------------------------------------------------------------------------*/ 224 | 225 | .container_12 .push_1 { 226 | left: 210px; 227 | } 228 | 229 | .container_12 .push_2 { 230 | left: 420px; 231 | } 232 | 233 | .container_12 .push_3 { 234 | left: 630px; 235 | } 236 | 237 | .container_12 .push_4 { 238 | left: 840px; 239 | } 240 | 241 | .container_12 .push_5 { 242 | left: 1050px; 243 | } 244 | 245 | .container_12 .push_6 { 246 | left: 1260px; 247 | } 248 | 249 | .container_12 .push_7 { 250 | left: 1470px; 251 | } 252 | 253 | .container_12 .push_8 { 254 | left: 1680px; 255 | } 256 | 257 | .container_12 .push_9 { 258 | left: 1890px; 259 | } 260 | 261 | .container_12 .push_10 { 262 | left: 2100px; 263 | } 264 | 265 | .container_12 .push_11 { 266 | left: 2310px; 267 | } 268 | 269 | /* Pull Space >> 12 Columns 270 | ----------------------------------------------------------------------------------------------------*/ 271 | 272 | .container_12 .pull_1 { 273 | left: -210px; 274 | } 275 | 276 | .container_12 .pull_2 { 277 | left: -420px; 278 | } 279 | 280 | .container_12 .pull_3 { 281 | left: -630px; 282 | } 283 | 284 | .container_12 .pull_4 { 285 | left: -840px; 286 | } 287 | 288 | .container_12 .pull_5 { 289 | left: -1050px; 290 | } 291 | 292 | .container_12 .pull_6 { 293 | left: -1260px; 294 | } 295 | 296 | .container_12 .pull_7 { 297 | left: -1470px; 298 | } 299 | 300 | .container_12 .pull_8 { 301 | left: -1680px; 302 | } 303 | 304 | .container_12 .pull_9 { 305 | left: -1890px; 306 | } 307 | 308 | .container_12 .pull_10 { 309 | left: -2100px; 310 | } 311 | 312 | .container_12 .pull_11 { 313 | left: -2310px; 314 | } 315 | 316 | /* `Clear Floated Elements 317 | ----------------------------------------------------------------------------------------------------*/ 318 | 319 | /* http://sonspring.com/journal/clearing-floats */ 320 | 321 | .clear { 322 | clear: both; 323 | display: block; 324 | overflow: hidden; 325 | visibility: hidden; 326 | width: 0; 327 | height: 0; 328 | } 329 | 330 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ 331 | 332 | .clearfix:before, 333 | .clearfix:after, 334 | .container_12:before, 335 | .container_12:after { 336 | content: '.'; 337 | display: block; 338 | overflow: hidden; 339 | visibility: hidden; 340 | font-size: 0; 341 | line-height: 0; 342 | width: 0; 343 | height: 0; 344 | } 345 | 346 | .clearfix:after, 347 | .container_12:after { 348 | clear: both; 349 | } 350 | 351 | /* 352 | The following zoom:1 rule is specifically for IE6 + IE7. 353 | Move to separate stylesheet if invalid CSS is a problem. 354 | */ 355 | 356 | .clearfix, 357 | .container_12 { 358 | zoom: 1; 359 | } -------------------------------------------------------------------------------- /js/bootstrap-twipsy.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-twipsy.js v1.3.0 3 | * http://twitter.github.com/bootstrap/javascript.html#twipsy 4 | * Adapted from the original jQuery.tipsy by Jason Frame 5 | * ========================================================== 6 | * Copyright 2011 Twitter, Inc. 7 | * 8 | * Licensed under the Apache License, Version 2.0 (the "License"); 9 | * you may not use this file except in compliance with the License. 10 | * You may obtain a copy of the License at 11 | * 12 | * http://www.apache.org/licenses/LICENSE-2.0 13 | * 14 | * Unless required by applicable law or agreed to in writing, software 15 | * distributed under the License is distributed on an "AS IS" BASIS, 16 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 17 | * See the License for the specific language governing permissions and 18 | * limitations under the License. 19 | * ========================================================== */ 20 | 21 | 22 | (function( $ ) { 23 | 24 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 25 | * ======================================================= */ 26 | 27 | var transitionEnd 28 | 29 | $(document).ready(function () { 30 | 31 | $.support.transition = (function () { 32 | var thisBody = document.body || document.documentElement 33 | , thisStyle = thisBody.style 34 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 35 | return support 36 | })() 37 | 38 | // set CSS transition event type 39 | if ( $.support.transition ) { 40 | transitionEnd = "TransitionEnd" 41 | if ( $.browser.webkit ) { 42 | transitionEnd = "webkitTransitionEnd" 43 | } else if ( $.browser.mozilla ) { 44 | transitionEnd = "transitionend" 45 | } else if ( $.browser.opera ) { 46 | transitionEnd = "oTransitionEnd" 47 | } 48 | } 49 | 50 | }) 51 | 52 | 53 | /* TWIPSY PUBLIC CLASS DEFINITION 54 | * ============================== */ 55 | 56 | var Twipsy = function ( element, options ) { 57 | this.$element = $(element) 58 | this.options = options 59 | this.enabled = true 60 | this.fixTitle() 61 | } 62 | 63 | Twipsy.prototype = { 64 | 65 | show: function() { 66 | var pos 67 | , actualWidth 68 | , actualHeight 69 | , placement 70 | , $tip 71 | , tp 72 | 73 | if (this.getTitle() && this.enabled) { 74 | $tip = this.tip() 75 | this.setContent() 76 | 77 | if (this.options.animate) { 78 | $tip.addClass('fade') 79 | } 80 | 81 | $tip 82 | .remove() 83 | .css({ top: 0, left: 0, display: 'block' }) 84 | .prependTo(document.body) 85 | 86 | pos = $.extend({}, this.$element.offset(), { 87 | width: this.$element[0].offsetWidth 88 | , height: this.$element[0].offsetHeight 89 | }) 90 | 91 | actualWidth = $tip[0].offsetWidth 92 | actualHeight = $tip[0].offsetHeight 93 | placement = _.maybeCall(this.options.placement, this.$element[0]) 94 | 95 | switch (placement) { 96 | case 'below': 97 | tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} 98 | break 99 | case 'above': 100 | tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} 101 | break 102 | case 'left': 103 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset} 104 | break 105 | case 'right': 106 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset} 107 | break 108 | } 109 | 110 | $tip 111 | .css(tp) 112 | .addClass(placement) 113 | .addClass('in') 114 | } 115 | } 116 | 117 | , setContent: function () { 118 | var $tip = this.tip() 119 | $tip.find('.twipsy-inner')[this.options.html ? 'html' : 'text'](this.getTitle()) 120 | $tip[0].className = 'twipsy' 121 | } 122 | 123 | , hide: function() { 124 | var that = this 125 | , $tip = this.tip() 126 | 127 | $tip.removeClass('in') 128 | 129 | function removeElement () { 130 | $tip.remove() 131 | } 132 | 133 | $.support.transition && this.$tip.hasClass('fade') ? 134 | $tip.bind(transitionEnd, removeElement) : 135 | removeElement() 136 | } 137 | 138 | , fixTitle: function() { 139 | var $e = this.$element 140 | if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { 141 | $e.attr('data-original-title', $e.attr('title') || '').removeAttr('title') 142 | } 143 | } 144 | 145 | , getTitle: function() { 146 | var title 147 | , $e = this.$element 148 | , o = this.options 149 | 150 | this.fixTitle() 151 | 152 | if (typeof o.title == 'string') { 153 | title = $e.attr(o.title == 'title' ? 'data-original-title' : o.title) 154 | } else if (typeof o.title == 'function') { 155 | title = o.title.call($e[0]) 156 | } 157 | 158 | title = ('' + title).replace(/(^\s*|\s*$)/, "") 159 | 160 | return title || o.fallback 161 | } 162 | 163 | , tip: function() { 164 | if (!this.$tip) { 165 | this.$tip = $('
').html('
') 166 | } 167 | return this.$tip 168 | } 169 | 170 | , validate: function() { 171 | if (!this.$element[0].parentNode) { 172 | this.hide() 173 | this.$element = null 174 | this.options = null 175 | } 176 | } 177 | 178 | , enable: function() { 179 | this.enabled = true 180 | } 181 | 182 | , disable: function() { 183 | this.enabled = false 184 | } 185 | 186 | , toggleEnabled: function() { 187 | this.enabled = !this.enabled 188 | } 189 | 190 | } 191 | 192 | 193 | /* TWIPSY PRIVATE METHODS 194 | * ====================== */ 195 | 196 | var _ = { 197 | 198 | maybeCall: function ( thing, ctx ) { 199 | return (typeof thing == 'function') ? (thing.call(ctx)) : thing 200 | } 201 | 202 | } 203 | 204 | 205 | /* TWIPSY PLUGIN DEFINITION 206 | * ======================== */ 207 | 208 | $.fn.twipsy = function (options) { 209 | $.fn.twipsy.initWith.call(this, options, Twipsy, 'twipsy') 210 | return this 211 | } 212 | 213 | $.fn.twipsy.initWith = function (options, Constructor, name) { 214 | var twipsy 215 | , binder 216 | , eventIn 217 | , eventOut 218 | 219 | if (options === true) { 220 | return this.data(name) 221 | } else if (typeof options == 'string') { 222 | twipsy = this.data(name) 223 | if (twipsy) { 224 | twipsy[options]() 225 | } 226 | return this 227 | } 228 | 229 | options = $.extend({}, $.fn[name].defaults, options) 230 | 231 | function get(ele) { 232 | var twipsy = $.data(ele, name) 233 | 234 | if (!twipsy) { 235 | twipsy = new Constructor(ele, $.fn.twipsy.elementOptions(ele, options)) 236 | $.data(ele, name, twipsy) 237 | } 238 | 239 | return twipsy 240 | } 241 | 242 | function enter() { 243 | var twipsy = get(this) 244 | twipsy.hoverState = 'in' 245 | 246 | if (options.delayIn == 0) { 247 | twipsy.show() 248 | } else { 249 | twipsy.fixTitle() 250 | setTimeout(function() { 251 | if (twipsy.hoverState == 'in') { 252 | twipsy.show() 253 | } 254 | }, options.delayIn) 255 | } 256 | } 257 | 258 | function leave() { 259 | var twipsy = get(this) 260 | twipsy.hoverState = 'out' 261 | if (options.delayOut == 0) { 262 | twipsy.hide() 263 | } else { 264 | setTimeout(function() { 265 | if (twipsy.hoverState == 'out') { 266 | twipsy.hide() 267 | } 268 | }, options.delayOut) 269 | } 270 | } 271 | 272 | if (!options.live) { 273 | this.each(function() { 274 | get(this) 275 | }) 276 | } 277 | 278 | if (options.trigger != 'manual') { 279 | binder = options.live ? 'live' : 'bind' 280 | eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus' 281 | eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur' 282 | this[binder](eventIn, enter)[binder](eventOut, leave) 283 | } 284 | 285 | return this 286 | } 287 | 288 | $.fn.twipsy.Twipsy = Twipsy 289 | 290 | $.fn.twipsy.defaults = { 291 | animate: true 292 | , delayIn: 0 293 | , delayOut: 0 294 | , fallback: '' 295 | , placement: 'above' 296 | , html: false 297 | , live: false 298 | , offset: 0 299 | , title: 'title' 300 | , trigger: 'hover' 301 | } 302 | 303 | $.fn.twipsy.elementOptions = function(ele, options) { 304 | return $.metadata ? $.extend({}, options, $(ele).metadata()) : options 305 | } 306 | 307 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /css/bootstrap.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap @VERSION 3 | * 4 | * Copyright 2011 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | * Date: @DATE 10 | */ 11 | /* Reset.less 12 | * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). 13 | * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ 14 | html, body { 15 | margin: 0; 16 | padding: 0; 17 | } 18 | h1, 19 | h2, 20 | h3, 21 | h4, 22 | h5, 23 | h6, 24 | p, 25 | blockquote, 26 | pre, 27 | a, 28 | abbr, 29 | acronym, 30 | address, 31 | cite, 32 | code, 33 | del, 34 | dfn, 35 | em, 36 | img, 37 | q, 38 | s, 39 | samp, 40 | small, 41 | strike, 42 | strong, 43 | sub, 44 | sup, 45 | tt, 46 | var, 47 | dd, 48 | dl, 49 | dt, 50 | li, 51 | ol, 52 | ul, 53 | fieldset, 54 | form, 55 | label, 56 | legend, 57 | button, 58 | table, 59 | caption, 60 | tbody, 61 | tfoot, 62 | thead, 63 | tr, 64 | th, 65 | td { 66 | margin: 0; 67 | padding: 0; 68 | border: 0; 69 | font-weight: normal; 70 | font-style: normal; 71 | font-size: 100%; 72 | line-height: 1; 73 | font-family: inherit; 74 | } 75 | table { 76 | border-collapse: collapse; 77 | border-spacing: 0; 78 | } 79 | ol, ul { 80 | list-style: none; 81 | } 82 | q:before, 83 | q:after, 84 | blockquote:before, 85 | blockquote:after { 86 | content: ""; 87 | } 88 | html { 89 | overflow-y: scroll; 90 | font-size: 100%; 91 | -webkit-text-size-adjust: 100%; 92 | -ms-text-size-adjust: 100%; 93 | } 94 | a:focus { 95 | outline: thin dotted; 96 | } 97 | a:hover, a:active { 98 | outline: 0; 99 | } 100 | article, 101 | aside, 102 | details, 103 | figcaption, 104 | figure, 105 | footer, 106 | header, 107 | hgroup, 108 | nav, 109 | section { 110 | display: block; 111 | } 112 | audio, canvas, video { 113 | display: inline-block; 114 | *display: inline; 115 | *zoom: 1; 116 | } 117 | audio:not([controls]) { 118 | display: none; 119 | } 120 | sub, sup { 121 | font-size: 75%; 122 | line-height: 0; 123 | position: relative; 124 | vertical-align: baseline; 125 | } 126 | sup { 127 | top: -0.5em; 128 | } 129 | sub { 130 | bottom: -0.25em; 131 | } 132 | img { 133 | border: 0; 134 | -ms-interpolation-mode: bicubic; 135 | } 136 | button, 137 | input, 138 | select, 139 | textarea { 140 | font-size: 100%; 141 | margin: 0; 142 | vertical-align: baseline; 143 | *vertical-align: middle; 144 | } 145 | button, input { 146 | line-height: normal; 147 | *overflow: visible; 148 | } 149 | button::-moz-focus-inner, input::-moz-focus-inner { 150 | border: 0; 151 | padding: 0; 152 | } 153 | button, 154 | input[type="button"], 155 | input[type="reset"], 156 | input[type="submit"] { 157 | cursor: pointer; 158 | -webkit-appearance: button; 159 | } 160 | input[type="search"] { 161 | -webkit-appearance: textfield; 162 | -webkit-box-sizing: content-box; 163 | -moz-box-sizing: content-box; 164 | box-sizing: content-box; 165 | } 166 | input[type="search"]::-webkit-search-decoration { 167 | -webkit-appearance: none; 168 | } 169 | textarea { 170 | overflow: auto; 171 | vertical-align: top; 172 | } 173 | /* Variables.less 174 | * Variables to customize the look and feel of Bootstrap 175 | * ----------------------------------------------------- */ 176 | /* Variables.less 177 | * Snippets of reusable CSS to develop faster and keep code readable 178 | * ----------------------------------------------------------------- */ 179 | /* 180 | * Scaffolding 181 | * Basic and global styles for generating a grid system, structural layout, and page templates 182 | * ------------------------------------------------------------------------------------------- */ 183 | html, body { 184 | background-color: #ffffff; 185 | } 186 | body { 187 | margin: 0; 188 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 189 | font-size: 13px; 190 | font-weight: normal; 191 | line-height: 18px; 192 | color: #404040; 193 | } 194 | a { 195 | color: #0069d6; 196 | text-decoration: none; 197 | line-height: inherit; 198 | font-weight: inherit; 199 | } 200 | a:hover { 201 | color: #00438a; 202 | text-decoration: underline; 203 | } 204 | .hide { 205 | display: none; 206 | } 207 | .show { 208 | display: block; 209 | } 210 | /* Typography.less 211 | * Headings, body text, lists, code, and more for a versatile and durable typography system 212 | * ---------------------------------------------------------------------------------------- */ 213 | p { 214 | font-size: 13px; 215 | font-weight: normal; 216 | line-height: 18px; 217 | margin-bottom: 9px; 218 | } 219 | p small { 220 | font-size: 11px; 221 | color: #bfbfbf; 222 | } 223 | h1, 224 | h2, 225 | h3, 226 | h4, 227 | h5, 228 | h6 { 229 | font-weight: bold; 230 | color: #404040; 231 | } 232 | h1 small, 233 | h2 small, 234 | h3 small, 235 | h4 small, 236 | h5 small, 237 | h6 small { 238 | color: #bfbfbf; 239 | } 240 | h1 { 241 | margin-bottom: 18px; 242 | font-size: 30px; 243 | line-height: 36px; 244 | } 245 | h1 small { 246 | font-size: 18px; 247 | } 248 | h2 { 249 | font-size: 24px; 250 | line-height: 36px; 251 | } 252 | h2 small { 253 | font-size: 14px; 254 | } 255 | h3, 256 | h4, 257 | h5, 258 | h6 { 259 | line-height: 36px; 260 | } 261 | h3 { 262 | font-size: 18px; 263 | } 264 | h3 small { 265 | font-size: 14px; 266 | } 267 | h4 { 268 | font-size: 16px; 269 | } 270 | h4 small { 271 | font-size: 12px; 272 | } 273 | h5 { 274 | font-size: 14px; 275 | } 276 | h6 { 277 | font-size: 13px; 278 | color: #bfbfbf; 279 | text-transform: uppercase; 280 | } 281 | ul, ol { 282 | margin: 0 0 18px 25px; 283 | } 284 | ul ul, 285 | ul ol, 286 | ol ol, 287 | ol ul { 288 | margin-bottom: 0; 289 | } 290 | ul { 291 | list-style: disc; 292 | } 293 | ol { 294 | list-style: decimal; 295 | } 296 | li { 297 | line-height: 18px; 298 | color: #808080; 299 | } 300 | ul.unstyled { 301 | list-style: none; 302 | margin-left: 0; 303 | } 304 | dl { 305 | margin-bottom: 18px; 306 | } 307 | dl dt, dl dd { 308 | line-height: 18px; 309 | } 310 | dl dt { 311 | font-weight: bold; 312 | } 313 | dl dd { 314 | margin-left: 9px; 315 | } 316 | hr { 317 | margin: 20px 0 19px; 318 | border: 0; 319 | border-bottom: 1px solid #eee; 320 | } 321 | strong { 322 | font-style: inherit; 323 | font-weight: bold; 324 | } 325 | em { 326 | font-style: italic; 327 | font-weight: inherit; 328 | line-height: inherit; 329 | } 330 | .muted { 331 | color: #bfbfbf; 332 | } 333 | blockquote { 334 | margin-bottom: 18px; 335 | border-left: 5px solid #eee; 336 | padding-left: 15px; 337 | } 338 | blockquote p { 339 | font-size: 14px; 340 | font-weight: 300; 341 | line-height: 18px; 342 | margin-bottom: 0; 343 | } 344 | blockquote small { 345 | display: block; 346 | font-size: 12px; 347 | font-weight: 300; 348 | line-height: 18px; 349 | color: #bfbfbf; 350 | } 351 | blockquote small:before { 352 | content: '\2014 \00A0'; 353 | } 354 | address { 355 | display: block; 356 | line-height: 18px; 357 | margin-bottom: 18px; 358 | } 359 | code, pre { 360 | padding: 0 3px 2px; 361 | font-family: Monaco, Andale Mono, Courier New, monospace; 362 | font-size: 12px; 363 | -webkit-border-radius: 3px; 364 | -moz-border-radius: 3px; 365 | border-radius: 3px; 366 | } 367 | code { 368 | background-color: #fee9cc; 369 | color: rgba(0, 0, 0, 0.75); 370 | padding: 1px 3px; 371 | } 372 | pre { 373 | background-color: #f5f5f5; 374 | display: block; 375 | padding: 8.5px; 376 | margin: 0 0 18px; 377 | line-height: 18px; 378 | font-size: 12px; 379 | border: 1px solid #ccc; 380 | border: 1px solid rgba(0, 0, 0, 0.15); 381 | -webkit-border-radius: 3px; 382 | -moz-border-radius: 3px; 383 | border-radius: 3px; 384 | white-space: pre; 385 | white-space: pre-wrap; 386 | word-wrap: break-word; 387 | } 388 | /* Forms.less 389 | * Base styles for various input types, form layouts, and states 390 | * ------------------------------------------------------------- */ 391 | form { 392 | margin-bottom: 18px; 393 | } 394 | fieldset { 395 | margin-bottom: 18px; 396 | padding-top: 18px; 397 | } 398 | fieldset legend { 399 | display: block; 400 | padding-left: 150px; 401 | font-size: 19.5px; 402 | line-height: 1; 403 | color: #404040; 404 | *padding: 0 0 5px 145px; 405 | /* IE6-7 */ 406 | 407 | *line-height: 1.5; 408 | /* IE6-7 */ 409 | 410 | } 411 | form .clearfix { 412 | margin-bottom: 18px; 413 | zoom: 1; 414 | } 415 | form .clearfix:before, form .clearfix:after { 416 | display: table; 417 | content: ""; 418 | zoom: 1; 419 | *display: inline; 420 | } 421 | form .clearfix:after { 422 | clear: both; 423 | } 424 | label, 425 | input, 426 | select, 427 | textarea { 428 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 429 | font-size: 13px; 430 | font-weight: normal; 431 | line-height: normal; 432 | } 433 | label { 434 | padding-top: 6px; 435 | font-size: 13px; 436 | line-height: 18px; 437 | float: left; 438 | width: 130px; 439 | text-align: right; 440 | color: #404040; 441 | } 442 | form .input { 443 | margin-left: 150px; 444 | } 445 | input[type=checkbox], input[type=radio] { 446 | cursor: pointer; 447 | } 448 | input, 449 | textarea, 450 | select, 451 | .uneditable-input { 452 | display: inline-block; 453 | width: 210px; 454 | height: 18px; 455 | padding: 4px; 456 | font-size: 13px; 457 | line-height: 18px; 458 | color: #808080; 459 | border: 1px solid #ccc; 460 | -webkit-border-radius: 3px; 461 | -moz-border-radius: 3px; 462 | border-radius: 3px; 463 | } 464 | /* mini reset for non-html5 file types */ 465 | input[type=checkbox], input[type=radio] { 466 | width: auto; 467 | height: auto; 468 | padding: 0; 469 | margin: 3px 0; 470 | *margin-top: 0; 471 | /* IE6-7 */ 472 | 473 | line-height: normal; 474 | border: none; 475 | } 476 | input[type=file] { 477 | background-color: #ffffff; 478 | padding: initial; 479 | border: initial; 480 | line-height: initial; 481 | -webkit-box-shadow: none; 482 | -moz-box-shadow: none; 483 | box-shadow: none; 484 | } 485 | input[type=button], input[type=reset], input[type=submit] { 486 | width: auto; 487 | height: auto; 488 | } 489 | select, input[type=file] { 490 | height: 27px; 491 | line-height: 27px; 492 | *margin-top: 4px; 493 | /* For IE7, add top margin to align select with labels */ 494 | 495 | } 496 | select[multiple] { 497 | height: inherit; 498 | } 499 | textarea { 500 | height: auto; 501 | } 502 | .uneditable-input { 503 | background-color: #ffffff; 504 | display: block; 505 | border-color: #eee; 506 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 507 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 508 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 509 | cursor: not-allowed; 510 | } 511 | :-moz-placeholder { 512 | color: #bfbfbf; 513 | } 514 | ::-webkit-input-placeholder { 515 | color: #bfbfbf; 516 | } 517 | input, textarea { 518 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 519 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 520 | -ms-transition: border linear 0.2s, box-shadow linear 0.2s; 521 | -o-transition: border linear 0.2s, box-shadow linear 0.2s; 522 | transition: border linear 0.2s, box-shadow linear 0.2s; 523 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 524 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 525 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 526 | } 527 | input:focus, textarea:focus { 528 | outline: 0; 529 | border-color: rgba(82, 168, 236, 0.8); 530 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 531 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 532 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 533 | } 534 | input[type=file]:focus, input[type=checkbox]:focus, select:focus { 535 | -webkit-box-shadow: none; 536 | -moz-box-shadow: none; 537 | box-shadow: none; 538 | outline: 1px dotted #666; 539 | } 540 | form div.clearfix.error { 541 | background: #fae5e3; 542 | padding: 10px 0; 543 | margin: -10px 0 10px; 544 | -webkit-border-radius: 4px; 545 | -moz-border-radius: 4px; 546 | border-radius: 4px; 547 | } 548 | form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block { 549 | color: #9d261d; 550 | } 551 | form div.clearfix.error input, form div.clearfix.error textarea { 552 | border-color: #c87872; 553 | -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); 554 | -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); 555 | box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); 556 | } 557 | form div.clearfix.error input:focus, form div.clearfix.error textarea:focus { 558 | border-color: #b9554d; 559 | -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); 560 | -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); 561 | box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); 562 | } 563 | form div.clearfix.error .input-prepend span.add-on, form div.clearfix.error .input-append span.add-on { 564 | background: #f4c8c5; 565 | border-color: #c87872; 566 | color: #b9554d; 567 | } 568 | .input-mini, 569 | input.mini, 570 | textarea.mini, 571 | select.mini { 572 | width: 60px; 573 | } 574 | .input-small, 575 | input.small, 576 | textarea.small, 577 | select.small { 578 | width: 90px; 579 | } 580 | .input-medium, 581 | input.medium, 582 | textarea.medium, 583 | select.medium { 584 | width: 150px; 585 | } 586 | .input-large, 587 | input.large, 588 | textarea.large, 589 | select.large { 590 | width: 210px; 591 | } 592 | .input-xlarge, 593 | input.xlarge, 594 | textarea.xlarge, 595 | select.xlarge { 596 | width: 270px; 597 | } 598 | .input-xxlarge, 599 | input.xxlarge, 600 | textarea.xxlarge, 601 | select.xxlarge { 602 | width: 530px; 603 | } 604 | textarea.xxlarge { 605 | overflow-y: auto; 606 | } 607 | input.span1, textarea.span1, select.span1 { 608 | display: inline-block; 609 | float: none; 610 | width: 30px; 611 | margin-left: 0; 612 | } 613 | input.span2, textarea.span2, select.span2 { 614 | display: inline-block; 615 | float: none; 616 | width: 90px; 617 | margin-left: 0; 618 | } 619 | input.span3, textarea.span3, select.span3 { 620 | display: inline-block; 621 | float: none; 622 | width: 150px; 623 | margin-left: 0; 624 | } 625 | input.span4, textarea.span4, select.span4 { 626 | display: inline-block; 627 | float: none; 628 | width: 210px; 629 | margin-left: 0; 630 | } 631 | input.span5, textarea.span5, select.span5 { 632 | display: inline-block; 633 | float: none; 634 | width: 270px; 635 | margin-left: 0; 636 | } 637 | input.span6, textarea.span6, select.span6 { 638 | display: inline-block; 639 | float: none; 640 | width: 330px; 641 | margin-left: 0; 642 | } 643 | input.span7, textarea.span7, select.span7 { 644 | display: inline-block; 645 | float: none; 646 | width: 390px; 647 | margin-left: 0; 648 | } 649 | input.span8, textarea.span8, select.span8 { 650 | display: inline-block; 651 | float: none; 652 | width: 450px; 653 | margin-left: 0; 654 | } 655 | input.span9, textarea.span9, select.span9 { 656 | display: inline-block; 657 | float: none; 658 | width: 510px; 659 | margin-left: 0; 660 | } 661 | input.span10, textarea.span10, select.span10 { 662 | display: inline-block; 663 | float: none; 664 | width: 570px; 665 | margin-left: 0; 666 | } 667 | input.span11, textarea.span11, select.span11 { 668 | display: inline-block; 669 | float: none; 670 | width: 630px; 671 | margin-left: 0; 672 | } 673 | input.span12, textarea.span12, select.span12 { 674 | display: inline-block; 675 | float: none; 676 | width: 690px; 677 | margin-left: 0; 678 | } 679 | input.span13, textarea.span13, select.span13 { 680 | display: inline-block; 681 | float: none; 682 | width: 750px; 683 | margin-left: 0; 684 | } 685 | input.span14, textarea.span14, select.span14 { 686 | display: inline-block; 687 | float: none; 688 | width: 810px; 689 | margin-left: 0; 690 | } 691 | input.span15, textarea.span15, select.span15 { 692 | display: inline-block; 693 | float: none; 694 | width: 870px; 695 | margin-left: 0; 696 | } 697 | input.span16, textarea.span16, select.span16 { 698 | display: inline-block; 699 | float: none; 700 | width: 930px; 701 | margin-left: 0; 702 | } 703 | input[disabled], 704 | select[disabled], 705 | textarea[disabled], 706 | input[readonly], 707 | select[readonly], 708 | textarea[readonly] { 709 | background-color: #f5f5f5; 710 | border-color: #ddd; 711 | cursor: not-allowed; 712 | } 713 | .actions { 714 | background: #f5f5f5; 715 | margin-top: 18px; 716 | margin-bottom: 18px; 717 | padding: 17px 20px 18px 150px; 718 | border-top: 1px solid #ddd; 719 | -webkit-border-radius: 0 0 3px 3px; 720 | -moz-border-radius: 0 0 3px 3px; 721 | border-radius: 0 0 3px 3px; 722 | } 723 | .actions .secondary-action { 724 | float: right; 725 | } 726 | .actions .secondary-action a { 727 | line-height: 30px; 728 | } 729 | .actions .secondary-action a:hover { 730 | text-decoration: underline; 731 | } 732 | .help-inline, .help-block { 733 | font-size: 11px; 734 | line-height: 18px; 735 | color: #bfbfbf; 736 | } 737 | .help-inline { 738 | padding-left: 5px; 739 | *position: relative; 740 | /* IE6-7 */ 741 | 742 | *top: -5px; 743 | /* IE6-7 */ 744 | 745 | } 746 | .help-block { 747 | display: block; 748 | max-width: 600px; 749 | } 750 | .inline-inputs { 751 | color: #808080; 752 | } 753 | .inline-inputs span, .inline-inputs input { 754 | display: inline-block; 755 | } 756 | .inline-inputs input.mini { 757 | width: 60px; 758 | } 759 | .inline-inputs input.small { 760 | width: 90px; 761 | } 762 | .inline-inputs span { 763 | padding: 0 2px 0 1px; 764 | } 765 | .input-prepend input, .input-append input { 766 | -webkit-border-radius: 0 3px 3px 0; 767 | -moz-border-radius: 0 3px 3px 0; 768 | border-radius: 0 3px 3px 0; 769 | } 770 | .input-prepend .add-on, .input-append .add-on { 771 | position: relative; 772 | background: #f5f5f5; 773 | border: 1px solid #ccc; 774 | z-index: 2; 775 | float: left; 776 | display: block; 777 | width: auto; 778 | min-width: 16px; 779 | height: 18px; 780 | padding: 4px 4px 4px 5px; 781 | margin-right: -1px; 782 | font-weight: normal; 783 | line-height: 18px; 784 | color: #bfbfbf; 785 | text-align: center; 786 | text-shadow: 0 1px 0 #ffffff; 787 | -webkit-border-radius: 3px 0 0 3px; 788 | -moz-border-radius: 3px 0 0 3px; 789 | border-radius: 3px 0 0 3px; 790 | } 791 | .input-prepend .active, .input-append .active { 792 | background: #a9dba9; 793 | border-color: #46a546; 794 | } 795 | .input-prepend .add-on { 796 | *margin-top: 1px; 797 | /* IE6-7 */ 798 | 799 | } 800 | .input-append input { 801 | float: left; 802 | -webkit-border-radius: 3px 0 0 3px; 803 | -moz-border-radius: 3px 0 0 3px; 804 | border-radius: 3px 0 0 3px; 805 | } 806 | .input-append .add-on { 807 | -webkit-border-radius: 0 3px 3px 0; 808 | -moz-border-radius: 0 3px 3px 0; 809 | border-radius: 0 3px 3px 0; 810 | margin-right: 0; 811 | margin-left: -1px; 812 | } 813 | .inputs-list { 814 | margin: 0 0 5px; 815 | width: 100%; 816 | } 817 | .inputs-list li { 818 | display: block; 819 | padding: 0; 820 | width: 100%; 821 | } 822 | .inputs-list label { 823 | display: block; 824 | float: none; 825 | width: auto; 826 | padding: 0; 827 | line-height: 18px; 828 | text-align: left; 829 | white-space: normal; 830 | } 831 | .inputs-list label strong { 832 | color: #808080; 833 | } 834 | .inputs-list label small { 835 | font-size: 11px; 836 | font-weight: normal; 837 | } 838 | .inputs-list .inputs-list { 839 | margin-left: 25px; 840 | margin-bottom: 10px; 841 | padding-top: 0; 842 | } 843 | .inputs-list:first-child { 844 | padding-top: 6px; 845 | } 846 | .inputs-list li + li { 847 | padding-top: 2px; 848 | } 849 | .inputs-list input[type=radio], .inputs-list input[type=checkbox] { 850 | margin-bottom: 0; 851 | } 852 | .form-stacked { 853 | padding-left: 20px; 854 | } 855 | .form-stacked fieldset { 856 | padding-top: 9px; 857 | } 858 | .form-stacked legend { 859 | padding-left: 0; 860 | } 861 | .form-stacked label { 862 | display: block; 863 | float: none; 864 | width: auto; 865 | font-weight: bold; 866 | text-align: left; 867 | line-height: 20px; 868 | padding-top: 0; 869 | } 870 | .form-stacked .clearfix { 871 | margin-bottom: 9px; 872 | } 873 | .form-stacked .clearfix div.input { 874 | margin-left: 0; 875 | } 876 | .form-stacked .inputs-list { 877 | margin-bottom: 0; 878 | } 879 | .form-stacked .inputs-list li { 880 | padding-top: 0; 881 | } 882 | .form-stacked .inputs-list li label { 883 | font-weight: normal; 884 | padding-top: 0; 885 | } 886 | .form-stacked div.clearfix.error { 887 | padding-top: 10px; 888 | padding-bottom: 10px; 889 | padding-left: 10px; 890 | margin-top: 0; 891 | margin-left: -10px; 892 | } 893 | .form-stacked .actions { 894 | margin-left: -20px; 895 | padding-left: 20px; 896 | } 897 | /* 898 | * Tables.less 899 | * Tables for, you guessed it, tabular data 900 | * ---------------------------------------- */ 901 | table { 902 | width: 100%; 903 | margin-bottom: 18px; 904 | padding: 0; 905 | border-collapse: separate; 906 | *border-collapse: collapse; 907 | /* IE7, collapse table to remove spacing */ 908 | 909 | font-size: 13px; 910 | border: 1px solid #ddd; 911 | -webkit-border-radius: 4px; 912 | -moz-border-radius: 4px; 913 | border-radius: 4px; 914 | } 915 | table th, table td { 916 | padding: 10px 10px 9px; 917 | line-height: 18px; 918 | text-align: left; 919 | } 920 | table th { 921 | padding-top: 9px; 922 | font-weight: bold; 923 | vertical-align: middle; 924 | border-bottom: 1px solid #ddd; 925 | } 926 | table td { 927 | vertical-align: top; 928 | } 929 | table th + th, table td + td { 930 | border-left: 1px solid #ddd; 931 | } 932 | table tr + tr td { 933 | border-top: 1px solid #ddd; 934 | } 935 | table tbody tr:first-child td:first-child { 936 | -webkit-border-radius: 4px 0 0 0; 937 | -moz-border-radius: 4px 0 0 0; 938 | border-radius: 4px 0 0 0; 939 | } 940 | table tbody tr:first-child td:last-child { 941 | -webkit-border-radius: 0 4px 0 0; 942 | -moz-border-radius: 0 4px 0 0; 943 | border-radius: 0 4px 0 0; 944 | } 945 | table tbody tr:last-child td:first-child { 946 | -webkit-border-radius: 0 0 0 4px; 947 | -moz-border-radius: 0 0 0 4px; 948 | border-radius: 0 0 0 4px; 949 | } 950 | table tbody tr:last-child td:last-child { 951 | -webkit-border-radius: 0 0 4px 0; 952 | -moz-border-radius: 0 0 4px 0; 953 | border-radius: 0 0 4px 0; 954 | } 955 | .zebra-striped tbody tr:nth-child(odd) td { 956 | background-color: #f9f9f9; 957 | } 958 | .zebra-striped tbody tr:hover td { 959 | background-color: #f5f5f5; 960 | } 961 | .zebra-striped .header { 962 | cursor: pointer; 963 | } 964 | .zebra-striped .header:after { 965 | content: ""; 966 | float: right; 967 | margin-top: 7px; 968 | border-width: 0 4px 4px; 969 | border-style: solid; 970 | border-color: #000 transparent; 971 | visibility: hidden; 972 | } 973 | .zebra-striped .headerSortUp, .zebra-striped .headerSortDown { 974 | background-color: rgba(141, 192, 219, 0.25); 975 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 976 | } 977 | .zebra-striped .header:hover:after { 978 | visibility: visible; 979 | } 980 | .zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after { 981 | visibility: visible; 982 | filter: alpha(opacity=60); 983 | -khtml-opacity: 0.6; 984 | -moz-opacity: 0.6; 985 | opacity: 0.6; 986 | } 987 | .zebra-striped .headerSortUp:after { 988 | border-bottom: none; 989 | border-left: 4px solid transparent; 990 | border-right: 4px solid transparent; 991 | border-top: 4px solid #000; 992 | visibility: visible; 993 | -webkit-box-shadow: none; 994 | -moz-box-shadow: none; 995 | box-shadow: none; 996 | filter: alpha(opacity=60); 997 | -khtml-opacity: 0.6; 998 | -moz-opacity: 0.6; 999 | opacity: 0.6; 1000 | } 1001 | table .blue { 1002 | color: #049cdb; 1003 | border-bottom-color: #049cdb; 1004 | } 1005 | table .headerSortUp.blue, table .headerSortDown.blue { 1006 | background-color: #ade6fe; 1007 | } 1008 | table .green { 1009 | color: #46a546; 1010 | border-bottom-color: #46a546; 1011 | } 1012 | table .headerSortUp.green, table .headerSortDown.green { 1013 | background-color: #cdeacd; 1014 | } 1015 | table .red { 1016 | color: #9d261d; 1017 | border-bottom-color: #9d261d; 1018 | } 1019 | table .headerSortUp.red, table .headerSortDown.red { 1020 | background-color: #f4c8c5; 1021 | } 1022 | table .yellow { 1023 | color: #ffc40d; 1024 | border-bottom-color: #ffc40d; 1025 | } 1026 | table .headerSortUp.yellow, table .headerSortDown.yellow { 1027 | background-color: #fff6d9; 1028 | } 1029 | table .orange { 1030 | color: #f89406; 1031 | border-bottom-color: #f89406; 1032 | } 1033 | table .headerSortUp.orange, table .headerSortDown.orange { 1034 | background-color: #fee9cc; 1035 | } 1036 | table .purple { 1037 | color: #7a43b6; 1038 | border-bottom-color: #7a43b6; 1039 | } 1040 | table .headerSortUp.purple, table .headerSortDown.purple { 1041 | background-color: #e2d5f0; 1042 | } 1043 | /* Patterns.less 1044 | * Repeatable UI elements outside the base styles provided from the scaffolding 1045 | * ---------------------------------------------------------------------------- */ 1046 | .topbar { 1047 | height: 40px; 1048 | position: fixed; 1049 | top: 0; 1050 | left: 0; 1051 | right: 0; 1052 | z-index: 10000; 1053 | overflow: visible; 1054 | } 1055 | .topbar a { 1056 | color: #bfbfbf; 1057 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1058 | } 1059 | .topbar h3 a:hover, .topbar .brand a:hover, .topbar ul .active > a { 1060 | background-color: #333; 1061 | background-color: rgba(255, 255, 255, 0.05); 1062 | color: #ffffff; 1063 | text-decoration: none; 1064 | } 1065 | .topbar h3 { 1066 | position: relative; 1067 | } 1068 | .topbar h3 a, .topbar .brand { 1069 | float: left; 1070 | display: block; 1071 | padding: 8px 20px 12px; 1072 | margin-left: -20px; 1073 | color: #ffffff; 1074 | font-size: 20px; 1075 | font-weight: 200; 1076 | line-height: 1; 1077 | } 1078 | .topbar p { 1079 | margin: 0; 1080 | line-height: 40px; 1081 | } 1082 | .topbar p a:hover { 1083 | background-color: transparent; 1084 | color: #ffffff; 1085 | } 1086 | .topbar form { 1087 | float: left; 1088 | margin: 5px 0 0 0; 1089 | position: relative; 1090 | filter: alpha(opacity=100); 1091 | -khtml-opacity: 1; 1092 | -moz-opacity: 1; 1093 | opacity: 1; 1094 | } 1095 | .topbar form.pull-right { 1096 | float: right; 1097 | } 1098 | .topbar input { 1099 | background-color: #444; 1100 | background-color: rgba(255, 255, 255, 0.3); 1101 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 1102 | font-size: normal; 1103 | font-weight: 13px; 1104 | line-height: 1; 1105 | padding: 4px 9px; 1106 | color: #ffffff; 1107 | color: rgba(255, 255, 255, 0.75); 1108 | border: 1px solid #111; 1109 | -webkit-border-radius: 4px; 1110 | -moz-border-radius: 4px; 1111 | border-radius: 4px; 1112 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); 1113 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); 1114 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); 1115 | -webkit-transition: none; 1116 | -moz-transition: none; 1117 | -ms-transition: none; 1118 | -o-transition: none; 1119 | transition: none; 1120 | } 1121 | .topbar input:-moz-placeholder { 1122 | color: #e6e6e6; 1123 | } 1124 | .topbar input::-webkit-input-placeholder { 1125 | color: #e6e6e6; 1126 | } 1127 | .topbar input:hover { 1128 | background-color: #bfbfbf; 1129 | background-color: rgba(255, 255, 255, 0.5); 1130 | color: #ffffff; 1131 | } 1132 | .topbar input:focus, .topbar input.focused { 1133 | outline: 0; 1134 | background-color: #ffffff; 1135 | color: #404040; 1136 | text-shadow: 0 1px 0 #ffffff; 1137 | border: 0; 1138 | padding: 5px 10px; 1139 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 1140 | -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 1141 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 1142 | } 1143 | .topbar-inner, .topbar .fill { 1144 | background-color: #222; 1145 | background-color: #222222; 1146 | background-repeat: repeat-x; 1147 | background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); 1148 | background-image: -moz-linear-gradient(top, #333333, #222222); 1149 | background-image: -ms-linear-gradient(top, #333333, #222222); 1150 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); 1151 | background-image: -webkit-linear-gradient(top, #333333, #222222); 1152 | background-image: -o-linear-gradient(top, #333333, #222222); 1153 | background-image: linear-gradient(top, #333333, #222222); 1154 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); 1155 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1156 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1157 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1158 | } 1159 | .topbar div > ul, .nav { 1160 | display: block; 1161 | float: left; 1162 | margin: 0 10px 0 0; 1163 | position: relative; 1164 | left: 0; 1165 | } 1166 | .topbar div > ul > li, .nav > li { 1167 | display: block; 1168 | float: left; 1169 | } 1170 | .topbar div > ul a, .nav a { 1171 | display: block; 1172 | float: none; 1173 | padding: 10px 10px 11px; 1174 | line-height: 19px; 1175 | text-decoration: none; 1176 | } 1177 | .topbar div > ul a:hover, .nav a:hover { 1178 | color: #ffffff; 1179 | text-decoration: none; 1180 | } 1181 | .topbar div > ul .active > a, .nav .active > a { 1182 | background-color: #222; 1183 | background-color: rgba(0, 0, 0, 0.5); 1184 | } 1185 | .topbar div > ul.secondary-nav, .nav.secondary-nav { 1186 | float: right; 1187 | margin-left: 10px; 1188 | margin-right: 0; 1189 | } 1190 | .topbar div > ul.secondary-nav .menu-dropdown, 1191 | .nav.secondary-nav .menu-dropdown, 1192 | .topbar div > ul.secondary-nav .dropdown-menu, 1193 | .nav.secondary-nav .dropdown-menu { 1194 | right: 0; 1195 | border: 0; 1196 | } 1197 | .topbar div > ul a.menu:hover, 1198 | .nav a.menu:hover, 1199 | .topbar div > ul li.open .menu, 1200 | .nav li.open .menu, 1201 | .topbar div > ul .dropdown-toggle:hover, 1202 | .nav .dropdown-toggle:hover, 1203 | .topbar div > ul .dropdown.open .dropdown-toggle, 1204 | .nav .dropdown.open .dropdown-toggle { 1205 | background: #444; 1206 | background: rgba(255, 255, 255, 0.05); 1207 | } 1208 | .topbar div > ul .menu-dropdown, 1209 | .nav .menu-dropdown, 1210 | .topbar div > ul .dropdown-menu, 1211 | .nav .dropdown-menu { 1212 | background-color: #333; 1213 | } 1214 | .topbar div > ul .menu-dropdown a.menu, 1215 | .nav .menu-dropdown a.menu, 1216 | .topbar div > ul .dropdown-menu a.menu, 1217 | .nav .dropdown-menu a.menu, 1218 | .topbar div > ul .menu-dropdown .dropdown-toggle, 1219 | .nav .menu-dropdown .dropdown-toggle, 1220 | .topbar div > ul .dropdown-menu .dropdown-toggle, 1221 | .nav .dropdown-menu .dropdown-toggle { 1222 | color: #ffffff; 1223 | } 1224 | .topbar div > ul .menu-dropdown a.menu.open, 1225 | .nav .menu-dropdown a.menu.open, 1226 | .topbar div > ul .dropdown-menu a.menu.open, 1227 | .nav .dropdown-menu a.menu.open, 1228 | .topbar div > ul .menu-dropdown .dropdown-toggle.open, 1229 | .nav .menu-dropdown .dropdown-toggle.open, 1230 | .topbar div > ul .dropdown-menu .dropdown-toggle.open, 1231 | .nav .dropdown-menu .dropdown-toggle.open { 1232 | background: #444; 1233 | background: rgba(255, 255, 255, 0.05); 1234 | } 1235 | .topbar div > ul .menu-dropdown li a, 1236 | .nav .menu-dropdown li a, 1237 | .topbar div > ul .dropdown-menu li a, 1238 | .nav .dropdown-menu li a { 1239 | color: #999; 1240 | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); 1241 | } 1242 | .topbar div > ul .menu-dropdown li a:hover, 1243 | .nav .menu-dropdown li a:hover, 1244 | .topbar div > ul .dropdown-menu li a:hover, 1245 | .nav .dropdown-menu li a:hover { 1246 | background-color: #191919; 1247 | background-repeat: repeat-x; 1248 | background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919)); 1249 | background-image: -moz-linear-gradient(top, #292929, #191919); 1250 | background-image: -ms-linear-gradient(top, #292929, #191919); 1251 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); 1252 | background-image: -webkit-linear-gradient(top, #292929, #191919); 1253 | background-image: -o-linear-gradient(top, #292929, #191919); 1254 | background-image: linear-gradient(top, #292929, #191919); 1255 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); 1256 | color: #ffffff; 1257 | } 1258 | .topbar div > ul .menu-dropdown .active a, 1259 | .nav .menu-dropdown .active a, 1260 | .topbar div > ul .dropdown-menu .active a, 1261 | .nav .dropdown-menu .active a { 1262 | color: #ffffff; 1263 | } 1264 | .topbar div > ul .menu-dropdown .divider, 1265 | .nav .menu-dropdown .divider, 1266 | .topbar div > ul .dropdown-menu .divider, 1267 | .nav .dropdown-menu .divider { 1268 | background-color: #222; 1269 | border-color: #444; 1270 | } 1271 | .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a { 1272 | padding: 4px 15px; 1273 | } 1274 | li.menu, .dropdown { 1275 | position: relative; 1276 | } 1277 | a.menu:after, .dropdown-toggle:after { 1278 | width: 0; 1279 | height: 0; 1280 | display: inline-block; 1281 | content: "↓"; 1282 | text-indent: -99999px; 1283 | vertical-align: top; 1284 | margin-top: 8px; 1285 | margin-left: 4px; 1286 | border-left: 4px solid transparent; 1287 | border-right: 4px solid transparent; 1288 | border-top: 4px solid #ffffff; 1289 | filter: alpha(opacity=50); 1290 | -khtml-opacity: 0.5; 1291 | -moz-opacity: 0.5; 1292 | opacity: 0.5; 1293 | } 1294 | .menu-dropdown, .dropdown-menu { 1295 | background-color: #ffffff; 1296 | float: left; 1297 | display: none; 1298 | position: absolute; 1299 | top: 40px; 1300 | z-index: 900; 1301 | min-width: 160px; 1302 | max-width: 220px; 1303 | _width: 160px; 1304 | margin-left: 0; 1305 | margin-right: 0; 1306 | padding: 6px 0; 1307 | zoom: 1; 1308 | border-color: #999; 1309 | border-color: rgba(0, 0, 0, 0.2); 1310 | border-style: solid; 1311 | border-width: 0 1px 1px; 1312 | -webkit-border-radius: 0 0 6px 6px; 1313 | -moz-border-radius: 0 0 6px 6px; 1314 | border-radius: 0 0 6px 6px; 1315 | -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 1316 | -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 1317 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 1318 | -webkit-background-clip: padding-box; 1319 | -moz-background-clip: padding-box; 1320 | background-clip: padding-box; 1321 | } 1322 | .menu-dropdown li, .dropdown-menu li { 1323 | float: none; 1324 | display: block; 1325 | background-color: none; 1326 | } 1327 | .menu-dropdown .divider, .dropdown-menu .divider { 1328 | height: 1px; 1329 | margin: 5px 0; 1330 | overflow: hidden; 1331 | background-color: #eee; 1332 | border-bottom: 1px solid #ffffff; 1333 | } 1334 | .topbar .dropdown-menu a, .dropdown-menu a { 1335 | display: block; 1336 | padding: 4px 15px; 1337 | clear: both; 1338 | font-weight: normal; 1339 | line-height: 18px; 1340 | color: #808080; 1341 | text-shadow: 0 1px 0 #ffffff; 1342 | } 1343 | .topbar .dropdown-menu a:hover, .dropdown-menu a:hover { 1344 | background-color: #dddddd; 1345 | background-repeat: repeat-x; 1346 | background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); 1347 | background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); 1348 | background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); 1349 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); 1350 | background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); 1351 | background-image: -o-linear-gradient(top, #eeeeee, #dddddd); 1352 | background-image: linear-gradient(top, #eeeeee, #dddddd); 1353 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); 1354 | color: #404040; 1355 | text-decoration: none; 1356 | -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); 1357 | -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); 1358 | box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); 1359 | } 1360 | .open .menu, 1361 | .dropdown.open .menu, 1362 | .open .dropdown-toggle, 1363 | .dropdown.open .dropdown-toggle { 1364 | color: #ffffff; 1365 | background: #ccc; 1366 | background: rgba(0, 0, 0, 0.3); 1367 | } 1368 | .open .menu-dropdown, 1369 | .dropdown.open .menu-dropdown, 1370 | .open .dropdown-menu, 1371 | .dropdown.open .dropdown-menu { 1372 | display: block; 1373 | } 1374 | .tabs, .pills { 1375 | margin: 0 0 20px; 1376 | padding: 0; 1377 | list-style: none; 1378 | zoom: 1; 1379 | } 1380 | .tabs:before, 1381 | .pills:before, 1382 | .tabs:after, 1383 | .pills:after { 1384 | display: table; 1385 | content: ""; 1386 | zoom: 1; 1387 | *display: inline; 1388 | } 1389 | .tabs:after, .pills:after { 1390 | clear: both; 1391 | } 1392 | .tabs > li, .pills > li { 1393 | float: left; 1394 | } 1395 | .tabs > li > a, .pills > li > a { 1396 | display: block; 1397 | } 1398 | .tabs { 1399 | float: left; 1400 | width: 100%; 1401 | border-bottom: 1px solid #ddd; 1402 | } 1403 | .tabs > li { 1404 | position: relative; 1405 | top: 1px; 1406 | } 1407 | .tabs > li > a { 1408 | padding: 0 15px; 1409 | margin-right: 2px; 1410 | line-height: 36px; 1411 | border: 1px solid transparent; 1412 | -webkit-border-radius: 4px 4px 0 0; 1413 | -moz-border-radius: 4px 4px 0 0; 1414 | border-radius: 4px 4px 0 0; 1415 | } 1416 | .tabs > li > a:hover { 1417 | text-decoration: none; 1418 | background-color: #eee; 1419 | border-color: #eee #eee #ddd; 1420 | } 1421 | .tabs > li.active > a { 1422 | color: #808080; 1423 | background-color: #ffffff; 1424 | border: 1px solid #ddd; 1425 | border-bottom-color: transparent; 1426 | } 1427 | .tabs .menu-dropdown, .tabs .dropdown-menu { 1428 | top: 35px; 1429 | border-width: 1px; 1430 | -webkit-border-radius: 0 6px 6px 6px; 1431 | -moz-border-radius: 0 6px 6px 6px; 1432 | border-radius: 0 6px 6px 6px; 1433 | } 1434 | .tabs a.menu:after, .tabs .dropdown-toggle:after { 1435 | border-top-color: #999; 1436 | margin-top: 15px; 1437 | margin-left: 5px; 1438 | } 1439 | .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle { 1440 | border-color: #999; 1441 | } 1442 | .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after { 1443 | border-top-color: #555; 1444 | } 1445 | .tab-content { 1446 | clear: both; 1447 | } 1448 | .pills a { 1449 | margin: 5px 3px 5px 0; 1450 | padding: 0 15px; 1451 | text-shadow: 0 1px 1px #ffffff; 1452 | line-height: 30px; 1453 | -webkit-border-radius: 15px; 1454 | -moz-border-radius: 15px; 1455 | border-radius: 15px; 1456 | } 1457 | .pills a:hover { 1458 | background: #00438a; 1459 | color: #ffffff; 1460 | text-decoration: none; 1461 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); 1462 | } 1463 | .pills .active a { 1464 | background: #0069d6; 1465 | color: #ffffff; 1466 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); 1467 | } 1468 | .tab-content > *, .pill-content > * { 1469 | display: none; 1470 | } 1471 | .tab-content > .active, .pill-content > .active { 1472 | display: block; 1473 | } 1474 | .breadcrumb { 1475 | margin: 0 0 18px; 1476 | padding: 7px 14px; 1477 | background-color: #f5f5f5; 1478 | background-repeat: repeat-x; 1479 | background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); 1480 | background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); 1481 | background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); 1482 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); 1483 | background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); 1484 | background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); 1485 | background-image: linear-gradient(top, #ffffff, #f5f5f5); 1486 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); 1487 | border: 1px solid #ddd; 1488 | -webkit-border-radius: 3px; 1489 | -moz-border-radius: 3px; 1490 | border-radius: 3px; 1491 | -webkit-box-shadow: inset 0 1px 0 #ffffff; 1492 | -moz-box-shadow: inset 0 1px 0 #ffffff; 1493 | box-shadow: inset 0 1px 0 #ffffff; 1494 | } 1495 | .breadcrumb li { 1496 | display: inline; 1497 | text-shadow: 0 1px 0 #ffffff; 1498 | } 1499 | .breadcrumb .divider { 1500 | padding: 0 5px; 1501 | color: #bfbfbf; 1502 | } 1503 | .breadcrumb .active a { 1504 | color: #404040; 1505 | } 1506 | .hero-unit { 1507 | background-color: #f5f5f5; 1508 | margin-bottom: 30px; 1509 | padding: 60px; 1510 | -webkit-border-radius: 6px; 1511 | -moz-border-radius: 6px; 1512 | border-radius: 6px; 1513 | } 1514 | .hero-unit h1 { 1515 | margin-bottom: 0; 1516 | font-size: 60px; 1517 | line-height: 1; 1518 | letter-spacing: -1px; 1519 | } 1520 | .hero-unit p { 1521 | font-size: 18px; 1522 | font-weight: 200; 1523 | line-height: 27px; 1524 | } 1525 | footer { 1526 | margin-top: 17px; 1527 | padding-top: 17px; 1528 | border-top: 1px solid #eee; 1529 | } 1530 | .page-header { 1531 | margin-bottom: 17px; 1532 | border-bottom: 1px solid #ddd; 1533 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 1534 | -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 1535 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 1536 | } 1537 | .page-header h1 { 1538 | margin-bottom: 8px; 1539 | } 1540 | .btn.danger, 1541 | .alert-message.danger, 1542 | .btn.danger:hover, 1543 | .alert-message.danger:hover, 1544 | .btn.error, 1545 | .alert-message.error, 1546 | .btn.error:hover, 1547 | .alert-message.error:hover, 1548 | .btn.success, 1549 | .alert-message.success, 1550 | .btn.success:hover, 1551 | .alert-message.success:hover, 1552 | .btn.info, 1553 | .alert-message.info, 1554 | .btn.info:hover, 1555 | .alert-message.info:hover { 1556 | color: #ffffff; 1557 | } 1558 | .btn.danger, 1559 | .alert-message.danger, 1560 | .btn.error, 1561 | .alert-message.error { 1562 | background-color: #c43c35; 1563 | background-repeat: repeat-x; 1564 | background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); 1565 | background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); 1566 | background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); 1567 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); 1568 | background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); 1569 | background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); 1570 | background-image: linear-gradient(top, #ee5f5b, #c43c35); 1571 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); 1572 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1573 | border-color: #c43c35 #c43c35 #882a25; 1574 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1575 | } 1576 | .btn.success, .alert-message.success { 1577 | background-color: #57a957; 1578 | background-repeat: repeat-x; 1579 | background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); 1580 | background-image: -moz-linear-gradient(top, #62c462, #57a957); 1581 | background-image: -ms-linear-gradient(top, #62c462, #57a957); 1582 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); 1583 | background-image: -webkit-linear-gradient(top, #62c462, #57a957); 1584 | background-image: -o-linear-gradient(top, #62c462, #57a957); 1585 | background-image: linear-gradient(top, #62c462, #57a957); 1586 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); 1587 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1588 | border-color: #57a957 #57a957 #3d773d; 1589 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1590 | } 1591 | .btn.info, .alert-message.info { 1592 | background-color: #339bb9; 1593 | background-repeat: repeat-x; 1594 | background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); 1595 | background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); 1596 | background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); 1597 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); 1598 | background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); 1599 | background-image: -o-linear-gradient(top, #5bc0de, #339bb9); 1600 | background-image: linear-gradient(top, #5bc0de, #339bb9); 1601 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); 1602 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1603 | border-color: #339bb9 #339bb9 #22697d; 1604 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1605 | } 1606 | .btn { 1607 | cursor: pointer; 1608 | display: inline-block; 1609 | background-color: #e6e6e6; 1610 | background-repeat: no-repeat; 1611 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); 1612 | background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1613 | background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); 1614 | background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1615 | background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1616 | background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1617 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); 1618 | padding: 5px 14px 6px; 1619 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 1620 | color: #333; 1621 | font-size: 13px; 1622 | line-height: normal; 1623 | border: 1px solid #ccc; 1624 | border-bottom-color: #bbb; 1625 | -webkit-border-radius: 4px; 1626 | -moz-border-radius: 4px; 1627 | border-radius: 4px; 1628 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 1629 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 1630 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 1631 | -webkit-transition: 0.1s linear all; 1632 | -moz-transition: 0.1s linear all; 1633 | -ms-transition: 0.1s linear all; 1634 | -o-transition: 0.1s linear all; 1635 | transition: 0.1s linear all; 1636 | } 1637 | .btn:hover { 1638 | background-position: 0 -15px; 1639 | color: #333; 1640 | text-decoration: none; 1641 | } 1642 | .btn:focus { 1643 | outline: 1px dotted #666; 1644 | } 1645 | .btn.primary { 1646 | color: #ffffff; 1647 | background-color: #0064cd; 1648 | background-repeat: repeat-x; 1649 | background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); 1650 | background-image: -moz-linear-gradient(top, #049cdb, #0064cd); 1651 | background-image: -ms-linear-gradient(top, #049cdb, #0064cd); 1652 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); 1653 | background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); 1654 | background-image: -o-linear-gradient(top, #049cdb, #0064cd); 1655 | background-image: linear-gradient(top, #049cdb, #0064cd); 1656 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); 1657 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1658 | border-color: #0064cd #0064cd #003f81; 1659 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1660 | } 1661 | .btn:active { 1662 | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); 1663 | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); 1664 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); 1665 | } 1666 | .btn.disabled { 1667 | cursor: default; 1668 | background-image: none; 1669 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1670 | filter: alpha(opacity=65); 1671 | -khtml-opacity: 0.65; 1672 | -moz-opacity: 0.65; 1673 | opacity: 0.65; 1674 | -webkit-box-shadow: none; 1675 | -moz-box-shadow: none; 1676 | box-shadow: none; 1677 | } 1678 | .btn[disabled] { 1679 | cursor: default; 1680 | background-image: none; 1681 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1682 | filter: alpha(opacity=65); 1683 | -khtml-opacity: 0.65; 1684 | -moz-opacity: 0.65; 1685 | opacity: 0.65; 1686 | -webkit-box-shadow: none; 1687 | -moz-box-shadow: none; 1688 | box-shadow: none; 1689 | } 1690 | .btn.large { 1691 | font-size: 15px; 1692 | line-height: normal; 1693 | padding: 9px 14px 9px; 1694 | -webkit-border-radius: 6px; 1695 | -moz-border-radius: 6px; 1696 | border-radius: 6px; 1697 | } 1698 | .btn.small { 1699 | padding: 7px 9px 7px; 1700 | font-size: 11px; 1701 | } 1702 | :root .alert-message, :root .btn { 1703 | border-radius: 0 \0; 1704 | } 1705 | button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { 1706 | padding: 0; 1707 | border: 0; 1708 | } 1709 | .close { 1710 | float: right; 1711 | color: #000000; 1712 | font-size: 20px; 1713 | font-weight: bold; 1714 | line-height: 13.5px; 1715 | text-shadow: 0 1px 0 #ffffff; 1716 | filter: alpha(opacity=20); 1717 | -khtml-opacity: 0.2; 1718 | -moz-opacity: 0.2; 1719 | opacity: 0.2; 1720 | } 1721 | .close:hover { 1722 | color: #000000; 1723 | text-decoration: none; 1724 | filter: alpha(opacity=40); 1725 | -khtml-opacity: 0.4; 1726 | -moz-opacity: 0.4; 1727 | opacity: 0.4; 1728 | } 1729 | .alert-message { 1730 | position: relative; 1731 | padding: 7px 15px; 1732 | margin-bottom: 18px; 1733 | color: #404040; 1734 | background-color: #eedc94; 1735 | background-repeat: repeat-x; 1736 | background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); 1737 | background-image: -moz-linear-gradient(top, #fceec1, #eedc94); 1738 | background-image: -ms-linear-gradient(top, #fceec1, #eedc94); 1739 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); 1740 | background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); 1741 | background-image: -o-linear-gradient(top, #fceec1, #eedc94); 1742 | background-image: linear-gradient(top, #fceec1, #eedc94); 1743 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); 1744 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1745 | border-color: #eedc94 #eedc94 #e4c652; 1746 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1747 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 1748 | border-width: 1px; 1749 | border-style: solid; 1750 | -webkit-border-radius: 4px; 1751 | -moz-border-radius: 4px; 1752 | border-radius: 4px; 1753 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 1754 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 1755 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 1756 | } 1757 | .alert-message .close { 1758 | *margin-top: 3px; 1759 | /* IE7 spacing */ 1760 | 1761 | } 1762 | .alert-message h5 { 1763 | line-height: 18px; 1764 | } 1765 | .alert-message p { 1766 | margin-bottom: 0; 1767 | } 1768 | .alert-message div { 1769 | margin-top: 5px; 1770 | margin-bottom: 2px; 1771 | line-height: 28px; 1772 | } 1773 | .alert-message .btn { 1774 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); 1775 | -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); 1776 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); 1777 | } 1778 | .alert-message.block-message { 1779 | background-image: none; 1780 | background-color: #fdf5d9; 1781 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1782 | padding: 14px; 1783 | border-color: #fceec1; 1784 | -webkit-box-shadow: none; 1785 | -moz-box-shadow: none; 1786 | box-shadow: none; 1787 | } 1788 | .alert-message.block-message ul, .alert-message.block-message p { 1789 | margin-right: 30px; 1790 | } 1791 | .alert-message.block-message ul { 1792 | margin-bottom: 0; 1793 | } 1794 | .alert-message.block-message li { 1795 | color: #404040; 1796 | } 1797 | .alert-message.block-message .alert-actions { 1798 | margin-top: 5px; 1799 | } 1800 | .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { 1801 | color: #404040; 1802 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 1803 | } 1804 | .alert-message.block-message.error { 1805 | background-color: #fddfde; 1806 | border-color: #fbc7c6; 1807 | } 1808 | .alert-message.block-message.success { 1809 | background-color: #d1eed1; 1810 | border-color: #bfe7bf; 1811 | } 1812 | .alert-message.block-message.info { 1813 | background-color: #ddf4fb; 1814 | border-color: #c6edf9; 1815 | } 1816 | .pagination { 1817 | height: 36px; 1818 | margin: 18px 0; 1819 | } 1820 | .pagination ul { 1821 | float: left; 1822 | margin: 0; 1823 | border: 1px solid #ddd; 1824 | border: 1px solid rgba(0, 0, 0, 0.15); 1825 | -webkit-border-radius: 3px; 1826 | -moz-border-radius: 3px; 1827 | border-radius: 3px; 1828 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 1829 | -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 1830 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 1831 | } 1832 | .pagination li { 1833 | display: inline; 1834 | } 1835 | .pagination a { 1836 | float: left; 1837 | padding: 0 14px; 1838 | line-height: 34px; 1839 | border-right: 1px solid; 1840 | border-right-color: #ddd; 1841 | border-right-color: rgba(0, 0, 0, 0.15); 1842 | *border-right-color: #ddd; 1843 | /* IE6-7 */ 1844 | 1845 | text-decoration: none; 1846 | } 1847 | .pagination a:hover, .pagination .active a { 1848 | background-color: #c7eefe; 1849 | } 1850 | .pagination .disabled a, .pagination .disabled a:hover { 1851 | background-color: transparent; 1852 | color: #bfbfbf; 1853 | } 1854 | .pagination .next a { 1855 | border: 0; 1856 | } 1857 | .well { 1858 | background-color: #f5f5f5; 1859 | margin-bottom: 20px; 1860 | padding: 19px; 1861 | min-height: 20px; 1862 | border: 1px solid #eee; 1863 | border: 1px solid rgba(0, 0, 0, 0.05); 1864 | -webkit-border-radius: 4px; 1865 | -moz-border-radius: 4px; 1866 | border-radius: 4px; 1867 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 1868 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 1869 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 1870 | } 1871 | .well blockquote { 1872 | border-color: #ddd; 1873 | border-color: rgba(0, 0, 0, 0.15); 1874 | } 1875 | .modal-backdrop { 1876 | background-color: #000000; 1877 | position: fixed; 1878 | top: 0; 1879 | left: 0; 1880 | right: 0; 1881 | bottom: 0; 1882 | z-index: 10000; 1883 | } 1884 | .modal-backdrop.fade { 1885 | opacity: 0; 1886 | } 1887 | .modal-backdrop, .modal-backdrop.fade.in { 1888 | filter: alpha(opacity=80); 1889 | -khtml-opacity: 0.8; 1890 | -moz-opacity: 0.8; 1891 | opacity: 0.8; 1892 | } 1893 | .modal { 1894 | position: fixed; 1895 | top: 50%; 1896 | left: 50%; 1897 | z-index: 11000; 1898 | width: 560px; 1899 | margin: -250px 0 0 -250px; 1900 | background-color: #ffffff; 1901 | border: 1px solid #999; 1902 | border: 1px solid rgba(0, 0, 0, 0.3); 1903 | *border: 1px solid #999; 1904 | /* IE6-7 */ 1905 | 1906 | -webkit-border-radius: 6px; 1907 | -moz-border-radius: 6px; 1908 | border-radius: 6px; 1909 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 1910 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 1911 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 1912 | -webkit-background-clip: padding-box; 1913 | -moz-background-clip: padding-box; 1914 | background-clip: padding-box; 1915 | } 1916 | .modal .close { 1917 | margin-top: 7px; 1918 | } 1919 | .modal.fade { 1920 | -webkit-transition: opacity .3s linear, top .3s ease-out; 1921 | -moz-transition: opacity .3s linear, top .3s ease-out; 1922 | -ms-transition: opacity .3s linear, top .3s ease-out; 1923 | -o-transition: opacity .3s linear, top .3s ease-out; 1924 | transition: opacity .3s linear, top .3s ease-out; 1925 | top: -25%; 1926 | } 1927 | .modal.fade.in { 1928 | top: 50%; 1929 | } 1930 | .modal-header { 1931 | border-bottom: 1px solid #eee; 1932 | padding: 5px 15px; 1933 | } 1934 | .modal-body { 1935 | padding: 15px; 1936 | } 1937 | .modal-footer { 1938 | background-color: #f5f5f5; 1939 | padding: 14px 15px 15px; 1940 | border-top: 1px solid #ddd; 1941 | -webkit-border-radius: 0 0 6px 6px; 1942 | -moz-border-radius: 0 0 6px 6px; 1943 | border-radius: 0 0 6px 6px; 1944 | -webkit-box-shadow: inset 0 1px 0 #ffffff; 1945 | -moz-box-shadow: inset 0 1px 0 #ffffff; 1946 | box-shadow: inset 0 1px 0 #ffffff; 1947 | zoom: 1; 1948 | margin-bottom: 0; 1949 | } 1950 | .modal-footer:before, .modal-footer:after { 1951 | display: table; 1952 | content: ""; 1953 | zoom: 1; 1954 | *display: inline; 1955 | } 1956 | .modal-footer:after { 1957 | clear: both; 1958 | } 1959 | .modal-footer .btn { 1960 | float: right; 1961 | margin-left: 5px; 1962 | } 1963 | .twipsy { 1964 | display: block; 1965 | position: absolute; 1966 | visibility: visible; 1967 | padding: 5px; 1968 | font-size: 11px; 1969 | z-index: 1000; 1970 | filter: alpha(opacity=80); 1971 | -khtml-opacity: 0.8; 1972 | -moz-opacity: 0.8; 1973 | opacity: 0.8; 1974 | } 1975 | .twipsy.fade.in { 1976 | filter: alpha(opacity=80); 1977 | -khtml-opacity: 0.8; 1978 | -moz-opacity: 0.8; 1979 | opacity: 0.8; 1980 | } 1981 | .twipsy.above .twipsy-arrow { 1982 | bottom: 0; 1983 | left: 50%; 1984 | margin-left: -5px; 1985 | border-left: 5px solid transparent; 1986 | border-right: 5px solid transparent; 1987 | border-top: 5px solid #000000; 1988 | } 1989 | .twipsy.left .twipsy-arrow { 1990 | top: 50%; 1991 | right: 0; 1992 | margin-top: -5px; 1993 | border-top: 5px solid transparent; 1994 | border-bottom: 5px solid transparent; 1995 | border-left: 5px solid #000000; 1996 | } 1997 | .twipsy.below .twipsy-arrow { 1998 | top: 0; 1999 | left: 50%; 2000 | margin-left: -5px; 2001 | border-left: 5px solid transparent; 2002 | border-right: 5px solid transparent; 2003 | border-bottom: 5px solid #000000; 2004 | } 2005 | .twipsy.right .twipsy-arrow { 2006 | top: 50%; 2007 | left: 0; 2008 | margin-top: -5px; 2009 | border-top: 5px solid transparent; 2010 | border-bottom: 5px solid transparent; 2011 | border-right: 5px solid #000000; 2012 | } 2013 | .twipsy-inner { 2014 | padding: 3px 8px; 2015 | background-color: #000000; 2016 | color: white; 2017 | text-align: center; 2018 | max-width: 200px; 2019 | text-decoration: none; 2020 | -webkit-border-radius: 4px; 2021 | -moz-border-radius: 4px; 2022 | border-radius: 4px; 2023 | } 2024 | .twipsy-arrow { 2025 | position: absolute; 2026 | width: 0; 2027 | height: 0; 2028 | } 2029 | .popover { 2030 | position: absolute; 2031 | top: 0; 2032 | left: 0; 2033 | z-index: 1000; 2034 | padding: 5px; 2035 | display: none; 2036 | } 2037 | .popover.above .arrow { 2038 | bottom: 0; 2039 | left: 50%; 2040 | margin-left: -5px; 2041 | border-left: 5px solid transparent; 2042 | border-right: 5px solid transparent; 2043 | border-top: 5px solid #000000; 2044 | } 2045 | .popover.right .arrow { 2046 | top: 50%; 2047 | left: 0; 2048 | margin-top: -5px; 2049 | border-top: 5px solid transparent; 2050 | border-bottom: 5px solid transparent; 2051 | border-right: 5px solid #000000; 2052 | } 2053 | .popover.below .arrow { 2054 | top: 0; 2055 | left: 50%; 2056 | margin-left: -5px; 2057 | border-left: 5px solid transparent; 2058 | border-right: 5px solid transparent; 2059 | border-bottom: 5px solid #000000; 2060 | } 2061 | .popover.left .arrow { 2062 | top: 50%; 2063 | right: 0; 2064 | margin-top: -5px; 2065 | border-top: 5px solid transparent; 2066 | border-bottom: 5px solid transparent; 2067 | border-left: 5px solid #000000; 2068 | } 2069 | .popover .arrow { 2070 | position: absolute; 2071 | width: 0; 2072 | height: 0; 2073 | } 2074 | .popover .inner { 2075 | background-color: #000000; 2076 | background-color: rgba(0, 0, 0, 0.8); 2077 | padding: 3px; 2078 | overflow: hidden; 2079 | width: 280px; 2080 | -webkit-border-radius: 6px; 2081 | -moz-border-radius: 6px; 2082 | border-radius: 6px; 2083 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2084 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2085 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2086 | } 2087 | .popover .title { 2088 | background-color: #f5f5f5; 2089 | padding: 9px 15px; 2090 | line-height: 1; 2091 | -webkit-border-radius: 3px 3px 0 0; 2092 | -moz-border-radius: 3px 3px 0 0; 2093 | border-radius: 3px 3px 0 0; 2094 | border-bottom: 1px solid #eee; 2095 | } 2096 | .popover .content { 2097 | background-color: #ffffff; 2098 | padding: 14px; 2099 | -webkit-border-radius: 0 0 3px 3px; 2100 | -moz-border-radius: 0 0 3px 3px; 2101 | border-radius: 0 0 3px 3px; 2102 | -webkit-background-clip: padding-box; 2103 | -moz-background-clip: padding-box; 2104 | background-clip: padding-box; 2105 | } 2106 | .popover .content p, .popover .content ul, .popover .content ol { 2107 | margin-bottom: 0; 2108 | } 2109 | .fade { 2110 | -webkit-transition: opacity 0.15s linear; 2111 | -moz-transition: opacity 0.15s linear; 2112 | -ms-transition: opacity 0.15s linear; 2113 | -o-transition: opacity 0.15s linear; 2114 | transition: opacity 0.15s linear; 2115 | opacity: 0; 2116 | } 2117 | .fade.in { 2118 | opacity: 1; 2119 | } 2120 | .label { 2121 | padding: 1px 3px 2px; 2122 | background-color: #bfbfbf; 2123 | font-size: 9.75px; 2124 | font-weight: bold; 2125 | color: #ffffff; 2126 | text-transform: uppercase; 2127 | -webkit-border-radius: 3px; 2128 | -moz-border-radius: 3px; 2129 | border-radius: 3px; 2130 | } 2131 | .label.important { 2132 | background-color: #c43c35; 2133 | } 2134 | .label.warning { 2135 | background-color: #f89406; 2136 | } 2137 | .label.success { 2138 | background-color: #46a546; 2139 | } 2140 | .label.notice { 2141 | background-color: #62cffc; 2142 | } 2143 | .media-grid { 2144 | margin-left: -20px; 2145 | margin-bottom: 0; 2146 | zoom: 1; 2147 | } 2148 | .media-grid:before, .media-grid:after { 2149 | display: table; 2150 | content: ""; 2151 | zoom: 1; 2152 | *display: inline; 2153 | } 2154 | .media-grid:after { 2155 | clear: both; 2156 | } 2157 | .media-grid li { 2158 | display: inline; 2159 | } 2160 | .media-grid a { 2161 | float: left; 2162 | padding: 4px; 2163 | margin: 0 0 20px 20px; 2164 | border: 1px solid #ddd; 2165 | -webkit-border-radius: 4px; 2166 | -moz-border-radius: 4px; 2167 | border-radius: 4px; 2168 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); 2169 | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); 2170 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); 2171 | } 2172 | .media-grid a img { 2173 | display: block; 2174 | } 2175 | .media-grid a:hover { 2176 | border-color: #0069d6; 2177 | -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 2178 | -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 2179 | box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 2180 | } 2181 | --------------------------------------------------------------------------------