Initial UI cleanup
authorFrancesco Siddi <francesco.siddi@gmail.com>
Sun, 14 Jun 2015 19:57:08 +0000 (21:57 +0200)
committerFrancesco Siddi <francesco.siddi@gmail.com>
Sun, 14 Jun 2015 19:57:08 +0000 (21:57 +0200)
- added assets_shared submodule
- added support for grunt
- cleanup of layout.html

.gitignore
.gitmodules [new file with mode: 0644]
Gruntfile.js [new file with mode: 0644]
package.json [new file with mode: 0644]
public_html/assets/css/main.css [new file with mode: 0644]
public_html/assets/sass/main.sass [new file with mode: 0644]
public_html/assets_shared [new submodule]
public_html/css/font-borg.css [deleted file]
public_html/css/main.css [deleted file]
templates/layout.html

index 5e559b5..5b106cc 100644 (file)
@@ -10,6 +10,7 @@ __pycache__/
 *.swp
 *.swo
 *#
+*.bak
 
 # ms-windows
 Thumbs.db
@@ -28,3 +29,9 @@ http.log
 master_private.py
 twistd.log
 linux_glibc211_x86_64_scons/
+gitpoller-work/
+node_modules/
+*.sqlite-shm
+*.sqlite-wal
+*.pid
+*.map
diff --git a/.gitmodules b/.gitmodules
new file mode 100644 (file)
index 0000000..6a4f770
--- /dev/null
@@ -0,0 +1,3 @@
+[submodule "public_html/assets_shared"]
+       path = public_html/assets_shared
+       url = git://git.blender.org/blender-web-assets.git
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644 (file)
index 0000000..3b10ba4
--- /dev/null
@@ -0,0 +1,31 @@
+module.exports = function(grunt) {
+    grunt.initConfig({
+        pkg: grunt.file.readJSON('package.json'),
+
+        sass: {
+            dist: {
+                options: {
+                    style: 'compressed'
+                },
+                files: {
+                    'public_html/assets/css/main.css': 'public_html/assets/sass/main.sass'
+                }
+            }
+        },
+
+        autoprefixer: {
+            no_dest: { src: 'public_html/assets/css/main.css' }
+        },
+
+        watch: {
+            files: ['public_html/assets/sass/main.sass'],
+            tasks: ['sass', 'autoprefixer'],
+        }
+    });
+
+    grunt.loadNpmTasks('grunt-contrib-sass');
+    grunt.loadNpmTasks('grunt-autoprefixer');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+
+    grunt.registerTask('default', ['sass', 'autoprefixer', 'watch']);
+};
diff --git a/package.json b/package.json
new file mode 100644 (file)
index 0000000..66507d8
--- /dev/null
@@ -0,0 +1,15 @@
+{
+  "name": "blender-buildbot",
+  "repository": {
+    "type": "git",
+    "url": "git://git.blender.org/blender-buildbot.git"
+  },
+  "author": "Blender Foundation",
+  "license": "GPL",
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-autoprefixer": "^1.0.1",
+    "grunt-contrib-sass": "^0.8.1",
+    "grunt-contrib-watch": "~0.6.1"
+  }
+}
diff --git a/public_html/assets/css/main.css b/public_html/assets/css/main.css
new file mode 100644 (file)
index 0000000..8f33e49
--- /dev/null
@@ -0,0 +1,19 @@
+@import url(//fonts.googleapis.com/css?family=Open+Sans);@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);@import url(../../assets_shared/css/font-borg.css);/*!
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * Blender Web Assets
+ * Design components for Blender.org websites
+ *
+ * Authors: Pablo Vazquez, Niklas Ravnsborg-Gjertsen
+ *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.media-debug{color:#444}@media (max-width: 767px){.media-debug{color:#e95d4f}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-in-pause-out /* Used for alerts */{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}html,body{font-family:"Open Sans","Lucida Sans","Lucida Grande",sans-serif,sans-serif;font-size:14px;color:#444;cursor:default;width:100%;height:100%;margin:0;background-color:#dfdfdf;-webkit-font-smoothing:antialiased}body{padding:52px 0 0 0}body.dark{background-color:#b8b8b8}.dark{color:#fff}.container-main{background-color:#f0f0f0;padding-bottom:20px}a,a:visited,.link{color:#109df0}a:hover,.link:hover{color:#f84;text-decoration:none !important;cursor:pointer}a:active,.link,.link:active{text-decoration:underline}a:focus,.link:focus{text-decoration:none}a,button,button:focus,button::-moz-focus-inner{outline:none !important}header{width:100%;border-bottom:thin solid rgba(248,248,248,0.3)}header:nth-last-of-type(1){margin-bottom:20px}strong,b{font-weight:700}.container-fluid.bright{background-color:#f8f8f8;padding:0 0 1% 0 !important;height:100%;min-height:100%}h1,h2,h3,h4,h5,h6{font-family:"Open Sans Condensed","Lucida Sans","Lucida Grande",sans-serif,sans-serif !important;font-weight:normal;color:#2b2b2b}h1{font-size:265%}h2{font-size:220%}h3{font-size:180%;font-weight:lighter}h4{font-size:140%}h5{font-size:120%}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{text-shadow:none}p+h1{margin-top:32px}p+h2,p+h3,p+h4{margin-top:25px}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff}hr{clear:both;width:90%;height:1px;border:none;margin:15px auto 10px auto;background-color:#dfdfdf}hr.dark{background-color:rgba(184,184,184,0.4)}input,button,select,textarea{font-family:"Open Sans","Lucida Sans","Lucida Grande",sans-serif !important;font-weight:lighter;transition:background-color 0.1s ease-in;box-shadow:2px 2px 0 rgba(95,95,95,0.1);border-radius:3px !important}textarea{resize:vertical;padding:6px 6px 6px 10px !important;min-height:180px}blockquote{background-color:#f3f3f3;font-size:120%;margin:10px;padding:5px 15px;font-size:initial}blockquote p,.box blockquote p{margin:5px 15px 5px 0;padding:5px 15px 5px 0}fieldset{border:none;margin:0;padding:0}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}@media (max-width: 767px){.flex{display:block}}@media (min-width: 768px) and (max-width: 991px){.flex{display:block}}.flex [class^="col-"]{display:-webkit-flex;display:-ms-flexbox;display:flex}@media (max-width: 767px){.flex [class^="col-"]{display:block}}@media (min-width: 768px) and (max-width: 991px){.flex [class^="col-"]{display:block}}.flex [class^="col-"] .box{width:100%}.input-group{width:100%;position:relative}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{background-color:#fff;transition:background-color 0.1s ease-in}.form-control{top:0;color:#111;position:absolute;background-color:#fff !important;border:none;margin-top:30px;border:thin solid #c4c4c4 !important;border-radius:3px;box-shadow:2px 2px 0 rgba(95,95,95,0.1);transition:all 0.15s ease-in-out}.form-control:focus,.form-control:hover{background-color:#fff !important;border:thin solid #f8f8f8 !important;color:#0b6ea9;box-shadow:2px 2px 0 rgba(95,95,95,0.2)}.has-error .form-control{border:thin solid #ef877c !important}.has-error.input-group .input-group-addon,.has-error.input-group .control-label{color:#e95d4f !important}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{padding:0px 4px 0px 10px;height:40px;font-size:120%}.input-group input.form-control[type=checkbox],.input-group.input-group-lg input.form-control[type=checkbox]{box-shadow:none !important}.input-group input.form-control[type=checkbox]{width:15px}.input-group.input-group-lg input.form-control[type=checkbox]{width:20px}.input-group input.form-control[type=checkbox]+label.control-label,.input-group.input-group-lg input.form-control[type=checkbox]+label.control-label{text-align:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 0.1s ease-out}.input-group input.form-control[type=checkbox]:hover+label.control-label,.input-group.input-group-lg input.form-control[type=checkbox]:hover+label.control-label{color:#f84}.input-group input.form-control[type=checkbox]:checked+label.control-label,.input-group.input-group-lg input.form-control[type=checkbox]:checked+label.control-label{color:#109df0}.input-group input.form-control[type=checkbox]:checked+label.control-label:hover,.input-group.input-group-lg input.form-control[type=checkbox]:checked+label.control-label:hover{color:#f84}.input-group input.form-control[type=checkbox]+label.control-label{padding-left:22px;padding-top:3px}.input-group.input-group-lg input.form-control[type=checkbox]+label.control-label{padding-left:30px;padding-top:6px}.input-group input.form-control[type=checkbox]+label.control-label,.input-group.input-group-lg input.form-control[type=checkbox]+label.control-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-group .input-group-addon{position:absolute;top:30px;z-index:3;padding:10px 15px 10px 12px !important;background:transparent;border:0;color:#777 !important}.input-group .input-group-addon+.form-control,.input-group .input-group-addon+select.form-control{padding-left:35px !important}.input-group .input-group-addon .bf-network{font-size:140% !important;position:absolute;left:8px;top:8px}.input-group .input-group-addon .bf-cloud{font-size:160% !important;position:absolute;left:8px;top:4px}.input-group.input-group-lg .input-group-addon .bf-cloud{top:6px}.input-group.input-group-lg .input-group-addon{top:28px}.form-control+.input-group-addon{float:right;right:10px}.form-control+.input-group-addon>button{position:relative;margin-top:-6px;right:8px;background-color:transparent;border:none;opacity:0.5;transition:opacity 0.2s ease;box-shadow:none}.form-control:focus+.input-group-addon>button,.form-control:hover+.input-group-addon>button,.form-control+.input-group-addon>button:hover{opacity:1}.form-control+.input-group-addon.danger>button{color:#e95d4f}.error{color:#e95d4f}ul.error{margin:0 !important;padding:5px 0 0 0 !important;display:inline-block}ul.error li:after{content:"" !important}.box ul.error li,.box ul.error li:last-child{margin-bottom:0}.edit_box{background-color:#6cc2e7;float:right;color:#fff;padding:8px 10px;margin:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px;box-shadow:2px 2px 0 rgba(0,0,0,0.1)}.edit_box:hover{background-color:#56b9e4}.edit_box:focus,.edit_box:active{background-color:#f84}.panel{border-radius:3px;box-shadow:2px 2px 0 rgba(0,0,0,0.1)}.panel-default{border:none}.panel-default a:focus{text-decoration:none}.panel-default>.panel-heading{color:#444;margin:0;background-color:#ebebeb;border:none;border-bottom:2px solid #ddd}.panel-title{font-size:160%;text-shadow:1px 1px 0 rgba(255,255,255,0.5)}a.list-group-item,.panel>.list-group .list-group-item{background-color:#fff;color:#444;border:thin solid #eaeaea;border-left:2px solid #eaeaea;padding:5% 5% 5% 40px}a.list-group-item:hover,a.list-group-item:focus{background-color:#ebebeb;color:#109df0 !important;border:thin solid #ddd;border-left:2px solid #70c4f6 !important}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{background-color:transparent;color:#f84 !important;border:thin solid #ddd;border-left:2px solid #f84 !important}.list-group-with-icon a.list-group-item i,.panel>.list-group.list-group-with-icon .list-group-item i{padding:3px 15px 5px;position:absolute;float:left;left:0}.accordion .panel-heading{border-bottom:thin solid #dfdfdf;transition:border-bottom 0.2s ease-out}.accordion .collapsed .panel-heading{border-bottom:thin solid transparent}.accordion a .panel-title{color:#109df0;transition:color 0.1s ease-out}.accordion a:hover .panel-title{color:#f84 !important}.accordion a.collapsed .panel-title{color:#777}.panel-collapse-widget{font-family:"Open Sans","Lucida Sans","Lucida Grande",sans-serif;color:#aaa;display:block;float:right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.25s ease-out}.panel-collapse-widget:after{content:"+"}.collapsed .panel-collapse-widget{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.accordion .panel-body{position:relative;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);opacity:0;transition:opacity 0.2s ease-out;transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out}.accordion .collapse.in .panel-body{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:opacity 0.2s ease-out;transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out}.accordion .collapsed+.collapsing .panel-body{opacity:0;transition:opacity 0.2s ease-out}.cke_chrome{font-family:"Open Sans","Lucida Sans","Lucida Grande",sans-serif !important;font-weight:lighter;color:#2b2b2b !important;border:thin solid #aaa !important;background-color:#fff !important;resize:vertical;margin:0 !important;box-shadow:2px 2px 0 rgba(95,95,95,0.1);border-radius:3px}span#cke_2_top{padding:5px !important;border:none;background-image:none;background-color:transparent !important;box-shadow:none}span.cke_toolgroup{border:none;border-bottom:2px solid transparent;background-image:none;background-color:#fff}a.cke_button_off{border-bottom:2px solid transparent !important;box-shadow:none}a.cke_button_off:hover,a.cke_button_off:focus,a.cke_button_off:active,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{background-image:none !important;background-color:transparent !important;color:#fff !important;border-bottom:2px solid #109df0 !important}a.cke_button_on,a.cke_button_on:hover,a.cke_button_on:focus,a.cke_button_on:active{background-image:none !important;background-color:transparent !important;border-bottom:2px solid #f84 !important;color:#fff !important;box-shadow:none}::-webkit-input-placeholder{color:#aaa !important}:-moz-placeholder{color:#aaa !important;opacity:1}::-moz-placeholder{color:#aaa !important;opacity:1}:-ms-input-placeholder{color:#aaa !important}.input-group.input-checkbox{margin-top:25px;margin-bottom:25px}.input-group.input-checkbox .control-label{font-size:100%;text-align:left !important}.input-group.input-checkbox .btn-group{float:right}.input-group.input-checkbox .btn-group .btn{min-width:45px;font-weight:bolder;color:#fff;background-color:#109df0;border-bottom-color:#095f91}.input-group.input-checkbox .btn-group .btn.active{background-color:#f84;border-bottom-color:#dd5000}.input-group.input-checkbox .btn-group .btn:before{content:"";font-family:"FontAwesome"}.input-group.input-checkbox .btn-group .btn.active:before{content:"";font-family:"FontAwesome"}.input-group.input-checkbox .btn-group .btn{color:#fff;border-left-color:#fff !important;border-right-color:#fff !important}.input-group.input-checkbox .btn-group .btn.active{box-shadow:none}.input-group.input-checkbox .btn-group .btn:hover{color:#fff !important}.btn-group.open .dropdown-toggle{box-shadow:none}.btn-group ul.dropdown-menu{font-size:100%}label{font-weight:normal}.control-label{font-size:95%}.input-group-lg .control-label{font-size:100%}.input-group .control-label{position:absolute;left:0;top:8px}.form-horizontal .control-label{padding-top:0}.input-group select:focus{border:none;box-shadow:none}.input-group select{height:auto !important;padding:6px 7px 7px !important;text-transform:capitalize}.input-group select:hover,.input-group select:focus{color:inherit}.input-group option{margin:0 4px 0 8px !important}.input-group.disabled{opacity:0.5;pointer-events:none}.input-group.disabled .form-control{border-color:transparent;background-color:#e9e9e9}.input-group .form-control[type='file']{padding-top:5px}.input-group.input-group-lg .form-control[type='file']{padding-top:6px}.disabled{opacity:0.65 !important;pointer-events:none !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.top{position:absolute !important;top:0 !important}.bottom{position:absolute !important;bottom:0 !important}.left{float:left !important;left:0 !important}.right{float:right !important;right:0 !important}.text-align-center{text-align:center !important}.text-align-left{text-align:left !important}.text-align-right{text-align:right !important}.text-transform-uppercase{text-transform:uppercase !important}.text-transform-lowercase{text-transform:lowercase !important}.text-transform-capitalize{text-transform:capitalize !important}.text-size-100{font-size:100% !important}.text-size-120{font-size:120% !important}.content-margin-center{margin-left:auto !important;margin-right:auto !important}.margin-top-0{margin-top:0 !important}.margin-top-1{margin-top:1% !important}.margin-top-2{margin-top:2% !important}.margin-top-3{margin-top:3% !important}.margin-top-4{margin-top:4% !important}.margin-top-5{margin-top:5% !important}.margin-top-5px{margin-top:5px !important}.margin-top-10px{margin-top:10px !important}.margin-top-15px{margin-top:15px !important}.margin-top-20px{margin-top:20px !important}.margin-top-25px{margin-top:25px !important}.margin-bottom-0{margin-bottom:0 !important}.margin-bottom-1{margin-bottom:1% !important}.margin-bottom-2{margin-bottom:2% !important}.margin-bottom-3{margin-bottom:3% !important}.margin-bottom-4{margin-bottom:4% !important}.margin-bottom-5{margin-bottom:5% !important}.margin-bottom-5px{margin-bottom:5px !important}.margin-bottom-10px{margin-bottom:10px !important}.margin-bottom-15px{margin-bottom:15px !important}.margin-bottom-20px{margin-bottom:20px !important}.margin-bottom-25px{margin-bottom:25px !important}.margin-left-0{margin-left:0 !important}.margin-left-1{margin-left:1% !important}.margin-left-2{margin-left:2% !important}.margin-left-3{margin-left:3% !important}.margin-left-4{margin-left:4% !important}.margin-left-5{margin-left:5% !important}.margin-left-5px{margin-left:5px !important}.margin-left-10px{margin-left:10px !important}.margin-left-15px{margin-left:15px !important}.margin-left-20px{margin-left:20px !important}.margin-left-25px{margin-left:25px !important}.margin-right-0{margin-right:0 !important}.margin-right-1{margin-right:1% !important}.margin-right-2{margin-right:2% !important}.margin-right-3{margin-right:3% !important}.margin-right-4{margin-right:4% !important}.margin-right-5{margin-right:5% !important}.margin-right-5px{margin-right:5px !important}.margin-right-10px{margin-right:10px !important}.margin-right-15px{margin-right:15px !important}.margin-right-20px{margin-right:20px !important}.margin-right-25px{margin-right:25px !important}.padding-top-0{padding-top:0 !important}.padding-top-1{padding-top:1% !important}.padding-top-2{padding-top:2% !important}.padding-top-3{padding-top:3% !important}.padding-top-4{padding-top:4% !important}.padding-top-5{padding-top:5% !important}.padding-top-5px{padding-top:5px !important}.padding-top-10px{padding-top:10px !important}.padding-top-15px{padding-top:15px !important}.padding-top-20px{padding-top:20px !important}.padding-top-25px{padding-top:25px !important}.padding-bottom-0{padding-bottom:0 !important}.padding-bottom-1{padding-bottom:1% !important}.padding-bottom-2{padding-bottom:2% !important}.padding-bottom-3{padding-bottom:3% !important}.padding-bottom-4{padding-bottom:4% !important}.padding-bottom-5{padding-bottom:5% !important}.padding-bottom-5px{padding-bottom:5px !important}.padding-bottom-10px{padding-bottom:10px !important}.padding-bottom-15px{padding-bottom:15px !important}.padding-bottom-20px{padding-bottom:20px !important}.padding-bottom-25px{padding-bottom:25px !important}.padding-left-0{padding-left:0 !important}.padding-left-1{padding-left:1% !important}.padding-left-2{padding-left:2% !important}.padding-left-3{padding-left:3% !important}.padding-left-4{padding-left:4% !important}.padding-left-5{padding-left:5% !important}.padding-left-5px{padding-left:5px !important}.padding-left-10px{padding-left:10px !important}.padding-left-15px{padding-left:15px !important}.padding-left-20px{padding-left:20px !important}.padding-left-25px{padding-left:25px !important}.padding-right-0{padding-right:0 !important}.padding-right-1{padding-right:1% !important}.padding-right-2{padding-right:2% !important}.padding-right-3{padding-right:3% !important}.padding-right-4{padding-right:4% !important}.padding-right-5{padding-right:5% !important}.padding-right-5px{padding-right:5px !important}.padding-right-10px{padding-right:10px !important}.padding-right-15px{padding-right:15px !important}.padding-right-20px{padding-right:20px !important}.padding-right-25px{padding-right:25px !important}.width-full{width:100% !important;max-width:100% !important}.width-75{width:75% !important;max-width:75% !important}.width-half{width:50% !important;max-width:50% !important}.width-25{width:25% !important;max-width:25% !important}.opacity-full{opacity:1 !important}.opacity-75{opacity:0.75 !important}.opacity-half{opacity:0.5 !important}.opacity-25{opacity:0.25 !important}.opacity-0{opacity:0 !important}.relative{position:relative !important}.absolute{position:absolute !important}.inline-block{display:inline-block !important}.block{display:block !important}.height-full{height:100% !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.text-overflow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-overflow-clip{overflow:hidden;white-space:nowrap;text-overflow:clip}.vertical-align{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cursor-hover-pointer{cursor:pointer !important}.background-default{background-color:#f8f8f8 !important}.background-bright{background-color:#fff !important}.background-dark{background-color:#b8b8b8 !important;color:#fff}.background-info{background-color:#40b0e0 !important;color:#fff}.background-success{background-color:#d5d644 !important;text-shadow:1px 1px 0 rgba(255,255,255,0.4)}.background-warning{background-color:#faaf40 !important}.background-danger{background-color:#e95d4f !important;color:#fff}.background-info h1,.background-info h2,.background-info h3,.background-info h4,.background-danger h1,.background-danger h2,.background-danger h3,.background-danger h4,.background-dark h1,.background-dark h2,.background-dark h3,.background-dark h4{color:#fff}.background-success h1,.background-success h2,.background-success h3,.background-success h4,.background-success h5,.background-success h6{text-shadow:1px 1px 0 rgba(255,255,255,0.4)}.background-info a,.background-danger a,.background-dark a{color:#fff !important;font-weight:bold}.background-info .disabled label,.background-danger .disabled label,.background-dark .disabled label{color:#fff}input.form-control.background-danger{color:#fff !important;border-color:#d12b1a !important}input.form-control:hover.background-danger,input.form-control:focus.background-danger{color:#fff !important;background-color:#d12b1a !important;border-color:#a42214 !important}.color-bright{color:#fff !important}.table-row-link:hover .background-info,.table-row-link:hover .background-danger,.table-row-link:hover .background-dark{color:#fff !important;font-weight:bold}.z-index-2{z-index:2}.list-margin-bottom-1 li{margin-bottom:1%}.list-margin-bottom-2 li{margin-bottom:2%}.list-margin-bottom-3 li{margin-bottom:3%}.list-margin-bottom-4 li{margin-bottom:4%}.list-margin-bottom-5 li{margin-bottom:5%}.border-left{border-left:thin solid #d0d0d0}.border-left.dark{border-left-color:#eaeaea}.border-left.bright{border-left-color:#b7b7b7}.border-right{border-right:thin solid #d0d0d0}.border-right.dark{border-right-color:#eaeaea}.border-right.bright{border-right-color:#b7b7b7}.border-top{border-top:thin solid #d0d0d0}.border-top.dark{border-top-color:#eaeaea}.border-top.bright{border-top-color:#b7b7b7}.border-bottom{border-bottom:thin solid #d0d0d0}.border-bottom.dark{border-bottom-color:#eaeaea}.border-bottom.bright{border-bottom-color:#b7b7b7}.border-none{border:none !important}.border-radius-3{border-radius:3px}.border-radius-none{border-radius:0}.navbar{color:#444;border:none;z-index:9 !important;margin-bottom:0;font-size:140%;min-height:44px}.navbar.navbar-secondlevel:nth-last-of-type(1),.navbar.navbar-thirdlevel:nth-last-of-type(1){box-shadow:2px 2px 0 rgba(95,95,95,0.1)}@media (max-width: 767px){.navbar-nav{margin:0 -15px}}.navbar.dark{color:#fff}.navbar li:after,.navbar-nav li:after{content:""}.navbar-nav>li>a{color:#444;font-family:"Open Sans Condensed","Lucida Sans","Lucida Grande",sans-serif !important;border-bottom:2px solid transparent;text-shadow:1px 1px 2px #f8f8f8;transition:border-color 0.1s ease-out}.navbar-default.dark .nav>li>a{color:#fff;text-shadow:1px 1px 2px #f8f8f8}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#109df0;border-color:#109df0}.navbar-default.dark .navbar-nav>li>a:hover{color:#fff}.navbar-default{background-color:#fff}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{font-weight:normal;color:#f65a00;background-color:transparent;border-bottom-color:#ff9558}.navbar-brand{color:#444 !important}.navbar-brand:hover{opacity:0.9;transition:opacity 0.1s ease}.navbar li.current_page_item a,.navbar li.current-page-parent a,.navbar li.current-page-ancestor a,.navbar li.current_page_parent a{font-weight:normal;color:#ff782a;border-bottom-color:rgba(255,136,68,0.8)}.navbar li.current_page_item a:hover,.navbar li.current-page-parent a:hover,.navbar li.current-page-ancestor a:hover,.navbar li.current_page_parent a:hover,.navbar li.current_page_ancestor a:hover{color:#f84;border-bottom-color:rgba(255,136,68,0.8);cursor:default}.navbar li.current-page-ancestor a,.navbar li.current_page_ancestor a{color:rgba(255,136,68,0.85)}.navbar li.current-page-ancestor a:hover,.navbar li.current_page_ancestor a:hover{cursor:pointer}.navbar-secondlevel.navbar{z-index:8 !important}.navbar-secondlevel.navbar,.navbar-thirdlevel.navbar{background-color:#fff;min-height:41px}.navbar-secondlevel .navbar-nav>li>a,.navbar-thirdlevel .navbar-nav>li>a{padding:10px 15px 8px 15px;position:relative;top:3px}.navbar-thirdlevel{z-index:7 !important;border-top:1px solid #f0f0f0;font-size:140%}@media (min-width: 768px) and (max-width: 991px){ul.nav.navbar-nav.navbar-left{max-width:105%;margin-bottom:0}}@media (min-width: 768px) and (max-width: 991px){ul.nav.navbar-nav.navbar-left .dropdown-menu li{margin:10px 0 10px -15px;font-size:110%}}.navbar-toggle{font-size:1em}.dropdown-menu{border:0;min-width:130px;background:#fff;font-size:70%;padding:0;border-radius:0;box-shadow:2px 2px 0 rgba(0,0,0,0.1);transition:opacity 0.1s ease}.dropdown-menu>li>a{padding:6% 8% 6% 6%;padding-right:45px;font-weight:normal;line-height:1.42857;color:#444;transition:border-color 0.05s ease}.dropdown-menu>li>a:hover{background:transparent;color:#40b1f3}.dropdown-menu>.active>a{background:transparent;color:#f84}.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.dropdown-menu>li>a:active{background:transparent;color:#ff6811;cursor:default}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:active,.dropdown-menu>.active>a:focus,.dropdown-menu>li>a:active{background:transparent;color:#109df0}.dropdown-menu .divider{height:1px;margin:0;background:#f8f8f8}.dropdown-menu i{float:left;width:22px;margin:3px 0 0 2px}.navbar-nav .open .dropdown-menu{border-bottom-left-radius:3px !important;border-bottom-right-radius:3px !important}@media (min-width: 768px) and (max-width: 991px){.navbar-nav .open .dropdown-menu{float:left !important;width:100%}}@media (min-width: 768px) and (max-width: 991px){li.dropdown.absolute.right{position:relative !important;float:left !important;width:100%}}img.alignright{float:right;margin:10px 0 10px 10px}img.alignleft{float:right;margin:10px 10px 10px 0}.backicon{z-index:0;position:absolute;font-size:1400%;bottom:-50px;right:-35px;color:rgba(68,68,68,0.08);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.divider{margin:20px auto;width:100%;height:2px;border-top:thin solid #ebebeb}.title{position:relative;margin:5px 0;padding:10px 0;color:#fff;text-shadow:2px 2px 0 rgba(43,43,43,0.3)}i.title-icon{position:relative;float:right;margin:0 3%;bottom:0.1em;font-size:116%;opacity:0.2}.info{color:#40b0e0 !important}.warning{color:#faaf40 !important}.danger{color:#e95d4f !important}.success{color:#bcbd2a !important}.text-color-brand-main{color:#109df0 !important}.text-color-brand-secondary{color:#f84 !important}.info h1,.info h2,.info h3,.info h4,.info h5,.info h6{color:#40b0e0 !important}.danger h1,.danger h2,.danger h3,.danger h4,.danger h5,.danger h6{color:#e95d4f !important}.warning h1,.warning h2,.warning h3,.warning h4,.warning h5,.warning h6{color:#faaf40 !important}.success h1,.success h2,.success h3,.success h4,.success h5,.success h6{color:#d5d644 !important}ul{margin:0}ul li{margin-left:0;list-style-type:none;position:relative;transition:all 0.1s ease-out}ul li:after{content:"";position:absolute;left:-10px;top:-2px;text-align:right;font-size:120%;color:rgba(68,68,68,0.5);transition:all 0.15s ease-in}ul.list-bullets-check li:after{content:"";font-size:75%;top:4px;left:-15px;font-family:"FontAwesome"}ul.list-bullets-none li:after{content:""}li [class^="fa-"]{text-align:left}ul.list-margin-none{padding:0 10px 0 28px}ul ul{padding-left:10px}ul li ul li:after{content:"";font-size:85%;top:2px;left:-11px;font-family:"FontAwesome"}.pagination{margin:30px auto 0px auto;width:100%;text-align:center}.pagination .active span{background-color:#f84}a.btn,.btn,button{background-color:#f1f1f1;color:#444;font-family:"Open Sans Condensed","Lucida Sans","Lucida Grande",sans-serif !important;font-size:130%;text-shadow:0 1px 1px rgba(255,255,255,0.06);border:thin solid #eaeaea;border-bottom:1px solid #d8d8d8;border-radius:3px;transition:all 0.1s ease-in-out}a.btn:hover,.btn:hover,button:hover{background-color:#f7f7f7;border-color:#eaeaea;border-bottom:1px solid #8dd0f8;color:#109df0 !important}a.btn:active,a.btn:focus,.btn:active,.btn:focus,button:active,button:focus{background-color:#f7f7f7;color:#f84 !important;border-color:#eaeaea;border-bottom-color:#f84;outline:none !important;box-shadow:1px 1px 0 rgba(0,0,0,0.1)}a.btn.btn-squishy,.btn.btn-squishy{position:relative;top:0;margin-bottom:8px;font-weight:600;border-radius:3px;box-shadow:0 3px 0 #d8d8d8}a.btn.btn-squishy:hover,.btn.btn-squishy:hover{background-color:#f7f7f7;top:2px;box-shadow:0 1px 0 #d8d8d8}a.btn.btn-squishy:active,a.btn.btn-squishy:focus,.btn.btn-squishy:active,.btn.btn-squishy:focus{border-bottom-color:#f84;color:#f84 !important;background-color:#f7f7f7;border-top-color:#f7f7f7}.btn-group.open .dropdown-toggle{border:thin solid #eaeaea}a.btn.btn-outline,.btn.btn-outline{background-color:transparent;color:#fff;border:1px solid #fff;padding:5px 20px;box-shadow:none}a.btn.btn-outline:hover,.btn.btn-outline:hover{color:#fff !important;border:1px solid #fff;background-color:rgba(255,255,255,0.25)}a.btn.btn-outline:active,a.btn.btn-outline:focus,.btn.btn-outline:active,.btn.btn-outline:focus{color:#fff !important;border:1px solid #fff;background-color:rgba(255,255,255,0.5)}.box a.btn.btn-outline,.box .btn.btn-outline{color:#444;border:1px solid #aaa}.box a.btn.btn-outline:hover,.box .btn.btn-outline:hover{color:#000 !important;border:1px solid #777;background-color:rgba(255,255,255,0.25)}.box a.btn.btn-outline:active,.box a.btn.btn-outline:focus,.box .btn.btn-outline:active,.box .btn.btn-outline:focus{color:#000 !important;border:1px solid #444;background-color:rgba(255,255,255,0.5)}a.btn-success,.btn-success{background-color:#d5d644;color:#40400e;border-color:#d0d12f;text-shadow:1px 1px 0 rgba(255,255,255,0.6)}a.btn-success:hover,.btn-success:hover{color:#444 !important;background-color:#e3e483;border-color:#d0d12f}a.btn.btn-squishy.btn-success,.btn.btn-squishy.btn-success{background-color:#d5d644;border-color:#d0d12f;border-bottom-color:#c5c62b;box-shadow:0 3px 0 #c5c62b}a.btn.btn-squishy.btn-success:hover,.btn.btn-squishy.btn-success:hover{background-color:#dadb59;box-shadow:0 1px 0 #c5c62b}a.btn-success:focus,.btn-success:focus,a.btn-success:active,.btn-success:active,a.btn.btn-squishy.btn-success:focus,.btn.btn-squishy.btn-success:focus,a.btn.btn-squishy.btn-success:active,.btn.btn-squishy.btn-success:active{color:#444 !important;background-color:#bcbd2a;border-bottom-color:#bcbd2a}a.btn-danger,.btn-danger{color:#fff !important;background-color:#ea6558;border-color:#e64838;text-shadow:1px 1px 0 rgba(0,0,0,0.4)}a.btn-danger:hover,.btn-danger:hover{color:#fff !important;background-color:#ec766a;border-color:#e64838;border-bottom-color:#e33322}a.btn.btn-squishy.btn-danger,.btn.btn-squishy.btn-danger{background-color:#ea6558;border-bottom-color:#e33322;box-shadow:0 3px 0 #d64739}a.btn.btn-squishy.btn-danger:hover,.btn.btn-squishy.btn-danger:hover{border-color:#e74c3d;background-color:#ec7266;box-shadow:0 1px 0 #d12b1a}a.btn-danger:focus,.btn-danger:focus,a.btn-danger:active,.btn-danger:active,a.btn.btn-squishy.btn-danger:focus,.btn.btn-squishy.btn-danger:focus,a.btn.btn-squishy.btn-danger:active,.btn.btn-squishy.btn-danger:active{color:#fff !important;background-color:#e33322;border-bottom-color:#df2e1c}a.btn-warning,.btn-warning{color:#523202;background-color:#fbbb5e;border-color:#faab36;text-shadow:1px 1px 1px rgba(255,255,255,0.5)}a.btn-warning:hover,.btn-warning:hover{color:#2b2b2b !important;background-color:#fcc87c;border-color:#faab36;border-bottom-color:#e78d06}a.btn.btn-squishy.btn-warning,.btn.btn-squishy.btn-warning{background-color:#fbbb5e;border-bottom-color:#f69606;box-shadow:0 3px 0 #e68e0c}a.btn.btn-squishy.btn-warning:hover,.btn.btn-squishy.btn-warning:hover{background-color:#fcc87c;box-shadow:0 1px 0 #e78d06}a.btn-warning:focus,.btn-warning:focus,a.btn-warning:active,.btn-warning:active,a.btn.btn-squishy.btn-warning:focus,.btn.btn-squishy.btn-warning:focus,a.btn.btn-squishy.btn-warning:active,.btn.btn-squishy.btn-warning:active{color:#444 !important;background-color:#f99a0e}a.btn-info,.btn-info{color:#fff !important;background-color:#52b7e3;border-color:#37acdf;text-shadow:1px 1px 0 rgba(0,0,0,0.4)}a.btn-info:hover,.btn-info:hover{color:#fff !important;background-color:#6cc2e7;border-color:#37acdf;border-bottom-color:#1e88b6}a.btn.btn-squishy.btn-info,.btn.btn-squishy.btn-info{background-color:#52b7e3;border-bottom-color:#2092c3;box-shadow:0 3px 0 #239fd5}a.btn.btn-squishy.btn-info:hover,.btn.btn-squishy.btn-info:hover{background-color:#6cc2e7;box-shadow:0 1px 0 #2aa7dc}a.btn-info:focus,.btn-info:focus,a.btn-info:active,.btn-info:active,a.btn.btn-squishy.btn-info:focus,.btn.btn-squishy.btn-info:focus,a.btn.btn-squishy.btn-info:active,.btn.btn-squishy.btn-info:active{color:#fff !important;background-color:#2199cc;border-bottom-color:#2092c3}a.btn.external{border-bottom:2px solid rgba(255,136,68,0.2)}a.btn.external:after{content:"";float:right;font-size:75%;color:rgba(68,68,68,0.6);position:absolute;top:6px;right:8px;font-family:"FontAwesome"}.btn-xs{font-size:90%}.nav-tabs li:after{content:""}.nav-tabs>li>a{color:#444;border-color:transparent;cursor:pointer;transition:color 0.1s,opacity 0.1s}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus,.nav-tabs.nav-justified>li>a:hover,.nav-tabs.nav-justified>li>a:focus{border:none;background-color:transparent;color:#0c7ec1;border-color:transparent;border-bottom:2px solid #40b1f3 !important}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus,.nav-tabs.nav-justified>li.active>a,.nav-tabs.nav-justified>li.active>a:hover,.nav-tabs.nav-justified>li.active>a:focus{border:none;background-color:transparent;color:#109df0;border-color:transparent;border-bottom:2px solid #109df0 !important;cursor:default}.nav-tabs.nav-justified>li>a{border-bottom:2px solid #dfdfdf !important}.tab-content{position:relative;height:100%;background-color:#fff;border:none;overflow:hidden;border-radius:3px;box-shadow:2px 2px 0 rgba(95,95,95,0.1)}.tab-content p{padding:10px}.label{padding:0.2em 0.7em 0.3em;font-size:90%;font-weight:normal;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2);box-shadow:1px 1px 0 rgba(0,0,0,0.1);border-radius:3px}.label.label-2x{font-size:100%}.label-info{background-color:#40b0e0;color:#fff;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,0.2);border:thin solid #2aa7dc}.label-danger{background-color:#e95d4f;color:#fff;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,0.2);border:thin solid #e64838}.label-warning{background-color:#faaf40;color:#523202;text-shadow:1px 1px 0 rgba(255,255,255,0.5);border:thin solid #f9a527}.label-success{background-color:#d5d644;color:#40400e;text-shadow:1px 1px 0 rgba(255,255,255,0.5);border:thin solid #d0d12f}.disabled label{color:#515151}.flip{-webkit-perspective:1170px;-o-perspective:1170px;perspective:1170px;position:relative;clear:both}.flip .card{height:100%;-webkit-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;transition:0.3s}.flip .card .face{-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:3}.flip .card .front{position:absolute;width:100%;z-index:2;-webkit-backface-visibility:hidden !important;-o-backface-visibility:hidden !important;backface-visibility:hidden !important;transition:opacity 0.15s ease-in-out}.flip .card .back{-webkit-transform:rotatey(-180deg);-ms-transform:rotatey(-180deg);transform:rotatey(-180deg)}.flip .face>h1,.flip .face>h2,.flip .face>h3,.flip .face>h4{margin-top:0}.flip .card.flipped{-webkit-transform:rotatey(-180deg);-ms-transform:rotatey(-180deg);transform:rotatey(-180deg)}.flipped .front{opacity:0;-webkit-backface-visibility:hidden !important;-o-backface-visibility:hidden !important;backface-visibility:hidden !important}.flip_toggle{display:block;position:absolute;right:0;top:5px;padding:2px;min-width:40px;min-height:40px;z-index:2;transition:color 0.15s ease-in-out}.flip_toggle:hover{cursor:pointer;color:#40b1f3}.flip_toggle:before{content:"";font-family:"FontAwesome";right:12px;position:absolute}.box,.breadcrumb{position:relative;background-color:#fff;border:thin solid #f1f1f1;overflow:hidden;word-break:break-word;border-radius:3px;box-shadow:2px 2px 0 rgba(95,95,95,0.1)}@media (max-width: 767px){.box{margin-bottom:14px}}@media (min-width: 768px) and (max-width: 991px){.box{margin-bottom:14px}}.box p{position:relative;margin:15px}.box p+ul{margin-top:-7px}.box a{text-shadow:none}.box h1{margin:10px 10px 0 15px;text-shadow:none}.box h2{margin:10px 10px 0 15px;text-shadow:none}.box h3,.box h4,.box h5,.box h6{margin:10px 0 0 15px;text-shadow:none}.box h2+p{margin-top:10px}.box h3+p,.box h4+p,.box h5+p{margin-top:5px}.box hr{width:95%;opacity:0.8}.box ul{margin-top:10px;margin-left:0;padding-left:30px}.box ul li{margin-bottom:10px;padding-right:15px}.box ul li:after{content:"·";top:-1px;left:-13px;color:#aaa}.box ul li:last-child{margin-bottom:35px}.box .bottom{width:100%}.box+.box{margin-top:20px}.box ul.nav.nav-tabs{margin:0;padding:0;list-style:none}.box ul.nav.nav-tabs li{margin:0;padding:0;background-color:#ebebeb;text-shadow:1px 1px 1px rgba(255,255,255,0.8)}.box ul.nav.nav-tabs li:first-child{border-top-left-radius:3px}.box ul.nav.nav-tabs li:last-child{border-top-right-radius:3px}.box ul.nav.nav-tabs li:after{content:""}.box ul.nav.nav-tabs li.active{background-color:#fff}.box ul.nav.nav-tabs li a{border:none;border-right-color:#fff;border-bottom-color:#fff;text-shadow:1px 1px 1px rgba(255,255,255,0.8)}.featured{height:350px;overflow:hidden;position:relative;background-color:#fff;border:none;border-bottom:thin solid #eaeaea;background-image:url(https://www.blender.org/wp-content/themes/bthree/assets/images/placeholder_background.jpg);background-size:cover;box-shadow:2px 2px 0 rgba(95,95,95,0.1)}@media (max-width: 767px){.featured{height:160px}}.featured-xs{height:100px}.featured-sm{height:160px}.featured-md{height:250px}.featured-lg{height:350px}.featured-xl{height:450px}.featured h1,.featured h2,.featured h3,.featured h4,.featured h5,.featured h6{color:#fff}.featured h1{font-size:360%}@media (max-width: 767px){.featured h1{font-size:200%;padding:0;margin:0}}.featured h3{font-size:180%}@media (max-width: 767px){.featured h3{font-size:130%;padding:0;margin:0}}.featured .backicon{font-size:2500%;top:116.66667px}.featured-xs .backicon{top:-50px}.featured-sm .backicon{top:-40px}.featured-md .backicon{top:31.25px}.featured-lg .backicon{top:116.66667px}.featured-xl .backicon{top:180px}.thumbnail{padding:4px;border:none;background-color:#fff;box-shadow:1px 1px 0 rgba(68,68,68,0.25);transition:all 0.1s ease-out}a img.thumbnail:hover{opacity:0.9}.soyadmin{float:right;color:#444;font-size:150%;position:fixed;right:17px;top:12px;z-index:10;opacity:0.3}.soyadmin:hover{color:#109df0;opacity:1}.alert{margin-bottom:0;border:none;position:fixed;z-index:9;width:100%;border-radius:0;text-align:center;color:#2b2b2b;font-size:110%;padding:0;-webkit-animation:fade-in-pause-out 6s;-webkit-animation-fill-mode:both;-moz-animation:fade-in-pause-out 6s;-moz-animation-fill-mode:both;-o-animation:fade-in-pause-out 6s;-o-animation-fill-mode:both;-ms-animation:fade-in-pause-out 6s;-ms-animation-fill-mode:both}.alert .container{padding:0.5em 0}.alert-info,.alert-warning,.alert-danger,.alert-success{box-shadow:0 2px 2px rgba(0,0,0,0.1)}.alert-info{background-color:rgba(64,176,224,0.9);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}.alert-warning{background-color:#ff9b08;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.4)}.alert-warning .close{color:#444}.alert-warning .close:hover{color:#2b2b2b !important}.alert-danger{background-color:rgba(233,93,79,0.9);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}.alert-success{background-color:rgba(239,240,83,0.9);text-shadow:1px 1px 1px rgba(255,255,255,0.5)}.alert-success .close{color:#444}.alert-success .close:hover{color:#2b2b2b !important}.alert button.close{font-size:90%;padding:0.2em 0.5em 0 0}.alert-info h1,.alert-info h2,.alert-info h3,.alert-info h4,.alert-danger h1,.alert-danger h2,.alert-danger h3,.alert-danger h4{color:#fff}.close{color:#fff;text-shadow:none;opacity:0.5}.close:hover{color:#fff !important;background-color:transparent;opacity:1}.alert button.close{box-shadow:none}.alert button.close:hover{border:none;box-shadow:none}.table{border-collapse:initial}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top:thin solid transparent;border-bottom:thin solid transparent}.table tr:hover td{border-top:thin solid #d8d8d8 !important;border-bottom:thin solid #d8d8d8 !important}.table-striped>tbody>tr:nth-child(2n+1)>td,.table-striped>tbody>tr:nth-child(2n+1)>th{background-color:#f0f0f0}.table-striped>tbody>tr:nth-child(2n+1):hover>td,.table-striped>tbody>tr:nth-child(2n+1):hover>th,.table-striped>tbody>tr:nth-child(2n):hover>td,.table-striped>tbody>tr:nth-child(2n):hover>th{background-color:#eee}.table .table-row-link:hover>tr,.table .table-row-link:hover>td{color:#109df0;cursor:pointer}tbody>tr.danger>td a,tbody>tr.info>td a,tbody>tr.warning>td a,tbody>tr.success>td a{font-weight:bold}tbody>tr.danger>td a:hover,tbody>tr.info>td a:hover,tbody>tr.warning>td a:hover,tbody>tr.success>td a:hover{text-decoration:underline !important}tbody>tr.danger>td a,tbody>tr.info>td a{color:#fff}tbody>tr.warning>td a,tbody>tr.success>td a{color:#444}.table tr.info:hover td{background-color:#2199cc !important;border-top:thin solid #2199cc !important;border-bottom:thin solid #2199cc !important}.table tr.danger:hover td{background-color:#e64838 !important;border-top:thin solid #e95d4f !important;border-bottom:thin solid #e95d4f !important}.table tr.warning:hover td{background-color:#f9a527 !important;border-top:thin solid #faaf40 !important;border-bottom:thin solid #faaf40 !important}.table tr.success:hover td{background-color:#d0d12f !important;border-top:thin solid #d5d644 !important;border-bottom:thin solid #d5d644 !important}.table-striped>tbody>tr.danger:nth-child(2n)>td,.table-striped>tbody>tr.danger:nth-child(2n)>th,.table-striped>tbody>tr.danger:nth-child(2n+1)>td,.table-striped>tbody>tr.danger:nth-child(2n+1)>th,.table-striped>tbody>tr.info:nth-child(2n)>td,.table-striped>tbody>tr.info:nth-child(2n)>th,.table-striped>tbody>tr.info:nth-child(2n+1)>td,.table-striped>tbody>tr.info:nth-child(2n+1)>th{color:#fff}.table>tbody>tr.success>td,.table-striped>tbody>tr.success:nth-child(2n)>td,.table-striped>tbody>tr.success:nth-child(2n)>th,.table-striped>tbody>tr.success:nth-child(2n+1)>td,.table-striped>tbody>tr.success:nth-child(2n+1)>th,.table-striped>tbody>tr.warning:nth-child(2n)>td,.table-striped>tbody>tr.warning:nth-child(2n)>th,.table-striped>tbody>tr.warning:nth-child(2n+1)>td,.table-striped>tbody>tr.warning:nth-child(2n+1)>th{color:#444}.table-striped>tbody>tr.danger:nth-child(2n)>td,.table-striped>tbody>tr.danger:nth-child(2n)>th{background-color:#ec7266}.table-striped>tbody>tr.danger:nth-child(2n+1)>td,.table-striped>tbody>tr.danger:nth-child(2n+1)>th{background-color:#e95d4f}.table-striped>tbody>tr.success:nth-child(2n)>td,.table-striped>tbody>tr.success:nth-child(2n)>th{background-color:#d0d12f}.table>tbody>tr.success>td,.table-striped>tbody>tr.success:nth-child(2n+1)>td,.table-striped>tbody>tr.success:nth-child(2n+1)>th{background-color:#d5d644}.table-striped>tbody>tr.warning:nth-child(2n)>td,.table-striped>tbody>tr.warning:nth-child(2n)>th{background-color:#fbc472}.table-striped>tbody>tr.warning:nth-child(2n+1)>td,.table-striped>tbody>tr.warning:nth-child(2n+1)>th{background-color:#faaf40}.table-striped>tbody>tr.info:nth-child(2n)>td,.table-striped>tbody>tr.info:nth-child(2n)>th{background-color:#6cc2e7}.table-striped>tbody>tr.info:nth-child(2n+1)>td,.table-striped>tbody>tr.info:nth-child(2n+1)>th{background-color:#40b0e0}.dataTable .group{font-size:200%;font-family:"Open Sans Condensed","Lucida Sans","Lucida Grande",sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,0.2)}.dataTable .group td,.dataTable .group td:hover{background-color:#40b0e0 !important;color:#fff !important;border:none !important;border-bottom:2px solid #2199cc !important;padding-top:7px;padding-bottom:0}.dataTable .sorting{position:relative}.dataTable .fa-sort{font-size:80%;position:absolute;color:#aaa;top:12px;right:2px}header a.logo{display:block;position:relative;float:left;height:36px;font-family:"Open Sans Condensed","Lucida Sans","Lucida Grande",sans-serif !important;color:#515151;text-align:right;font-size:120%;background:url(https://www.blender.org/wp-content/themes/bthree/assets/images/logo.png) no-repeat;font-weight:lighter;line-height:180%;width:123px;opacity:1;margin:8px 0 0 0;background-size:123px 36px;transition:opacity 0.2s ease-in}@media (max-width: 767px){header a.logo{margin:12px 0 0 15px}}header a.logo:hover{color:#444;opacity:0.8}footer{font-size:80%}footer a{color:#777 !important}footer a:hover{color:#109df0 !important}#footer-navigation{font-size:85%;margin-bottom:5px;color:#6a6a6a;border-top:thick solid #ddd}#footer-navigation ul{position:relative;margin:0;padding:0 0 10px 16px;list-style-type:none}#footer-navigation li{position:relative}#footer-navigation a{color:#6a6a6a}#footer-navigation a:hover{color:#109df0}#footer-navigation i{font-size:80%;position:absolute;left:-14px;top:20%}#footer-navigation h4{color:#585858;margin-bottom:5px}.breadcrumb>li+li:before{content:"";font-family:"FontAwesome"}.breadcrumb>.active{color:#919191}.well{overflow:hidden}.tooltip{font-size:14px;position:absolute}.tooltip.in{opacity:1}.tooltip-inner{margin:0 auto;background-color:#f8f8f8;color:#444;border-radius:3px;box-shadow:2px 2px 0 rgba(95,95,95,0.2)}.tooltip.bottom .tooltip-arrow{border-bottom-color:#f8f8f8;border-radius:6px}.tooltip.top .tooltip-arrow{border-top-color:#f8f8f8}.tooltip.bottom .tooltip-arrow{border-bottom-color:#f8f8f8}.tooltip.left .tooltip-arrow{border-left-color:#f8f8f8}.tooltip.right .tooltip-arrow{border-left-color:#f8f8f8}.popover .arrow{display:none}.popover{min-width:250px;background-color:transparent;border:none;border-radius:3px}.popover-title{background-color:#f8f8f8;font-size:110%;border-radius:0;display:none}.popover-content{font-size:14px;border-radius:3px;background-color:#f8f8f8;box-shadow:2px 2px 0 rgba(95,95,95,0.2)}.blink{transition:all 2s ease-in-out;-webkit-animation:blink 2s infinite ease-in-out;animation:blink 2s infinite ease-in-out;-webkit-animation-name:blink;animation-name:blink;-moz-animation-name:blink;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.blink.slowest{-webkit-animation-duration:12s;animation-duration:12s}.blink.slow{-webkit-animation-duration:6s;animation-duration:6s}.blink.fast{-webkit-animation-duration:1s;animation-duration:1s}.blink.fastest{-webkit-animation-duration:0.5s;animation-duration:0.5s}
diff --git a/public_html/assets/sass/main.sass b/public_html/assets/sass/main.sass
new file mode 100644 (file)
index 0000000..4f311cf
--- /dev/null
@@ -0,0 +1,4 @@
+@import url(//fonts.googleapis.com/css?family=Open+Sans)
+@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300)
+@import url(../../assets_shared/css/font-borg.css)
+@import ../../assets_shared/sass/main.sass
diff --git a/public_html/assets_shared b/public_html/assets_shared
new file mode 160000 (submodule)
index 0000000..98b8939
--- /dev/null
@@ -0,0 +1 @@
+Subproject commit 98b8939012674c043cf0f52909eaef85a5f9ba7a
diff --git a/public_html/css/font-borg.css b/public_html/css/font-borg.css
deleted file mode 100644 (file)
index 79c4fb1..0000000
+++ /dev/null
@@ -1,32 +0,0 @@
-@font-face{
-       font-family:'FontBorg';
-       src:url('../fonts/font-borg-webfont.eot');
-       src:url('../fonts/font-borg-webfont.eot?#iefix') format('embedded-opentype'),
-               url('../fonts/font-borg-webfont.woff') format('woff'),
-               url('../fonts/font-borg-webfont.ttf') format('truetype'),
-        url('../fonts/font-borg-webfont.svg#fontborgregular') format('svg');
-       font-weight:normal;
-       font-style:normal;
-}
-
-[class^="bf-"],[class*=" bf-"]{
-       font-family:FontBorg;
-       font-weight:normal;
-       font-style:normal;
-       text-decoration:inherit;
-       -webkit-font-smoothing:antialiased;
-       display:inline;
-       width:auto;
-       height:auto;
-       line-height:normal;
-       vertical-align:baseline;
-       background-image:none;
-       background-position:0% 0%;
-       background-repeat:repeat;
-       margin-top:0;
-}
-
-.bf-blender:before{content:"\f000";}
-.bf-cloud:before{content:"\f001";}
-.bf-network:before{content:"\f002";}
-.bf-creativecommons:before{content:"\f003";}
\ No newline at end of file
diff --git a/public_html/css/main.css b/public_html/css/main.css
deleted file mode 100644 (file)
index aca9528..0000000
+++ /dev/null
@@ -1,2782 +0,0 @@
-@charset "UTF-8";
-/*!
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
- *
- * Blender Web Assets
- * Design components for Blender.org websites
- *
- * Authors: Pablo Vazquez, Niklas Ravnsborg-Gjertsen
- */
-/** Don't load the fonts here, do it on the local file
- ** @import url(//fonts.googleapis.com/css?family=X);
- ** @import url(font-borg.css); // import font-borg in the local file instead
- */
-/* Defaults look like Blender.org
- ** (without the condensed font, need to load it on the local file)
- */
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-html {
-  font-family: sans-serif;
-  /* 1 */
-  -ms-text-size-adjust: 100%;
-  /* 2 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */ }
-
-/**
- * Remove default margin.
- */
-body {
-  margin: 0; }
-
-/* HTML5 display definitions
-   ========================================================================== */
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block; }
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-audio,
-canvas,
-progress,
-video {
-  display: inline-block;
-  /* 1 */
-  vertical-align: baseline;
-  /* 2 */ }
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-audio:not([controls]) {
-  display: none;
-  height: 0; }
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
- */
-[hidden],
-template {
-  display: none; }
-
-/* Links
-   ========================================================================== */
-/**
- * Remove the gray background color from active links in IE 10.
- */
-a {
-  background-color: transparent; }
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-a:active,
-a:hover {
-  outline: 0; }
-
-/* Text-level semantics
-   ========================================================================== */
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-abbr[title] {
-  border-bottom: 1px dotted; }
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-b,
-strong {
-  font-weight: bold; }
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-dfn {
-  font-style: italic; }
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0; }
-
-/**
- * Address styling not present in IE 8/9.
- */
-mark {
-  background: #ff0;
-  color: #000; }
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-small {
-  font-size: 80%; }
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline; }
-
-sup {
-  top: -0.5em; }
-
-sub {
-  bottom: -0.25em; }
-
-/* Embedded content
-   ========================================================================== */
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-img {
-  border: 0; }
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-svg:not(:root) {
-  overflow: hidden; }
-
-/* Grouping content
-   ========================================================================== */
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-figure {
-  margin: 1em 40px; }
-
-/**
- * Address differences between Firefox and other browsers.
- */
-hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  height: 0; }
-
-/**
- * Contain overflow in all browsers.
- */
-pre {
-  overflow: auto; }
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em; }
-
-/* Forms
-   ========================================================================== */
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit;
-  /* 1 */
-  font: inherit;
-  /* 2 */
-  margin: 0;
-  /* 3 */ }
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-button {
-  overflow: visible; }
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-button,
-select {
-  text-transform: none; }
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button;
-  /* 2 */
-  cursor: pointer;
-  /* 3 */ }
-
-/**
- * Re-set default cursor for disabled elements.
- */
-button[disabled],
-html input[disabled] {
-  cursor: default; }
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0; }
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-input {
-  line-height: normal; }
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box;
-  /* 1 */
-  padding: 0;
-  /* 2 */ }
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto; }
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- *    (include `-moz` to future-proof).
- */
-input[type="search"] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box;
-  /* 2 */
-  box-sizing: content-box; }
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none; }
-
-/**
- * Define consistent border, margin, and padding.
- */
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em; }
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-legend {
-  border: 0;
-  /* 1 */
-  padding: 0;
-  /* 2 */ }
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-textarea {
-  overflow: auto; }
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-optgroup {
-  font-weight: bold; }
-
-/* Tables
-   ========================================================================== */
-/**
- * Remove most spacing between table cells.
- */
-table {
-  border-collapse: collapse;
-  border-spacing: 0; }
-
-td,
-th {
-  padding: 0; }
-
-/* e.g. Links, the Bluish in borg */
-/* e.g. Active status of stuff, Orangish */
-/* $font_size: 1vw; /* too soon */
-/* Mobile Stuff */
-/* Just to do some math later */
-/* Featured (our own jumbotron) */
-/** CUSTOM MIXINS
- ** This should be safe to use in other sites
- */
-/* Smallest, like phones on portrait.
- **  Menu is collapsed, columns stack, no brand */
-/* Small but wide: phablets, iPads
- **  Menu is collapsed, columns stack, no brand */
-/* Tablets portrait.
- **  Menu is expanded, but columns stack, brand is shown */
-.media-debug {
-  color: #444444; }
-  @media (max-width: 767px) {
-    .media-debug {
-      color: #e95d4f; } }
-
-/* Animations */
-@-webkit-keyframes blink {
-  0% {
-    opacity: 1; }
-  50% {
-    opacity: 0; }
-  100% {
-    opacity: 1; } }
-@-moz-keyframes blink {
-  0% {
-    opacity: 1; }
-  50% {
-    opacity: 0; }
-  100% {
-    opacity: 1; } }
-@-webkit-keyframes fade-in-pause-out /* Used for alerts */ {
-  0% {
-    opacity: 0; }
-  10% {
-    opacity: 1; }
-  90% {
-    opacity: 1; }
-  100% {
-    opacity: 0; } }
-html, body {
-  font-family: "Open Sans", "Lucida Sans", "Lucida Grande", sans-serif, sans-serif;
-  font-size: 14px;
-  color: #444444;
-  cursor: default;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  background-color: #dfdfdf;
-  -webkit-font-smoothing: antialiased; }
-
-body {
-  padding: 52px 0 0 0; }
-
-body.dark {
-  background-color: #b8b8b8; }
-
-.dark {
-  color: white; }
-
-.container-main {
-  background-color: #f0f0f0;
-  padding-bottom: 20px; }
-
-/* LINKS */
-a, a:visited, .link {
-  color: #109df0; }
-
-a:hover, .link:hover {
-  color: #ff8844;
-  text-decoration: none !important;
-  cursor: pointer; }
-
-a:active, .link, .link:active {
-  text-decoration: underline; }
-
-a:focus, .link:focus {
-  text-decoration: none; }
-
-a, button, button:focus,
-button::-moz-focus-inner {
-  outline: none !important; }
-
-/* // LINKS */
-header {
-  width: 100%;
-  border-bottom: thin solid rgba(248, 248, 248, 0.3); }
-
-header:nth-last-of-type(1) {
-  margin-bottom: 20px; }
-
-strong, b {
-  font-weight: 700; }
-
-.container-fluid.bright {
-  background-color: #f8f8f8;
-  padding: 0 0 1% 0 !important;
-  height: 100%;
-  min-height: 100%; }
-
-/* HEADINGS */
-h1, h2, h3, h4, h5, h6 {
-  font-family: "Open Sans Condensed", "Lucida Sans", "Lucida Grande", sans-serif, sans-serif !important;
-  font-weight: normal;
-  color: #2b2b2b;
-  text-shadow: 1px 1px 0px rgba(43, 43, 43, 0.2); }
-
-h1 {
-  font-size: 265%; }
-
-h2 {
-  font-size: 220%; }
-
-h3 {
-  font-size: 180%;
-  font-weight: lighter; }
-
-h4 {
-  font-size: 140%; }
-
-h5 {
-  font-size: 120%; }
-
-h1 small, h2 small, h3 small,
-h4 small, h5 small, h6 small {
-  text-shadow: none; }
-
-p + h1 {
-  margin-top: 32px; }
-
-p + h2, p + h3, p + h4 {
-  margin-top: 25px; }
-
-.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
-  color: white; }
-
-hr {
-  clear: both;
-  width: 90%;
-  height: 1px;
-  border: none;
-  margin: 15px auto 10px auto;
-  background-color: #dfdfdf; }
-
-hr.dark {
-  background-color: rgba(184, 184, 184, 0.4); }
-
-/* FORM FIELDS / INPUTS */
-input, button, select, textarea {
-  font-family: "Open Sans", "Lucida Sans", "Lucida Grande", sans-serif !important;
-  font-weight: lighter;
-  transition: background-color 0.1s ease-in;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.1);
-  border-radius: 3px !important; }
-
-textarea {
-  resize: vertical;
-  padding: 6px 6px 6px 10px !important;
-  min-height: 180px; }
-
-blockquote {
-  background-color: #f3f3f3;
-  font-size: 120%;
-  margin: 10px;
-  padding: 5px 15px;
-  font-size: initial; }
-
-blockquote p, .box blockquote p {
-  margin: 5px 15px 5px 0;
-  padding: 5px 15px 5px 0; }
-
-fieldset {
-  border: none;
-  margin: 0;
-  padding: 0; }
-
-.flex {
-  display: flex; }
-  @media (max-width: 767px) {
-    .flex {
-      display: block; } }
-  @media (min-width: 768px) and (max-width: 991px) {
-    .flex {
-      display: block; } }
-  .flex [class^="col-"] {
-    display: flex; }
-    @media (max-width: 767px) {
-      .flex [class^="col-"] {
-        display: block; } }
-    @media (min-width: 768px) and (max-width: 991px) {
-      .flex [class^="col-"] {
-        display: block; } }
-    .flex [class^="col-"] .box {
-      width: 100%; }
-
-/* INPUTS */
-.input-group {
-  width: 100%;
-  position: relative; }
-
-.input-append input, .input-prepend input,
-.input-append select, .input-prepend select,
-.input-append .uneditable-input, .input-prepend .uneditable-input {
-  background-color: white;
-  transition: background-color 0.1s ease-in; }
-
-.form-control {
-  top: 0;
-  color: #111111;
-  position: absolute;
-  background-color: white !important;
-  border: none;
-  margin-top: 30px;
-  border: thin solid #c4c4c4 !important;
-  border-radius: 3px;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.1);
-  transition: all 0.15s ease-in-out; }
-
-.form-control:focus,
-.form-control:hover {
-  background-color: white !important;
-  border: thin solid #f8f8f8 !important;
-  color: #0b6ea9;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.2); }
-
-/* Form with Errors */
-.has-error .form-control {
-  border: thin solid #ef877c !important; }
-
-.has-error.input-group .input-group-addon,
-.has-error.input-group .control-label {
-  color: #e95d4f !important; }
-
-.input-group-lg > .form-control, .input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
-  padding: 0px 4px 0px 10px;
-  height: 40px;
-  font-size: 120%; }
-
-/* INPUT: Checkbox */
-.input-group input.form-control[type=checkbox],
-.input-group.input-group-lg input.form-control[type=checkbox] {
-  box-shadow: none !important; }
-
-.input-group input.form-control[type=checkbox] {
-  width: 15px; }
-
-.input-group.input-group-lg input.form-control[type=checkbox] {
-  width: 20px; }
-
-/* INPUT: Checkbox Labels */
-.input-group input.form-control[type=checkbox] + label.control-label,
-.input-group.input-group-lg input.form-control[type=checkbox] + label.control-label {
-  text-align: left;
-  cursor: pointer;
-  user-select: none;
-  transition: color 0.1s ease-out; }
-
-.input-group input.form-control[type=checkbox]:hover + label.control-label,
-.input-group.input-group-lg input.form-control[type=checkbox]:hover + label.control-label {
-  color: #ff8844; }
-
-.input-group input.form-control[type=checkbox]:checked + label.control-label,
-.input-group.input-group-lg input.form-control[type=checkbox]:checked + label.control-label {
-  color: #109df0; }
-  .input-group input.form-control[type=checkbox]:checked + label.control-label:hover,
-  .input-group.input-group-lg input.form-control[type=checkbox]:checked + label.control-label:hover {
-    color: #ff8844; }
-
-.input-group input.form-control[type=checkbox] + label.control-label {
-  padding-left: 22px;
-  padding-top: 3px; }
-
-.input-group.input-group-lg input.form-control[type=checkbox] + label.control-label {
-  padding-left: 30px;
-  padding-top: 6px; }
-
-/* INPUT: Checkbox Addon */
-.input-group input.form-control[type=checkbox] + label.control-label,
-.input-group.input-group-lg input.form-control[type=checkbox] + label.control-label {
-  user-select: none; }
-
-/* INPUT ADDONS */
-.input-group .input-group-addon {
-  position: absolute;
-  top: 30px;
-  z-index: 3;
-  padding: 10px 15px 10px 12px !important;
-  background: transparent;
-  border: 0;
-  color: #777777 !important; }
-
-.input-group .input-group-addon + .form-control,
-.input-group .input-group-addon + select.form-control {
-  padding-left: 35px !important; }
-
-.input-group .input-group-addon .bf-network {
-  font-size: 140% !important;
-  position: absolute;
-  left: 8px;
-  top: 8px; }
-
-.input-group .input-group-addon .bf-cloud {
-  font-size: 160% !important;
-  position: absolute;
-  left: 8px;
-  top: 4px; }
-
-.input-group.input-group-lg .input-group-addon .bf-cloud {
-  top: 6px; }
-
-.input-group.input-group-lg .input-group-addon {
-  top: 28px; }
-
-/* For addons on the right */
-.form-control + .input-group-addon {
-  float: right;
-  right: 10px; }
-
-/* For addons with button */
-.form-control + .input-group-addon > button {
-  position: relative;
-  margin-top: -6px;
-  right: 8px;
-  background-color: transparent;
-  border: none;
-  opacity: 0.5;
-  transition: opacity 0.2s ease;
-  box-shadow: none; }
-
-/* For addons with button */
-.form-control:focus + .input-group-addon > button,
-.form-control:hover + .input-group-addon > button,
-.form-control + .input-group-addon > button:hover {
-  opacity: 1; }
-
-.form-control + .input-group-addon.danger > button {
-  color: #e95d4f; }
-
-.error {
-  color: #e95d4f; }
-
-ul.error {
-  margin: 0 !important;
-  padding: 5px 0 0 0 !important;
-  display: inline-block; }
-  ul.error li:after {
-    content: "" !important; }
-
-.box ul.error li, .box ul.error li:last-child {
-  margin-bottom: 0; }
-
-.edit_box {
-  background-color: #6cc2e7;
-  float: right;
-  color: white;
-  padding: 8px 10px;
-  margin: 8px;
-  cursor: pointer;
-  user-select: none;
-  border-radius: 3px;
-  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
-
-.edit_box:hover {
-  background-color: #56b9e4; }
-
-.edit_box:focus, .edit_box:active {
-  background-color: #ff8844; }
-
-/* Boostrap Panels Override */
-.panel {
-  border-radius: 3px;
-  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
-
-.panel-default {
-  border: none; }
-  .panel-default a:focus {
-    text-decoration: none; }
-
-.panel-default > .panel-heading {
-  color: #444444;
-  margin: 0;
-  background-color: #ebebeb;
-  border: none;
-  border-bottom: 2px solid #dddddd; }
-
-.panel-title {
-  font-size: 160%;
-  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
-
-a.list-group-item, .panel > .list-group .list-group-item {
-  background-color: white;
-  color: #444444;
-  border: thin solid #eaeaea;
-  border-left: 2px solid #eaeaea;
-  padding: 5% 5% 5% 40px; }
-
-a.list-group-item:hover, a.list-group-item:focus {
-  background-color: #ebebeb;
-  color: #109df0 !important;
-  border: thin solid #dddddd;
-  border-left: 2px solid #70c4f6 !important; }
-
-a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
-  background-color: transparent;
-  color: #ff8844 !important;
-  border: thin solid #dddddd;
-  border-left: 2px solid #ff8844 !important; }
-
-.list-group-with-icon a.list-group-item i, .panel > .list-group.list-group-with-icon .list-group-item i {
-  padding: 3px 15px 5px;
-  position: absolute;
-  float: left;
-  left: 0; }
-
-.accordion .panel-heading {
-  border-bottom: thin solid #dfdfdf;
-  transition: border-bottom 0.2s ease-out; }
-
-.accordion .collapsed .panel-heading {
-  border-bottom: thin solid transparent; }
-
-.accordion a .panel-title {
-  color: #109df0;
-  transition: color 0.1s ease-out; }
-
-.accordion a:hover .panel-title {
-  color: #ff8844 !important; }
-
-.accordion a.collapsed .panel-title {
-  color: #777777; }
-
-.panel-collapse-widget {
-  font-family: "Open Sans", "Lucida Sans", "Lucida Grande", sans-serif;
-  color: #aaaaaa;
-  display: block;
-  float: right;
-  transform: rotate(45deg);
-  transition: all 0.25s ease-out; }
-
-.panel-collapse-widget:after {
-  content: "+"; }
-
-.collapsed .panel-collapse-widget {
-  transform: rotate(0deg); }
-
-.accordion .panel-body {
-  position: relative;
-  transform: translateY(-2px);
-  opacity: 0;
-  transition: opacity 0.2s ease-out;
-  transition: transform 0.2s ease-out; }
-
-.accordion .collapse.in .panel-body {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity 0.2s ease-out;
-  transition: transform 0.2s ease-out; }
-
-.accordion .collapsed + .collapsing .panel-body {
-  opacity: 0;
-  transition: opacity 0.2s ease-out; }
-
-/* CKEditor Overrides */
-.cke_chrome {
-  font-family: "Open Sans", "Lucida Sans", "Lucida Grande", sans-serif !important;
-  font-weight: lighter;
-  color: #2b2b2b !important;
-  border: thin solid #aaaaaa !important;
-  background-color: white !important;
-  resize: vertical;
-  margin: 0 !important;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.1);
-  border-radius: 3px; }
-
-span#cke_2_top {
-  padding: 5px !important;
-  border: none;
-  background-image: none;
-  background-color: transparent !important;
-  box-shadow: none; }
-
-span.cke_toolgroup {
-  border: none;
-  border-bottom: 2px solid transparent;
-  background-image: none;
-  background-color: white; }
-
-a.cke_button_off {
-  border-bottom: 2px solid transparent !important;
-  box-shadow: none; }
-
-a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active,
-a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active {
-  background-image: none !important;
-  background-color: transparent !important;
-  color: white !important;
-  border-bottom: 2px solid #109df0 !important; }
-
-a.cke_button_on, a.cke_button_on:hover, a.cke_button_on:focus, a.cke_button_on:active {
-  background-image: none !important;
-  background-color: transparent !important;
-  border-bottom: 2px solid #ff8844 !important;
-  color: white !important;
-  box-shadow: none; }
-
-/* PLACEHOLDERS */
-::-webkit-input-placeholder {
-  color: #aaaaaa !important; }
-
-:-moz-placeholder {
-  /* Mozilla Firefox 4 to 18 */
-  color: #aaaaaa !important;
-  opacity: 1; }
-
-::-moz-placeholder {
-  color: #aaaaaa !important;
-  opacity: 1; }
-
-:-ms-input-placeholder {
-  color: #aaaaaa !important; }
-
-/* CHECKBOXES */
-.input-group.input-checkbox {
-  margin-top: 25px;
-  margin-bottom: 25px; }
-
-.input-group.input-checkbox .control-label {
-  font-size: 100%;
-  text-align: left !important; }
-
-.input-group.input-checkbox .btn-group {
-  float: right; }
-
-.input-group.input-checkbox .btn-group .btn {
-  min-width: 45px;
-  font-weight: bolder;
-  color: white;
-  background-color: #109df0;
-  border-bottom-color: #095f91; }
-
-.input-group.input-checkbox .btn-group .btn.active {
-  background-color: #ff8844;
-  border-bottom-color: #dd5000; }
-
-.input-group.input-checkbox .btn-group .btn:before {
-  content: "";
-  font-family: "FontAwesome"; }
-
-.input-group.input-checkbox .btn-group .btn.active:before {
-  content: "";
-  font-family: "FontAwesome"; }
-
-.input-group.input-checkbox .btn-group .btn {
-  color: white;
-  border-left-color: white !important;
-  border-right-color: white !important; }
-
-.input-group.input-checkbox .btn-group .btn.active {
-  box-shadow: none; }
-
-.input-group.input-checkbox .btn-group .btn:hover {
-  color: white !important; }
-
-/* DROPDOWN TOGGLES */
-.btn-group.open .dropdown-toggle {
-  box-shadow: none; }
-
-.btn-group ul.dropdown-menu {
-  font-size: 100%; }
-
-/* FORM LABELS */
-label {
-  font-weight: normal; }
-
-.control-label {
-  font-size: 95%; }
-
-.input-group-lg .control-label {
-  font-size: 100%; }
-
-.input-group .control-label {
-  position: absolute;
-  left: 0;
-  top: 8px; }
-
-.form-horizontal .control-label {
-  padding-top: 0; }
-
-.input-group select:focus {
-  border: none;
-  box-shadow: none; }
-
-.input-group select {
-  height: auto !important;
-  padding: 6px 7px 7px !important;
-  text-transform: capitalize; }
-
-.input-group select:hover,
-.input-group select:focus {
-  color: inherit; }
-
-.input-group option {
-  margin: 0 4px 0 8px !important; }
-
-.input-group.disabled {
-  opacity: 0.5;
-  pointer-events: none; }
-
-.input-group.disabled .form-control {
-  border-color: transparent;
-  background-color: #e9e9e9; }
-
-.input-group .form-control[type='file'] {
-  padding-top: 5px; }
-
-.input-group.input-group-lg .form-control[type='file'] {
-  padding-top: 6px; }
-
-/* // FORM FIELDS / INPUTS */
-.disabled {
-  opacity: 0.65 !important;
-  pointer-events: none !important;
-  user-select: none; }
-
-.user-select-none {
-  user-select: none; }
-
-.pointer-events-none {
-  pointer-events: none; }
-
-.top {
-  position: absolute !important;
-  top: 0 !important; }
-
-.bottom {
-  position: absolute !important;
-  bottom: 0 !important; }
-
-.left {
-  float: left !important;
-  left: 0 !important; }
-
-.right {
-  float: right !important;
-  right: 0 !important; }
-
-.text-align-center {
-  text-align: center !important; }
-
-.text-align-left {
-  text-align: left !important; }
-
-.text-align-right {
-  text-align: right !important; }
-
-.text-transform-uppercase {
-  text-transform: uppercase !important; }
-
-.text-transform-lowercase {
-  text-transform: lowercase !important; }
-
-.text-transform-capitalize {
-  text-transform: capitalize !important; }
-
-.text-size-100 {
-  font-size: 100% !important; }
-
-.text-size-120 {
-  font-size: 120% !important; }
-
-.content-margin-center {
-  margin-left: auto !important;
-  margin-right: auto !important; }
-
-.margin-top-0 {
-  margin-top: 0 !important; }
-
-.margin-top-1 {
-  margin-top: 1% !important; }
-
-.margin-top-2 {
-  margin-top: 2% !important; }
-
-.margin-top-3 {
-  margin-top: 3% !important; }
-
-.margin-top-4 {
-  margin-top: 4% !important; }
-
-.margin-top-5 {
-  margin-top: 5% !important; }
-
-.margin-top-5px {
-  margin-top: 5px !important; }
-
-.margin-top-10px {
-  margin-top: 10px !important; }
-
-.margin-top-15px {
-  margin-top: 15px !important; }
-
-.margin-top-20px {
-  margin-top: 20px !important; }
-
-.margin-top-25px {
-  margin-top: 25px !important; }
-
-.margin-bottom-0 {
-  margin-bottom: 0 !important; }
-
-.margin-bottom-1 {
-  margin-bottom: 1% !important; }
-
-.margin-bottom-2 {
-  margin-bottom: 2% !important; }
-
-.margin-bottom-3 {
-  margin-bottom: 3% !important; }
-
-.margin-bottom-4 {
-  margin-bottom: 4% !important; }
-
-.margin-bottom-5 {
-  margin-bottom: 5% !important; }
-
-.margin-bottom-5px {
-  margin-bottom: 5px !important; }
-
-.margin-bottom-10px {
-  margin-bottom: 10px !important; }
-
-.margin-bottom-15px {
-  margin-bottom: 15px !important; }
-
-.margin-bottom-20px {
-  margin-bottom: 20px !important; }
-
-.margin-bottom-25px {
-  margin-bottom: 25px !important; }
-
-.margin-left-0 {
-  margin-left: 0 !important; }
-
-.margin-left-1 {
-  margin-left: 1% !important; }
-
-.margin-left-2 {
-  margin-left: 2% !important; }
-
-.margin-left-3 {
-  margin-left: 3% !important; }
-
-.margin-left-4 {
-  margin-left: 4% !important; }
-
-.margin-left-5 {
-  margin-left: 5% !important; }
-
-.margin-left-5px {
-  margin-left: 5px !important; }
-
-.margin-left-10px {
-  margin-left: 10px !important; }
-
-.margin-left-15px {
-  margin-left: 15px !important; }
-
-.margin-left-20px {
-  margin-left: 20px !important; }
-
-.margin-left-25px {
-  margin-left: 25px !important; }
-
-.margin-right-0 {
-  margin-right: 0 !important; }
-
-.margin-right-1 {
-  margin-right: 1% !important; }
-
-.margin-right-2 {
-  margin-right: 2% !important; }
-
-.margin-right-3 {
-  margin-right: 3% !important; }
-
-.margin-right-4 {
-  margin-right: 4% !important; }
-
-.margin-right-5 {
-  margin-right: 5% !important; }
-
-.margin-right-5px {
-  margin-right: 5px !important; }
-
-.margin-right-10px {
-  margin-right: 10px !important; }
-
-.margin-right-15px {
-  margin-right: 15px !important; }
-
-.margin-right-20px {
-  margin-right: 20px !important; }
-
-.margin-right-25px {
-  margin-right: 25px !important; }
-
-.padding-top-0 {
-  padding-top: 0 !important; }
-
-.padding-top-1 {
-  padding-top: 1% !important; }
-
-.padding-top-2 {
-  padding-top: 2% !important; }
-
-.padding-top-3 {
-  padding-top: 3% !important; }
-
-.padding-top-4 {
-  padding-top: 4% !important; }
-
-.padding-top-5 {
-  padding-top: 5% !important; }
-
-.padding-top-5px {
-  padding-top: 5px !important; }
-
-.padding-top-10px {
-  padding-top: 10px !important; }
-
-.padding-top-15px {
-  padding-top: 15px !important; }
-
-.padding-top-20px {
-  padding-top: 20px !important; }
-
-.padding-top-25px {
-  padding-top: 25px !important; }
-
-.padding-bottom-0 {
-  padding-bottom: 0 !important; }
-
-.padding-bottom-1 {
-  padding-bottom: 1% !important; }
-
-.padding-bottom-2 {
-  padding-bottom: 2% !important; }
-
-.padding-bottom-3 {
-  padding-bottom: 3% !important; }
-
-.padding-bottom-4 {
-  padding-bottom: 4% !important; }
-
-.padding-bottom-5 {
-  padding-bottom: 5% !important; }
-
-.padding-bottom-5px {
-  padding-bottom: 5px !important; }
-
-.padding-bottom-10px {
-  padding-bottom: 10px !important; }
-
-.padding-bottom-15px {
-  padding-bottom: 15px !important; }
-
-.padding-bottom-20px {
-  padding-bottom: 20px !important; }
-
-.padding-bottom-25px {
-  padding-bottom: 25px !important; }
-
-.padding-left-0 {
-  padding-left: 0 !important; }
-
-.padding-left-1 {
-  padding-left: 1% !important; }
-
-.padding-left-2 {
-  padding-left: 2% !important; }
-
-.padding-left-3 {
-  padding-left: 3% !important; }
-
-.padding-left-4 {
-  padding-left: 4% !important; }
-
-.padding-left-5 {
-  padding-left: 5% !important; }
-
-.padding-left-5px {
-  padding-left: 5px !important; }
-
-.padding-left-10px {
-  padding-left: 10px !important; }
-
-.padding-left-15px {
-  padding-left: 15px !important; }
-
-.padding-left-20px {
-  padding-left: 20px !important; }
-
-.padding-left-25px {
-  padding-left: 25px !important; }
-
-.padding-right-0 {
-  padding-right: 0 !important; }
-
-.padding-right-1 {
-  padding-right: 1% !important; }
-
-.padding-right-2 {
-  padding-right: 2% !important; }
-
-.padding-right-3 {
-  padding-right: 3% !important; }
-
-.padding-right-4 {
-  padding-right: 4% !important; }
-
-.padding-right-5 {
-  padding-right: 5% !important; }
-
-.padding-right-5px {
-  padding-right: 5px !important; }
-
-.padding-right-10px {
-  padding-right: 10px !important; }
-
-.padding-right-15px {
-  padding-right: 15px !important; }
-
-.padding-right-20px {
-  padding-right: 20px !important; }
-
-.padding-right-25px {
-  padding-right: 25px !important; }
-
-.width-full {
-  width: 100% !important;
-  max-width: 100% !important; }
-
-.width-75 {
-  width: 75% !important;
-  max-width: 75% !important; }
-
-.width-half {
-  width: 50% !important;
-  max-width: 50% !important; }
-
-.width-25 {
-  width: 25% !important;
-  max-width: 25% !important; }
-
-.opacity-full {
-  opacity: 1 !important; }
-
-.opacity-75 {
-  opacity: 0.75 !important; }
-
-.opacity-half {
-  opacity: 0.5 !important; }
-
-.opacity-25 {
-  opacity: 0.25 !important; }
-
-.opacity-0 {
-  opacity: 0 !important; }
-
-.relative {
-  position: relative !important; }
-
-.absolute {
-  position: absolute !important; }
-
-.inline-block {
-  display: inline-block !important; }
-
-.block {
-  display: block !important; }
-
-.height-full {
-  height: 100% !important; }
-
-.overflow-hidden {
-  overflow: hidden !important; }
-
-.overflow-visible {
-  overflow: visible !important; }
-
-.text-overflow-ellipsis {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis; }
-
-.text-overflow-clip {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: clip; }
-
-.vertical-align {
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%); }
-
-.cursor-hover-pointer {
-  cursor: pointer !important; }
-
-.background-default {
-  background-color: #f8f8f8 !important; }
-
-.background-bright {
-  background-color: white !important; }
-
-.background-dark {
-  background-color: #b8b8b8 !important;
-  color: white; }
-
-.background-info {
-  background-color: #40b0e0 !important;
-  color: white; }
-
-.background-success {
-  background-color: #d5d644 !important;
-  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }
-
-.background-warning {
-  background-color: #faaf40 !important; }
-
-.background-danger {
-  background-color: #e95d4f !important;
-  color: white; }
-
-.background-info h1, .background-info h2, .background-info h3, .background-info h4,
-.background-danger h1, .background-danger h2, .background-danger h3, .background-danger h4,
-.background-dark h1, .background-dark h2, .background-dark h3, .background-dark h4 {
-  color: white; }
-
-.background-success h1, .background-success h2, .background-success h3,
-.background-success h4, .background-success h5, .background-success h6 {
-  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }
-
-.background-info a, .background-danger a, .background-dark a {
-  color: white !important;
-  font-weight: bold; }
-
-.background-info .disabled label,
-.background-danger .disabled label,
-.background-dark .disabled label {
-  color: white; }
-
-input.form-control.background-danger {
-  color: white !important;
-  border-color: #d12b1a !important; }
-
-input.form-control:hover.background-danger,
-input.form-control:focus.background-danger {
-  color: white !important;
-  background-color: #d12b1a !important;
-  border-color: #a42214 !important; }
-
-.color-bright {
-  color: white !important; }
-
-.table-row-link:hover .background-info,
-.table-row-link:hover .background-danger,
-.table-row-link:hover .background-dark {
-  color: white !important;
-  font-weight: bold; }
-
-.z-index-2 {
-  z-index: 2; }
-
-/* List Generics */
-.list-margin-bottom-1 li {
-  margin-bottom: 1%; }
-
-.list-margin-bottom-2 li {
-  margin-bottom: 2%; }
-
-.list-margin-bottom-3 li {
-  margin-bottom: 3%; }
-
-.list-margin-bottom-4 li {
-  margin-bottom: 4%; }
-
-.list-margin-bottom-5 li {
-  margin-bottom: 5%; }
-
-/* Border generics */
-.border-left {
-  border-left: thin solid #d0d0d0; }
-
-.border-left.dark {
-  border-left-color: #eaeaea; }
-
-.border-left.bright {
-  border-left-color: #b7b7b7; }
-
-.border-right {
-  border-right: thin solid #d0d0d0; }
-
-.border-right.dark {
-  border-right-color: #eaeaea; }
-
-.border-right.bright {
-  border-right-color: #b7b7b7; }
-
-.border-top {
-  border-top: thin solid #d0d0d0; }
-
-.border-top.dark {
-  border-top-color: #eaeaea; }
-
-.border-top.bright {
-  border-top-color: #b7b7b7; }
-
-.border-bottom {
-  border-bottom: thin solid #d0d0d0; }
-
-.border-bottom.dark {
-  border-bottom-color: #eaeaea; }
-
-.border-bottom.bright {
-  border-bottom-color: #b7b7b7; }
-
-.border-none {
-  border: none !important; }
-
-.border-radius-3 {
-  border-radius: 3px; }
-
-.border-radius-none {
-  border-radius: 0; }
-
-/* Top Bar: Generics */
-.navbar {
-  color: #444444;
-  border: none;
-  z-index: 9 !important;
-  /* Top level, above all. Other levels override this with !important */
-  margin-bottom: 0;
-  font-size: 140%;
-  min-height: 44px; }
-  .navbar.navbar-secondlevel:nth-last-of-type(1), .navbar.navbar-thirdlevel:nth-last-of-type(1) {
-    box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.1); }
-
-@media (max-width: 767px) {
-  .navbar-nav {
-    margin: 0 -15px; } }
-
-.navbar.dark {
-  color: white; }
-
-.navbar li:after, .navbar-nav li:after {
-  content: ""; }
-
-.navbar-nav > li > a {
-  color: #444444;
-  font-family: "Open Sans Condensed", "Lucida Sans", "Lucida Grande", sans-serif !important;
-  border-bottom: 2px solid transparent;
-  text-shadow: 1px 1px 2px #f8f8f8;
-  transition: border-color 0.1s ease-out; }
-
-.navbar-default.dark .nav > li > a {
-  color: white;
-  text-shadow: 1px 1px 2px #f8f8f8; }
-
-.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
-  color: #109df0;
-  border-color: #109df0; }
-
-.navbar-default.dark .navbar-nav > li > a:hover {
-  color: white; }
-
-.navbar-default {
-  background-color: white; }
-
-.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > .active > a:focus {
-  font-weight: normal;
-  color: #f65a00;
-  background-color: transparent;
-  border-bottom-color: #ff9558; }
-
-.navbar-brand {
-  color: #444444 !important; }
-
-.navbar-brand:hover {
-  opacity: 0.9;
-  transition: opacity 0.1s ease; }
-
-.navbar li.current_page_item a,
-.navbar li.current-page-parent a,
-.navbar li.current-page-ancestor a,
-.navbar li.current_page_parent a {
-  font-weight: normal;
-  color: #ff782a;
-  border-bottom-color: rgba(255, 136, 68, 0.8); }
-
-.navbar li.current_page_item a:hover,
-.navbar li.current-page-parent a:hover,
-.navbar li.current-page-ancestor a:hover,
-.navbar li.current_page_parent a:hover,
-.navbar li.current_page_ancestor a:hover {
-  color: #ff8844;
-  border-bottom-color: rgba(255, 136, 68, 0.8);
-  cursor: default; }
-
-.navbar li.current-page-ancestor a,
-.navbar li.current_page_ancestor a {
-  color: rgba(255, 136, 68, 0.85); }
-
-.navbar li.current-page-ancestor a:hover,
-.navbar li.current_page_ancestor a:hover {
-  cursor: pointer; }
-
-.navbar-secondlevel.navbar {
-  z-index: 8 !important;
-  /* First level is 9 */ }
-
-.navbar-secondlevel.navbar,
-.navbar-thirdlevel.navbar {
-  background-color: white;
-  min-height: 41px; }
-
-.navbar-secondlevel .navbar-nav > li > a,
-.navbar-thirdlevel .navbar-nav > li > a {
-  padding: 10px 15px 8px 15px;
-  position: relative;
-  top: 3px; }
-
-.navbar-thirdlevel {
-  z-index: 7 !important;
-  /* Second level is 8 */
-  border-top: 1px solid #f0f0f0;
-  font-size: 140%; }
-
-ul.nav.navbar-nav.navbar-left {
-  /* Otherwise navbars with many items overlap the Email on BID enabled sites */ }
-  @media (min-width: 768px) and (max-width: 991px) {
-    ul.nav.navbar-nav.navbar-left {
-      max-width: 105%;
-      margin-bottom: 0; } }
-  @media (min-width: 768px) and (max-width: 991px) {
-    ul.nav.navbar-nav.navbar-left .dropdown-menu li {
-      margin: 10px 0 10px -15px;
-      font-size: 110%; } }
-
-.navbar-toggle {
-  font-size: 1em; }
-
-/* // Top Bar: Generics */
-/* DROPDOWN MENUS */
-.dropdown-menu {
-  border: 0;
-  min-width: 130px;
-  background: white;
-  font-size: 70%;
-  padding: 0;
-  border-radius: 0;
-  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
-  transition: opacity 0.1s ease; }
-
-.dropdown-menu > li > a {
-  padding: 6% 8% 6% 6%;
-  padding-right: 45px;
-  font-weight: normal;
-  line-height: 1.42857;
-  color: #444444;
-  transition: border-color 0.05s ease; }
-
-.dropdown-menu > li > a:hover {
-  background: transparent;
-  color: #40b1f3; }
-
-.dropdown-menu > .active > a {
-  background: transparent;
-  color: #ff8844; }
-
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .active > a:focus, .dropdown-menu > li > a:active {
-  background: transparent;
-  color: #ff6811;
-  cursor: default; }
-
-.dropdown-menu > li > a:focus, .dropdown-menu > li > a:active,
-.dropdown-menu > .active > a:focus, .dropdown-menu > li > a:active {
-  background: transparent;
-  color: #109df0; }
-
-.dropdown-menu .divider {
-  height: 1px;
-  margin: 0;
-  background: #f8f8f8; }
-
-.dropdown-menu i {
-  float: left;
-  width: 22px;
-  margin: 3px 0 0 2px; }
-
-.navbar-nav .open .dropdown-menu {
-  border-bottom-left-radius: 3px !important;
-  border-bottom-right-radius: 3px !important; }
-  @media (min-width: 768px) and (max-width: 991px) {
-    .navbar-nav .open .dropdown-menu {
-      float: left !important;
-      width: 100%; } }
-
-/* Special classes for mobile */
-@media (min-width: 768px) and (max-width: 991px) {
-  li.dropdown.absolute.right {
-    position: relative !important;
-    float: left !important;
-    width: 100%; } }
-
-/* // DROPDOWN MENUS */
-img.alignright {
-  float: right;
-  margin: 10px 0 10px 10px; }
-
-img.alignleft {
-  float: right;
-  margin: 10px 10px 10px 0; }
-
-/* Special Classes */
-.backicon {
-  z-index: 0;
-  position: absolute;
-  font-size: 1400%;
-  bottom: -50px;
-  right: -35px;
-  color: rgba(68, 68, 68, 0.08);
-  pointer-events: none;
-  user-select: none; }
-
-.divider {
-  margin: 20px auto;
-  width: 100%;
-  height: 2px;
-  border-top: thin solid #ebebeb; }
-
-.title {
-  position: relative;
-  margin: 5px 0;
-  padding: 10px 0;
-  color: white;
-  text-shadow: 2px 2px 0 rgba(43, 43, 43, 0.3); }
-
-i.title-icon {
-  position: relative;
-  float: right;
-  margin: 0 3%;
-  bottom: 0.1em;
-  font-size: 116%;
-  opacity: 0.2; }
-
-.info {
-  color: #40b0e0 !important; }
-
-.warning {
-  color: #faaf40 !important; }
-
-.danger {
-  color: #e95d4f !important; }
-
-.success {
-  color: #bcdd2a !important; }
-
-.text-color-brand-main {
-  color: #109df0 !important; }
-
-.text-color-brand-secondary {
-  color: #ff8844 !important; }
-
-.info h1, .info h2, .info h3, .info h4, .info h5, .info h6 {
-  color: #40b0e0 !important; }
-
-.danger h1, .danger h2, .danger h3, .danger h4, .danger h5, .danger h6 {
-  color: #e95d4f !important; }
-
-.warning h1, .warning h2, .warning h3, .warning h4, .warning h5, .warning h6 {
-  color: #faaf40 !important; }
-
-.success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {
-  color: #d5d644 !important; }
-
-/* LISTS */
-ul {
-  margin: 0; }
-
-ul li {
-  margin-left: 0;
-  list-style-type: none;
-  position: relative;
-  transition: all 0.1s ease-out; }
-
-ul li:after {
-  content: "";
-  position: absolute;
-  left: -10px;
-  top: -2px;
-  text-align: right;
-  font-size: 120%;
-  color: rgba(68, 68, 68, 0.5);
-  transition: all 0.15s ease-in; }
-
-ul.list-bullets-check li:after {
-  content: "";
-  font-size: 75%;
-  top: 4px;
-  left: -15px;
-  font-family: "FontAwesome"; }
-
-ul.list-bullets-none li:after {
-  content: ""; }
-
-li [class^="fa-"] {
-  /* Override Font-Awesome props */
-  text-align: left; }
-
-ul.list-margin-none {
-  padding: 0 10px 0 28px; }
-
-ul ul {
-  padding-left: 10px; }
-
-ul li ul li:after {
-  content: "";
-  font-size: 85%;
-  top: 2px;
-  left: -11px;
-  font-family: "FontAwesome"; }
-
-/* // LISTS */
-/* Pagination */
-.pagination {
-  margin: 30px auto 0px auto;
-  width: 100%;
-  text-align: center; }
-
-.pagination .active span {
-  background-color: #ff8844; }
-
-/* // PAGINATION */
-/* BUTTONS
- **  There are simple buttons, squishy, small, big, whole lot!
- **  Squishy ones feel like you're pressing it, let's not over use them.
- */
-a.btn, .btn, button {
-  background-color: #f1f1f1;
-  color: #444444;
-  font-family: "Open Sans Condensed", "Lucida Sans", "Lucida Grande", sans-serif !important;
-  font-size: 130%;
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.06);
-  border: thin solid #eaeaea;
-  border-bottom: 1px solid #d8d8d8;
-  border-radius: 3px;
-  transition: all 0.1s ease-in-out; }
-  a.btn:hover, .btn:hover, button:hover {
-    background-color: #f7f7f7;
-    border-color: #eaeaea;
-    border-bottom: 1px solid #8dd0f8;
-    color: #109df0 !important; }
-  a.btn:active, a.btn:focus, .btn:active, .btn:focus, button:active, button:focus {
-    background-color: #f7f7f7;
-    color: #ff8844 !important;
-    border-color: #eaeaea;
-    border-bottom-color: #ff8844;
-    outline: none !important;
-    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }
-
-a.btn.btn-squishy, .btn.btn-squishy {
-  position: relative;
-  top: 0;
-  margin-bottom: 8px;
-  font-weight: 600;
-  border-radius: 3px;
-  box-shadow: 0 3px 0 #d8d8d8; }
-  a.btn.btn-squishy:hover, .btn.btn-squishy:hover {
-    background-color: #f7f7f7;
-    top: 2px;
-    box-shadow: 0 1px 0 #d8d8d8; }
-  a.btn.btn-squishy:active, a.btn.btn-squishy:focus, .btn.btn-squishy:active, .btn.btn-squishy:focus {
-    border-bottom-color: #ff8844;
-    color: #ff8844 !important;
-    background-color: #f7f7f7;
-    border-top-color: #f7f7f7; }
-
-.btn-group.open .dropdown-toggle {
-  border: thin solid #eaeaea; }
-
-a.btn.btn-outline, .btn.btn-outline {
-  background-color: transparent;
-  color: white;
-  border: 1px solid white;
-  padding: 5px 20px;
-  box-shadow: none; }
-  a.btn.btn-outline:hover, .btn.btn-outline:hover {
-    color: white !important;
-    border: 1px solid white;
-    background-color: rgba(255, 255, 255, 0.25); }
-  a.btn.btn-outline:active, a.btn.btn-outline:focus, .btn.btn-outline:active, .btn.btn-outline:focus {
-    color: white !important;
-    border: 1px solid white;
-    background-color: rgba(255, 255, 255, 0.5); }
-
-.box a.btn.btn-outline, .box .btn.btn-outline {
-  color: #444444;
-  border: 1px solid #aaaaaa; }
-  .box a.btn.btn-outline:hover, .box .btn.btn-outline:hover {
-    color: black !important;
-    border: 1px solid #777777;
-    background-color: rgba(255, 255, 255, 0.25); }
-  .box a.btn.btn-outline:active, .box a.btn.btn-outline:focus, .box .btn.btn-outline:active, .box .btn.btn-outline:focus {
-    color: black !important;
-    border: 1px solid #444444;
-    background-color: rgba(255, 255, 255, 0.5); }
-
-/* BUTTON SUCCESS */
-a.btn-success, .btn-success {
-  background-color: #d5d644;
-  color: #40400e;
-  border-color: #d0d12f;
-  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); }
-
-a.btn-success:hover, .btn-success:hover {
-  color: #444444 !important;
-  background-color: #e3e483;
-  border-color: #d0d12f; }
-
-a.btn.btn-squishy.btn-success, .btn.btn-squishy.btn-success {
-  background-color: #d5d644;
-  border-color: #d0d12f;
-  border-bottom-color: #c5c62b;
-  box-shadow: 0 3px 0 #c5c62b; }
-
-a.btn.btn-squishy.btn-success:hover, .btn.btn-squishy.btn-success:hover {
-  background-color: #dadb59;
-  box-shadow: 0 1px 0 #c5c62b; }
-
-a.btn-success:focus, .btn-success:focus,
-a.btn-success:active, .btn-success:active,
-a.btn.btn-squishy.btn-success:focus, .btn.btn-squishy.btn-success:focus,
-a.btn.btn-squishy.btn-success:active, .btn.btn-squishy.btn-success:active {
-  color: #444444 !important;
-  background-color: #bcbd2a;
-  border-bottom-color: #bcbd2a; }
-
-/* BUTTON DANGER */
-a.btn-danger, .btn-danger {
-  color: white !important;
-  background-color: #ea6558;
-  border-color: #e64838;
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }
-
-a.btn-danger:hover, .btn-danger:hover {
-  color: white !important;
-  background-color: #ec766a;
-  border-color: #e64838;
-  border-bottom-color: #e33322; }
-
-a.btn.btn-squishy.btn-danger, .btn.btn-squishy.btn-danger {
-  background-color: #ea6558;
-  border-bottom-color: #e33322;
-  box-shadow: 0 3px 0 #d64739; }
-
-a.btn.btn-squishy.btn-danger:hover, .btn.btn-squishy.btn-danger:hover {
-  border-color: #e74c3d;
-  background-color: #ec7266;
-  box-shadow: 0 1px 0 #d12b1a; }
-
-a.btn-danger:focus, .btn-danger:focus,
-a.btn-danger:active, .btn-danger:active,
-a.btn.btn-squishy.btn-danger:focus, .btn.btn-squishy.btn-danger:focus,
-a.btn.btn-squishy.btn-danger:active, .btn.btn-squishy.btn-danger:active {
-  color: white !important;
-  background-color: #e33322;
-  border-bottom-color: #df2e1c; }
-
-/* BUTTON WARNING */
-a.btn-warning, .btn-warning {
-  color: #523202;
-  background-color: #fbbb5e;
-  border-color: #faab36;
-  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
-
-a.btn-warning:hover, .btn-warning:hover {
-  color: #2b2b2b !important;
-  background-color: #fcc87c;
-  border-color: #faab36;
-  border-bottom-color: #e78d06; }
-
-a.btn.btn-squishy.btn-warning, .btn.btn-squishy.btn-warning {
-  background-color: #fbbb5e;
-  border-bottom-color: #f69606;
-  box-shadow: 0 3px 0 #e68e0c; }
-
-a.btn.btn-squishy.btn-warning:hover, .btn.btn-squishy.btn-warning:hover {
-  background-color: #fcc87c;
-  box-shadow: 0 1px 0 #e78d06; }
-
-a.btn-warning:focus, .btn-warning:focus,
-a.btn-warning:active, .btn-warning:active,
-a.btn.btn-squishy.btn-warning:focus, .btn.btn-squishy.btn-warning:focus,
-a.btn.btn-squishy.btn-warning:active, .btn.btn-squishy.btn-warning:active {
-  color: #444444 !important;
-  background-color: #f99a0e; }
-
-/* BUTTON INFO */
-a.btn-info, .btn-info {
-  color: white !important;
-  background-color: #52b7e3;
-  border-color: #37acdf;
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }
-
-a.btn-info:hover, .btn-info:hover {
-  color: white !important;
-  background-color: #6cc2e7;
-  border-color: #37acdf;
-  border-bottom-color: #1e88b6; }
-
-a.btn.btn-squishy.btn-info, .btn.btn-squishy.btn-info {
-  background-color: #52b7e3;
-  border-bottom-color: #2092c3;
-  box-shadow: 0 3px 0 #239fd5; }
-
-a.btn.btn-squishy.btn-info:hover, .btn.btn-squishy.btn-info:hover {
-  background-color: #6cc2e7;
-  box-shadow: 0 1px 0 #2aa7dc; }
-
-a.btn-info:focus, .btn-info:focus,
-a.btn-info:active, .btn-info:active,
-a.btn.btn-squishy.btn-info:focus, .btn.btn-squishy.btn-info:focus,
-a.btn.btn-squishy.btn-info:active, .btn.btn-squishy.btn-info:active {
-  color: white !important;
-  background-color: #2199cc;
-  border-bottom-color: #2092c3; }
-
-/* BUTTON EXTERNAL */
-a.btn.external {
-  border-bottom: 2px solid rgba(255, 136, 68, 0.2); }
-
-a.btn.external:after {
-  content: "";
-  float: right;
-  font-size: 75%;
-  color: rgba(68, 68, 68, 0.6);
-  position: absolute;
-  top: 6px;
-  right: 8px;
-  font-family: "FontAwesome"; }
-
-/* Tiny cute lil buttons */
-.btn-xs {
-  font-size: 90%; }
-
-/* // BUTTONS */
-/* TABS */
-.nav-tabs li:after {
-  content: ""; }
-
-/* Inactive tabs */
-.nav-tabs > li > a {
-  color: #444444;
-  border-color: transparent;
-  cursor: pointer;
-  transition: color 0.1s, opacity 0.1s; }
-
-/* Mouse over inactive tab */
-.nav-tabs > li > a:hover,
-.nav-tabs > li > a:focus,
-.nav-tabs.nav-justified > li > a:hover,
-.nav-tabs.nav-justified > li > a:focus {
-  border: none;
-  background-color: transparent;
-  color: #0c7ec1;
-  border-color: transparent;
-  border-bottom: 2px solid #40b1f3 !important; }
-
-/* Active tab */
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:hover,
-.nav-tabs > li.active > a:focus,
-.nav-tabs.nav-justified > li.active > a,
-.nav-tabs.nav-justified > li.active > a:hover,
-.nav-tabs.nav-justified > li.active > a:focus {
-  border: none;
-  background-color: transparent;
-  color: #109df0;
-  border-color: transparent;
-  border-bottom: 2px solid #109df0 !important;
-  cursor: default; }
-
-.nav-tabs.nav-justified > li > a {
-  border-bottom: 2px solid #dfdfdf !important; }
-
-/* Tab content */
-.tab-content {
-  position: relative;
-  height: 100%;
-  background-color: white;
-  border: none;
-  overflow: hidden;
-  /* for backicons */
-  border-radius: 3px;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.1); }
-
-.tab-content p {
-  padding: 10px; }
-
-/* LABELS */
-.label {
-  padding: 0.2em 0.7em 0.3em;
-  font-size: 90%;
-  font-weight: normal;
-  color: white;
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
-  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 3px; }
-
-.label.label-2x {
-  font-size: 100%; }
-
-.label-info {
-  background-color: #40b0e0;
-  color: white;
-  font-weight: bold;
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
-  border: thin solid #2aa7dc; }
-
-.label-danger {
-  background-color: #e95d4f;
-  color: white;
-  font-weight: bold;
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
-  border: thin solid #e64838; }
-
-.label-warning {
-  background-color: #faaf40;
-  color: #523202;
-  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
-  border: thin solid #f9a527; }
-
-.label-success {
-  background-color: #d5d644;
-  color: #40400e;
-  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
-  border: thin solid #d0d12f; }
-
-.disabled label {
-  color: #515151; }
-
-/* // LABELS */
-/* CARDS */
- ** swap a "front" div with a "back" div
- ** both inside a "card" div, with a nice flip effect. */
-.flip {
-  -webkit-perspective: 1170px;
-  -moz-perspective: 0;
-  -o-perspective: 1170px;
-  perspective: 1170px;
-  position: relative;
-  clear: both; }
-
-.flip .card {
-  height: 100%;
-  -webkit-transform-style: preserve-3d;
-  -moz-transform-style: preserve-3d;
-  -o-transform-style: preserve-3d;
-  transform-style: preserve-3d;
-  -webkit-transition: 0.3s;
-  -moz-transition: 0.3s;
-  -o-transition: 0.3s;
-  transition: 0.3s; }
-
-.flip .card .face {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
-  z-index: 3; }
-
-.flip .card .front {
-  position: absolute;
-  width: 100%;
-  z-index: 2;
-  -webkit-backface-visibility: hidden !important;
-  -moz-backface-visibility: hidden !important;
-  -o-backface-visibility: hidden !important;
-  backface-visibility: hidden !important;
-  transition: opacity 0.15s ease-in-out; }
-
-.flip .card .back {
-  -webkit-transform: rotatey(-180deg);
-  -moz-transform: rotatey(-180deg);
-  -o-transform: rotatey(-180deg);
-  transform: rotatey(-180deg); }
-
-.flip .face > h1, .flip .face > h2,
-.flip .face > h3, .flip .face > h4 {
-  /* Special case when card starts with a title */
-  margin-top: 0; }
-
-.flip .card.flipped {
-  -webkit-transform: rotatey(-180deg);
-  -moz-transform: rotatey(-180deg);
-  -o-transform: rotatey(-180deg);
-  transform: rotatey(-180deg); }
-
-.flipped .front {
-  /* FF */
-  opacity: 0;
-  -webkit-backface-visibility: hidden !important;
-  -moz-backface-visibility: hidden !important;
-  -o-backface-visibility: hidden !important;
-  backface-visibility: hidden !important; }
-
-.flip_toggle {
-  display: block;
-  position: absolute;
-  right: 0;
-  top: 5px;
-  padding: 2px;
-  min-width: 40px;
-  min-height: 40px;
-  z-index: 2;
-  transition: color 0.15s ease-in-out; }
-
-.flip_toggle:hover {
-  cursor: pointer;
-  color: #40b1f3; }
-
-.flip_toggle:before {
-  content: "";
-  font-family: "FontAwesome";
-  right: 12px;
-  position: absolute; }
-
-/* BOX
- **  Use it to put content inside a neat little box
- */
-.box, .breadcrumb {
-  position: relative;
-  background-color: white;
-  border: thin solid #f1f1f1;
-  overflow: hidden;
-  word-break: break-word;
-  border-radius: 3px;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.1); }
-
-@media (max-width: 767px) {
-  .box {
-    margin-bottom: 14px; } }
-@media (min-width: 768px) and (max-width: 991px) {
-  .box {
-    margin-bottom: 14px; } }
-.box p {
-  position: relative;
-  margin: 15px; }
-.box p + ul {
-  margin-top: -7px; }
-.box a {
-  text-shadow: none; }
-.box h1 {
-  margin: 10px 10px 0 15px;
-  text-shadow: none; }
-.box h2 {
-  margin: 10px 10px 0 15px;
-  text-shadow: none; }
-.box h3, .box h4, .box h5, .box h6 {
-  margin: 10px 0 0 15px;
-  text-shadow: none; }
-.box h2 + p {
-  margin-top: 10px; }
-.box h3 + p, .box h4 + p, .box h5 + p {
-  margin-top: 5px; }
-.box hr {
-  width: 95%;
-  opacity: 0.8; }
-.box ul {
-  margin-top: 10px;
-  margin-left: 0;
-  padding-left: 30px; }
-  .box ul li {
-    margin-bottom: 10px;
-    padding-right: 15px; }
-    .box ul li:after {
-      content: "·";
-      top: -1px;
-      left: -13px;
-      color: #aaaaaa; }
-    .box ul li:last-child {
-      margin-bottom: 35px; }
-.box .bottom {
-  width: 100%; }
-.box + .box {
-  margin-top: 20px; }
-.box ul.nav.nav-tabs {
-  margin: 0;
-  padding: 0;
-  list-style: none; }
-  .box ul.nav.nav-tabs li {
-    margin: 0;
-    padding: 0;
-    background-color: #ebebeb;
-    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); }
-    .box ul.nav.nav-tabs li:first-child {
-      border-top-left-radius: 3px; }
-    .box ul.nav.nav-tabs li:last-child {
-      border-top-right-radius: 3px; }
-    .box ul.nav.nav-tabs li:after {
-      content: ""; }
-    .box ul.nav.nav-tabs li.active {
-      background-color: white; }
-    .box ul.nav.nav-tabs li a {
-      border: none;
-      border-right-color: white;
-      border-bottom-color: white;
-      text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); }
-
-/* // BOX */
-/* FEATURED - (our own jumbotron) */
-.featured {
-  height: 350px;
-  overflow: hidden;
-  position: relative;
-  background-color: white;
-  border: none;
-  border-bottom: thin solid #eaeaea;
-  background-image: url(https://www.blender.org/wp-content/themes/bthree/assets/images/placeholder_background.jpg);
-  background-size: cover;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.1); }
-  @media (max-width: 767px) {
-    .featured {
-      height: 160px; } }
-
-.featured-xs {
-  height: 100px; }
-
-.featured-sm {
-  height: 160px; }
-
-.featured-md {
-  height: 250px; }
-
-.featured-lg {
-  height: 350px; }
-
-.featured-xl {
-  height: 450px; }
-
-.featured h1, .featured h2, .featured h3,
-.featured h4, .featured h5, .featured h6 {
-  color: white; }
-
-.featured h1 {
-  font-size: 360%; }
-  @media (max-width: 767px) {
-    .featured h1 {
-      font-size: 200%;
-      padding: 0;
-      margin: 0; } }
-
-.featured h3 {
-  font-size: 180%; }
-  @media (max-width: 767px) {
-    .featured h3 {
-      font-size: 130%;
-      padding: 0;
-      margin: 0; } }
-
-.featured .backicon {
-  font-size: 2500%;
-  top: 116.66667px; }
-
-.featured-xs .backicon {
-  top: -50px; }
-
-.featured-sm .backicon {
-  top: -40px; }
-
-.featured-md .backicon {
-  top: 31.25px; }
-
-.featured-lg .backicon {
-  top: 116.66667px; }
-
-.featured-xl .backicon {
-  top: 180px; }
-
-/* THUMBNAILS */
-.thumbnail {
-  padding: 4px;
-  border: none;
-  background-color: white;
-  box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.25);
-  transition: all 0.1s ease-out; }
-
-a img.thumbnail:hover {
-  opacity: 0.9; }
-
-/* // THUMBNAILS */
-/* ADMIN POWERS */
-.soyadmin {
-  float: right;
-  color: #444444;
-  font-size: 150%;
-  position: fixed;
-  right: 17px;
-  top: 12px;
-  z-index: 10;
-  opacity: 0.3; }
-
-.soyadmin:hover {
-  color: #109df0;
-  opacity: 1; }
-
-/* // ADMIN POWERS */
-/* ALERTS */
-.alert {
-  margin-bottom: 0;
-  border: none;
-  position: fixed;
-  z-index: 9;
-  width: 100%;
-  border-radius: 0;
-  text-align: center;
-  color: #2b2b2b;
-  font-size: 110%;
-  padding: 0;
-  -webkit-animation: fade-in-pause-out 6s;
-  -webkit-animation-fill-mode: both;
-  -moz-animation: fade-in-pause-out 6s;
-  -moz-animation-fill-mode: both;
-  -o-animation: fade-in-pause-out 6s;
-  -o-animation-fill-mode: both;
-  -ms-animation: fade-in-pause-out 6s;
-  -ms-animation-fill-mode: both; }
-
-.alert .container {
-  padding: 0.5em 0; }
-
-.alert-info, .alert-warning,
-.alert-danger, .alert-success {
-  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
-
-.alert-info {
-  background-color: rgba(64, 176, 224, 0.9);
-  color: white;
-  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
-
-.alert-warning {
-  background-color: #ff9b08;
-  color: white;
-  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
-  .alert-warning .close {
-    color: #444444; }
-    .alert-warning .close:hover {
-      color: #2b2b2b !important; }
-
-.alert-danger {
-  background-color: rgba(233, 93, 79, 0.9);
-  color: white;
-  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
-
-.alert-success {
-  background-color: rgba(239, 240, 83, 0.9);
-  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
-  .alert-success .close {
-    color: #444444; }
-    .alert-success .close:hover {
-      color: #2b2b2b !important; }
-
-.alert button.close {
-  font-size: 90%;
-  padding: 0.2em 0.5em 0 0; }
-
-.alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4,
-.alert-danger h1, .alert-danger h2, .alert-danger h3, .alert-danger h4 {
-  color: white; }
-
-.close {
-  color: white;
-  text-shadow: none;
-  opacity: 0.5; }
-
-.close:hover {
-  color: white !important;
-  background-color: transparent;
-  opacity: 1; }
-
-.alert button.close {
-  box-shadow: none; }
-
-.alert button.close:hover {
-  border: none;
-  box-shadow: none; }
-
-/* // ALERTS */
-/* TABLES (yeah they're still used every now and then */
-.table {
-  border-collapse: initial; }
-
-/* No ugly borders! */
-.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
-.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
-  border-top: thin solid transparent;
-  border-bottom: thin solid transparent; }
-
-/* Only on mouse over */
-.table tr:hover td {
-  border-top: thin solid #d8d8d8 !important;
-  border-bottom: thin solid #d8d8d8 !important; }
-
-.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
-  background-color: #f0f0f0; }
-
-/* First odd, then even */
-.table-striped > tbody > tr:nth-child(2n+1):hover > td, .table-striped > tbody > tr:nth-child(2n+1):hover > th,
-.table-striped > tbody > tr:nth-child(2n):hover > td, .table-striped > tbody > tr:nth-child(2n):hover > th {
-  background-color: #eeeeee; }
-
-.table .table-row-link:hover > tr, .table .table-row-link:hover > td {
-  color: #109df0;
-  cursor: pointer; }
-
-/* Tables with status */
-tbody > tr.danger > td a, tbody > tr.info > td a,
-tbody > tr.warning > td a, tbody > tr.success > td a {
-  font-weight: bold; }
-
-tbody > tr.danger > td a:hover, tbody > tr.info > td a:hover,
-tbody > tr.warning > td a:hover, tbody > tr.success > td a:hover {
-  text-decoration: underline !important; }
-
-tbody > tr.danger > td a, tbody > tr.info > td a {
-  color: white; }
-
-tbody > tr.warning > td a, tbody > tr.success > td a {
-  color: #444444; }
-
-.table tr.info:hover td {
-  background-color: #2199cc !important;
-  border-top: thin solid #2199cc !important;
-  border-bottom: thin solid #2199cc !important; }
-
-.table tr.danger:hover td {
-  background-color: #e64838 !important;
-  border-top: thin solid #e95d4f !important;
-  border-bottom: thin solid #e95d4f !important; }
-
-.table tr.warning:hover td {
-  background-color: #f9a527 !important;
-  border-top: thin solid #faaf40 !important;
-  border-bottom: thin solid #faaf40 !important; }
-
-.table tr.success:hover td {
-  background-color: #d0d12f !important;
-  border-top: thin solid #d5d644 !important;
-  border-bottom: thin solid #d5d644 !important; }
-
-.table-striped > tbody > tr.danger:nth-child(2n) > td, .table-striped > tbody > tr.danger:nth-child(2n) > th,
-.table-striped > tbody > tr.danger:nth-child(2n+1) > td, .table-striped > tbody > tr.danger:nth-child(2n+1) > th,
-.table-striped > tbody > tr.info:nth-child(2n) > td, .table-striped > tbody > tr.info:nth-child(2n) > th,
-.table-striped > tbody > tr.info:nth-child(2n+1) > td, .table-striped > tbody > tr.info:nth-child(2n+1) > th {
-  color: white; }
-
-.table > tbody > tr.success > td,
-.table-striped > tbody > tr.success:nth-child(2n) > td, .table-striped > tbody > tr.success:nth-child(2n) > th,
-.table-striped > tbody > tr.success:nth-child(2n+1) > td, .table-striped > tbody > tr.success:nth-child(2n+1) > th,
-.table-striped > tbody > tr.warning:nth-child(2n) > td, .table-striped > tbody > tr.warning:nth-child(2n) > th,
-.table-striped > tbody > tr.warning:nth-child(2n+1) > td, .table-striped > tbody > tr.warning:nth-child(2n+1) > th {
-  color: #444444; }
-
-/* Danger */
-.table-striped > tbody > tr.danger:nth-child(2n) > td,
-.table-striped > tbody > tr.danger:nth-child(2n) > th {
-  background-color: #ec7266; }
-
-.table-striped > tbody > tr.danger:nth-child(2n+1) > td,
-.table-striped > tbody > tr.danger:nth-child(2n+1) > th {
-  background-color: #e95d4f; }
-
-/* Success */
-.table-striped > tbody > tr.success:nth-child(2n) > td,
-.table-striped > tbody > tr.success:nth-child(2n) > th {
-  background-color: #d0d12f; }
-
-.table > tbody > tr.success > td,
-.table-striped > tbody > tr.success:nth-child(2n+1) > td,
-.table-striped > tbody > tr.success:nth-child(2n+1) > th {
-  background-color: #d5d644; }
-
-/* Warning */
-.table-striped > tbody > tr.warning:nth-child(2n) > td,
-.table-striped > tbody > tr.warning:nth-child(2n) > th {
-  background-color: #fbc472; }
-
-.table-striped > tbody > tr.warning:nth-child(2n+1) > td,
-.table-striped > tbody > tr.warning:nth-child(2n+1) > th {
-  background-color: #faaf40; }
-
-/* Info */
-.table-striped > tbody > tr.info:nth-child(2n) > td,
-.table-striped > tbody > tr.info:nth-child(2n) > th {
-  background-color: #6cc2e7; }
-
-.table-striped > tbody > tr.info:nth-child(2n+1) > td,
-.table-striped > tbody > tr.info:nth-child(2n+1) > th {
-  background-color: #40b0e0; }
-
-/* Data Tables */
-.dataTable .group {
-  font-size: 200%;
-  font-family: "Open Sans Condensed", "Lucida Sans", "Lucida Grande", sans-serif;
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
-
-.dataTable .group td,
-.dataTable .group td:hover {
-  background-color: #40b0e0 !important;
-  color: white !important;
-  border: none !important;
-  border-bottom: 2px solid #2199cc !important;
-  padding-top: 7px;
-  padding-bottom: 0; }
-
-.dataTable .sorting {
-  position: relative; }
-
-.dataTable .fa-sort {
-  font-size: 80%;
-  position: absolute;
-  color: #aaaaaa;
-  top: 12px;
-  right: 2px; }
-
-/* // Data Tables */
-/* LOGO */
-header a.logo {
-  display: block;
-  position: relative;
-  float: left;
-  height: 36px;
-  font-family: "Open Sans Condensed", "Lucida Sans", "Lucida Grande", sans-serif !important;
-  color: #515151;
-  text-align: right;
-  font-size: 120%;
-  background: url(https://www.blender.org/wp-content/themes/bthree/assets/images/logo.png) no-repeat;
-  font-weight: lighter;
-  line-height: 180%;
-  width: 123px;
-  opacity: 1;
-  margin: 8px 0 0 0;
-  background-size: 123px 36px;
-  transition: opacity 0.2s ease-in; }
-  @media (max-width: 767px) {
-    header a.logo {
-      margin: 12px 0 0 15px; } }
-  header a.logo:hover {
-    color: #444444;
-    opacity: 0.8; }
-
-/* // LOGO */
-/* FOOTER */
-/* Footer Navigation */
-footer {
-  font-size: 80%; }
-
-footer a {
-  color: #777777 !important; }
-
-footer a:hover {
-  color: #109df0 !important; }
-
-#footer-navigation {
-  font-size: 85%;
-  margin-bottom: 5px;
-  color: #6a6a6a;
-  border-top: thick solid #dddddd; }
-
-#footer-navigation ul {
-  position: relative;
-  margin: 0;
-  padding: 0 0 10px 16px;
-  list-style-type: none; }
-
-#footer-navigation li {
-  position: relative; }
-
-#footer-navigation a {
-  color: #6a6a6a; }
-
-#footer-navigation a:hover {
-  color: #109df0; }
-
-#footer-navigation i {
-  font-size: 80%;
-  position: absolute;
-  left: -14px;
-  top: 20%; }
-
-#footer-navigation h4 {
-  color: #585858;
-  margin-bottom: 5px; }
-
-/* Bootstrap Overrides */
-/* Breadcrumb */
-.breadcrumb > li + li:before {
-  content: "";
-  font-family: "FontAwesome"; }
-
-.breadcrumb > .active {
-  color: #919191; }
-
-/* // Breadcrumb */
-.well {
-  overflow: hidden; }
-
-.tooltip {
-  font-size: 14px;
-  position: absolute; }
-
-.tooltip.in {
-  opacity: 1; }
-
-.tooltip-inner {
-  margin: 0 auto;
-  background-color: #f8f8f8;
-  color: #444444;
-  border-radius: 3px;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.2); }
-
-.tooltip.bottom .tooltip-arrow {
-  border-bottom-color: #f8f8f8;
-  border-radius: 6px; }
-
-.tooltip.top .tooltip-arrow {
-  border-top-color: #f8f8f8; }
-
-.tooltip.bottom .tooltip-arrow {
-  border-bottom-color: #f8f8f8; }
-
-.tooltip.left .tooltip-arrow {
-  border-left-color: #f8f8f8; }
-
-.tooltip.right .tooltip-arrow {
-  border-left-color: #f8f8f8; }
-
-.popover .arrow {
-  display: none; }
-
-.popover {
-  min-width: 250px;
-  background-color: transparent;
-  border: none;
-  border-radius: 3px; }
-
-.popover-title {
-  background-color: #f8f8f8;
-  font-size: 110%;
-  border-radius: 0;
-  display: none; }
-
-.popover-content {
-  font-size: 14px;
-  border-radius: 3px;
-  background-color: #f8f8f8;
-  box-shadow: 2px 2px 0 rgba(95, 95, 95, 0.2); }
-
-.blink {
-  transition: all 2s ease-in-out;
-  animation: blink 2s infinite ease-in-out;
-  animation-name: blink;
-  -moz-animation-name: blink;
-  animation-direction: normal;
-  animation-duration: 2s;
-  animation-iteration-count: infinite;
-  animation-timing-function: ease-in-out; }
-
-.blink.slowest {
-  animation-duration: 12s; }
-
-.blink.slow {
-  animation-duration: 6s; }
-
-.blink.fast {
-  animation-duration: 1s; }
-
-.blink.fastest {
-  animation-duration: 0.5s; }
index 085fa38..66bfd88 100644 (file)
 <!DOCTYPE html>
 {% endblock %}
 <html lang="en">
-  <head>
-    {% block head %}
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    {% if metatags %}
-      {{ metatags }}
-    {% endif %}
-    {% if refresh %}
-      <meta http-equiv="refresh" content="{{ refresh|e }}"/>
-    {% endif %}
-    <title>{{ title|e }}</title>
-
-       <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-       <link href="https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
-       <link href="{{ path_to_root }}css/main.css" rel="stylesheet">
-
-    <link rel="stylesheet" href="{{ stylesheet }}" type="text/css" />
-    <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ path_to_root }}rss">
-
-       <link href="{{ path_to_root }}css/font-borg.css" rel="stylesheet">
-       <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-       <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
-    {% endblock %}
-  </head>
-  <body class="interface" onload="parent.postMessage(document.body.scrollHeight, 'https://developer.blender.org');">
-
-          {% block header -%}
-        <header class="navbar navbar-default navbar-fixed-top" role="navigation">
-            <div class="container">
-                <div class="navbar-header">
-                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#cloud-navbar-collapse-1">
-                        <span class="sr-only">Toggle navigation</span>
-                        <i class="fa fa-bars"></i>
-                    </button>
-                    <a class="logo" href="{{ path_to_root or '.' }}"></a>
-                </div>
-
-                <!-- Collect the nav links, forms, and other content for toggling -->
-                <nav class="collapse navbar-collapse" id="cloud-navbar-collapse-1">
-                    <ul class="nav navbar-nav navbar-right">
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}download">Download</a></li>
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}waterfall">Waterfall</a></li>
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}grid">Grid</a></li>
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}tgrid">T-Grid</a></li>
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}builders">Builders</a></li>
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}one_line_per_build">Recent Builds</a></li>
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}buildslaves">Buildslaves</a></li>
-                        <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="{{ path_to_root }}about">About</a></li>
-                    </ul>
-                </nav><!-- /.navbar-collapse -->
-
-                </div>
-        </header>
-    {% endblock %}
-
-        <div class="container-fluid featured featured-xs">
-                       <div class="col-md-12 height-full">
-                               <div class="container vertical-align">
-                
+       <head>
+               {% block head %}
+               <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+               {% if metatags %}
+                       {{ metatags }}
+               {% endif %}
+               {% if refresh %}
+                       <meta http-equiv="refresh" content="{{ refresh|e }}"/>
+               {% endif %}
+               <title>{{ title|e }}</title>
+
+               <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
+               <link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
+       <link href="{{ path_to_root }}assets/css/main.css" rel="stylesheet">
+
+               <!-- <link rel="stylesheet" href="{{ stylesheet }}" type="text/css" /> -->
+               <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ path_to_root }}rss">
+
+               {% endblock %}
+       </head>
+       <body class="interface" onload="parent.postMessage(document.body.scrollHeight, 'https://developer.blender.org');">
+
+               {% block header -%}
+
+               <a name="hop"></a>
+
+               <header class="navbar navbar-default navbar-fixed-top bright" role="navigation">
+                       <div class="container">
+                               <div class="navbar-header">
+                                       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-menu">
+                                               <span class="sr-only">Toggle navigation</span>
+                                               <i class="fa fa-bars"></i>
+                                       </button>
+                                       <a class="logo" href="http://www.blender.org"></a>
+                               </div>
+
+                               <nav class="collapse navbar-collapse" id="navbar-collapse-menu">
+                                               <ul class="nav navbar-nav navbar-right">
+                                                               <li><a href="http://www.blender.org/features/">Features</a></li>
+                                                               <li><a href="http://www.blender.org/download/">Download</a></li>
+                                                               <li><a href="http://www.blender.org/support/">Support</a></li>
+                                                               <li><a href="http://www.blender.org/get-involved/">Get Involved</a></li>
+                                                               <li><a href="http://www.blender.org/about/">About</a></li>
+                                                               <li><a href="http://www.blender3d.org/e-shop/">Store</a></li>
+                                               </ul>
+                               </nav>
+                       </div>
+               </header>
+
+               <div class="container-main">
+                       <div class="container-fluid featured featured-xs">
+                               <div class="col-md-12">
+                                       <div class="container">
+                                               <h1>Blender Builder</h1>
+                                       </div>
                                </div>
                        </div>
-               </div> 
-
-    {%- block barecontent -%}
-    <div class="content col-md-12">
-      {%- block content -%}     
-      {%- endblock -%}
-    </div>
-    {%- endblock -%}
-
-    {%- block footer -%} 
-    <footer>
-        <div class="container">
-            <span class="pull-left">
-              <a href="http://buildbot.net/">BuildBot</a> ({{version}})
-              {% if project_name -%}
-                working for the&nbsp;
-                {%- if project_url -%}
-                  <a href="{{ project_url }}">{{ project_name }}</a>
-                {%- else -%}
-                  {{ project_name }}
-                {%- endif -%}
-                &nbsp;project.
-              {%- endif -%}
-            </span>
-        <span class="pull-right"><p>Page built: {{ time }} ({{ tz }})</p></span>
-        </div>
-    </footer>
-    {% endblock -%}
-
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-    
-      ga('create', 'UA-1418081-1', 'auto');
-      ga('send', 'pageview');
-    
-    </script>
-  </body>
+
+                       <header class="navbar navbar-default navbar-secondlevel navbar-static-top" role="navigation">
+                               <div class="container relative">
+                                       <ul class="nav navbar-nav navbar-left">
+                                               {% set title = request.path.split("/")[1] %}
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page {% if title == 'download' %}active{% endif %}"><a href="{{ path_to_root }}download">Download</a></li>
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page  {% if title == 'waterfall' %}active{% endif %}"><a href="{{ path_to_root }}waterfall">Waterfall</a></li>
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page  {% if title == 'grid' %}active{% endif %}"><a href="{{ path_to_root }}grid">Grid</a></li>
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page  {% if title == 'tgrid' %}active{% endif %}"><a href="{{ path_to_root }}tgrid">T-Grid</a></li>
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page  {% if title == 'builders' %}active{% endif %}"><a href="{{ path_to_root }}builders">Builders</a></li>
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page  {% if title == 'one_line_per_build' %}active{% endif %}"><a href="{{ path_to_root }}one_line_per_build">Recent Builds</a></li>
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page  {% if title == 'buildslaves' %}active{% endif %}"><a href="{{ path_to_root }}buildslaves">Buildslaves</a></li>
+                                               <li class="menu-item menu-item-type-post_type menu-item-object-page  {% if title == 'about' %}active{% endif %}"><a href="{{ path_to_root }}about">About</a></li>
+                                        </ul>
+                               </div>
+                       </header> <!-- // second level-->
+
+                       {% endblock %}
+
+                       {%- block barecontent -%}
+                       <div class="container">
+                               <div class="row">
+                                       <div class="col-md-12">
+                                               {%- block content -%}
+                                               {%- endblock -%}
+                                       </div>
+                               </div>
+                       </div> <!-- /container -->
+                       {%- endblock -%}
+               </div> <!-- /container-main -->
+
+               {%- block footer -%}
+               <div id="footer-navigation"> <!-- Sitemap -->
+                       <div class="container">
+                               <div class="row">
+                                       <div class="col-md-3 col-xs-6 margin-top-1">
+                                               <h4>Blender</h4>
+                                               <ul>
+                                                       <a href="http://www.blender.org/download/" title="Download Blender">
+                                                               <li>Download</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/download/" title="Source Code">
+                                                               <li>Source Code</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/features/" title="Blender Features">
+                                                               <li>Features</li>
+                                                       </a>
+                                                       <a href="http://wiki.blender.org/index.php/Doc:2.6/Manual" title="Blender Documentation">
+                                                               <li>Documentation</li>
+                                                       </a>
+                                               </ul>
+                                       </div>
+                                       <div class="col-md-3 col-xs-6 margin-top-1">
+                                               <h4>Organization</h4>
+                                               <ul>
+                                                       <a href="http://www.blender.org/foundation/" title="Blender Foundation">
+                                                               <li>Foundation</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/institute/" title="Blender Institute">
+                                                               <li>Institute</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/get-involved/developers/" title="Developers">
+                                                               <li>Developers</li>
+                                                       </a>
+                                                       <a href="http://www.blendernetwork.org"
+                                                       title="The Network of Blender Professionals">
+                                                               <li><i class="bf-network"></i> Blender Network</li>
+                                                       </a>
+                                               </ul>
+                                       </div>
+                                       <div class="col-md-3 col-xs-6 margin-top-1">
+                                               <h4>Get Involved</h4>
+                                               <ul>
+                                                       <a href="http://www.blender.org/foundation/donation-payment/" title="Donations">
+                                                               <li>Donations</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/get-involved/developers/" title="Software">
+                                                               <li>Software</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/get-involved/" title="Websites and Docs">
+                                                               <li>Websites & Docs</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/conference/" title="Conferences">
+                                                               <li>Conferences</li>
+                                                       </a>
+                                               </ul>
+                                       </div>
+                                       <div class="col-md-3 col-xs-12 margin-top-1">
+                                               <h4>Blender.org</h4>
+                                               <ul>
+                                                       <a href="http://www.blender.org/news/" title="News">
+                                                               <li>News</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/foundation/" title="Contact">
+                                                               <li>Contact</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/about/logo/" title="Trademark and Logo">
+                                                               <li>Trademark & Logo</li>
+                                                       </a>
+                                                       <a href="http://www.blender.org/about/website/" title="Website License">
+                                                               <li>Website License</li>
+                                                       </a>
+                                               </ul>
+                                       </div>
+                               </div> <!-- footer row -->
+                       </div> <!-- footer container -->
+               </div> <!-- footer-navigation -->
+               <footer>
+                       <div class="container">
+                               <span class="pull-left">
+                                       <a href="http://buildbot.net/">BuildBot</a> ({{version}}) - Page built: {{ time }} ({{ tz }})
+                                       {% if project_name -%}
+                                               working for the&nbsp;
+                                               {%- if project_url -%}
+                                                       <a href="{{ project_url }}">{{ project_name }}</a>
+                                               {%- else -%}
+                                                       {{ project_name }}
+                                               {%- endif -%}
+                                               &nbsp;project.
+                                       {%- endif -%}
+                               </span>
+                               <span class="pull-right">
+                                       <p>Blender.org
+                                               <a href="#hop"><i class="fa fa-angle-up"></i>
+                                               </a>
+                                       </p>
+                               </span>
+                       </div> <!-- /footer-container -->
+               </footer>
+
+               {% endblock -%}
+
+               <script>
+                       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+                       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+                       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+                       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+                       ga('create', 'UA-1418081-1', 'auto');
+                       ga('send', 'pageview');
+
+               </script>
+       </body>
 </html>