diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8fc9d24 --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ + +css/_notes/dwsync.xml + +javascripts/min/_notes/dwsync.xml + +prepros.cfg diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..fde8229 Binary files /dev/null and b/favicon.ico differ diff --git a/functions.php b/functions.php index 040f18c..b243225 100755 --- a/functions.php +++ b/functions.php @@ -1,12 +1,12 @@ \ No newline at end of file diff --git a/sass/variables.scss b/sass/variables.scss index 3ef2918..8ae60cf 100755 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -1,79 +1,94 @@ -/* - Cornerstone Starter Kit -*/ /* -Variables listed in order - Global - Links - Colors - Border Radius - Header - Navigation bar - Widgets - Content - Footer - Megafooter - Buttons + Starter Kit Variables + * Variables listed in order + Global + Links + Primary Colors + Secondary Colors + Border Radius + Main Header + Navigation bar + Widgets + Calendar + Content + Footer + Megafooter + Buttons + Search Form + //Custom Variables */ -//////////////////////////////////////////////////// -//Global Default -//Link Colors -$link-color: #388ac3; -$link-hover-color: darken($link-color, 15%) !default; +//Global Default - Bootstrap + //Link Colors + $link-color: #388ac3; + $link-hover-color: darken($link-color, 15%)!default; + + // Primary Colors (Bootstrap) + $brand-primary: #428bca !default; + $brand-success: #5cb85c !default; + $brand-info: #5bc0de !default; + $brand-warning: #f0ad4e !default; + $brand-danger: #d9534f !default; -// Primary Colors (Bootstrap) -$brand-primary: #428bca !default; -$brand-success: #5cb85c !default; -$brand-info: #5bc0de !default; -$brand-warning: #f0ad4e !default; -$brand-danger: #d9534f !default; + // Secondary Colors (Bootstrap) + $gray-darker: lighten(#000, 13.5%) !default; // #222 + $gray-dark: lighten(#000, 20%) !default; // #333 + $gray: lighten(#000, 33.5%) !default; // #555 + $gray-light: lighten(#000, 46.7%) !default; // #777 + $gray-lighter: lighten(#000, 93.5%) !default; // #eee -// Secondary Colors (Bootstrap) -$gray-darker: lighten(#000, 13.5%) !default; // #222 -$gray-dark: lighten(#000, 20%) !default; // #333 -$gray: lighten(#000, 33.5%) !default; // #555 -$gray-light: lighten(#000, 46.7%) !default; // #777 -$gray-lighter: lighten(#000, 93.5%) !default; // #eee + // Border Radius + $border-radius-base: 0; + $border-radius-large: 0; + $border-radius-small: 0; -// Border Radius -$border-radius-base: 0; -$border-radius-large: 0; -$border-radius-small: 0; + //Fonts Sizes + $font-size-base: 14px !default; + $font-size-h1: ceil(($font-size-base * 1.7)); + $font-size-h2: floor(($font-size-base * 1.5)) ; + $font-size-h3: ceil(($font-size-base * 1.15)) ; + $font-size-h4: ceil(($font-size-base * 1.15)) ; + $font-size-h5: $font-size-base !default; + $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px -// Header -$header_border: #000000; +// Main Header - Cornerstone Based +$header_border: #000000; -$title_parent: #879197; -$title_parentHover: #000; +$title_parent: #eee; +$title_parentHover: darken($title_parent, 15%); -$title_txt: #879197; -$title_txtHover: #000; +$title_txt: #fff; +$title_txtHover: darken($title_txt, 15%); // Navigation bar -$navbar-margin-bottom: 0; -$navbar-collapse-max-height: none; -$navbar-default-bg: transparent; -$navbar-default-border: transparent; +$navbar-margin-bottom: 0; +$navbar-collapse-max-height: none; +$navbar-default-bg: transparent; +$navbar-default-border: transparent; -$navbar-default-link-color: black; -$navbar-default-link-hover-color: grey; +$navbar-default-link-color: rgba(255,255,255, .6); +$navbar-default-link-hover-color: rgba(255,255,255, 1); $navbar-default-link-hover-bg: transparent; -$navbar-default-link-active-color: darkgrey; +$navbar-default-link-active-color: #000000; $navbar-default-link-active-bg: transparent; -$dropdown-bg: #e9e9e9 ; -$dropdown-link-color: #444 ; -$dropdown-link-hover-color: #fff ; -$dropdown-link-hover-bg: #b8000f ; +$nav-secondary-padding: 8px; -$dropdown-link-active-color: #000 ; -$dropdown-link-active-bg: #d0d0d0 ; +$dropdown-bg: #e9e9e9; +$dropdown-link-color: #444; +$dropdown-link-hover-color: #fff; +$dropdown-link-hover-bg: #5cb85c; +$dropdown-link-active-color: #000; +$dropdown-link-active-bg: #d0d0d0; + +// Widgets - Cornerstone Based +$widget-head-color: #9A0405; +$widget-head-border-width: 0; +$widget-head-size: 150%; -// Widgets $widget-border-color: #ccc !default; $widget-border-radius: $border-radius-base !default; $widget-border-width: 1px !default; @@ -87,40 +102,46 @@ $widget-link-color: $link-color !default; $widget-link-hover: $link-hover-color !default; - // Widgets - Calendar - $uc-ecw-month-bg: #f5f5f5; - $uc-ecw-month-color: #2e77b0; - $uc-ecw-day-bg: #f5f5f5; + // Widgets - Calendar + $uc-ecw-month-bg: #f5f5f5; + $uc-ecw-month-color: #2e77b0; + $uc-ecw-day-bg: #f5f5f5; $uc-ecw-day-color: #454545; - + $uc-ecw-title-color: #113B7C; + $uc-ecw-title-hover: darken($uc-ecw-title-color, 15%); + $uc-ecw-time-color: #113B7C; + $uc-ecw-time-hover: darken($uc-ecw-time-color, 15%); // Content $contentPadding: 31px 0 4em; -$headings-font-weight: bold; -$headings-color:#0c285b; - - +$headings-color: #0c285b; +$headings-font-weight: 500; +$header-border: #fff !default; // Footer -$footers-border-color: #000000; -$footers-border-width: 1px 0 0 0; +$footers-border-color: #000000; +$footers-border-width: 1px 0 0 0; + +$footers-margin: 0; +$footers-bg: #ffffff; +$footers-link-color: rgba(255,255,255,.7); +$footers-link-hover: rgba(255,255,255,1); -$footers-margin: 0; -$footers-bg: #ffffff; -$footers-link-color: #5a595a; -$footers-link-hover: #343434; +$uc-footer-link-spacing: 1.5em; // Mega Footer -$megafooter-bg: transparent !default; -$megafooter-widget-bg: transparent !default; +$megafooter-bg: transparent !default; +$megafooter-widget-bg: transparent !default; +$megafooter-widget-color: rgba(255,255,255, 0.6); +$megafooter-widget-head-color: #ffffff !important; -//For each of Bootstrap's buttons, define text, background and border color. +//Buttons - For each of Bootstrap's buttons, define text, background and border color. $btn-font-weight: normal !default; -$btn-default-color: #333 !default; -$btn-default-bg: #fff !default; -$btn-default-border: #ccc !default; +$btn-default-color: #333 !default; +$btn-default-bg: #fff !default; +$btn-default-border: #ccc !default; $btn-primary-color: #fff !default; $btn-primary-bg: $brand-primary !default; @@ -145,3 +166,62 @@ $btn-danger-border: darken($btn-danger-bg, 5%) !default; $btn-link-disabled-color: $gray-light !default; +// Main Search Form +$searchText: #fff; +$searchPlacehoderText: rgba($searchText, .5); +$searchBackground: rgba(255, 255, 255, .15); + +/* Starter Kit Only Variables */ +// Thesse are variables found in styles.scss file. +$uc-font-path: "../../../global/fonts"; + + +/* Body Search Form */ +$body-search-bg-color: rgba(0, 0, 0, .12); +$body-search-text-color: #081B39; + +/* Widget Search Form */ +$footer-bg-color: #878787; +$footer-text-color: #ffffff; + +// Search Mixin +@mixin searchform(){ +.searchform { + + .form-control { + background-color:$searchBackground; + color: $searchText; + border-radius: 0; + border:none; + height:auto; + + &::-webkit-input-placeholder { + color: $searchPlacehoderText; + } + &:-moz-placeholder { + color: $searchPlacehoderText; + } + &::-moz-placeholder { + color: $searchPlacehoderText; + } + &:-ms-input-placeholder { + color: $searchPlacehoderText; + } + } + .btn { + background-color: $searchBackground; + color:$searchPlacehoderText; + border:none; + padding:5px 12px; + &:hover { + color:#fff; + background-color:darken($searchBackground, 40%); + } + } +} + +.ie7 .searchform .formcontrol, +.ie7 .searchform .btn { + background-color:#3e4a67!important; +} +} diff --git a/screenshot.jpg b/screenshot.jpg old mode 100755 new mode 100644 index 51ec489..f92c2ae Binary files a/screenshot.jpg and b/screenshot.jpg differ diff --git a/style.css b/style.css index e39f844..5031d53 100755 --- a/style.css +++ b/style.css @@ -1,28 +1,33 @@ +@charset "UTF-8"; /* Theme Name: Cornerstone Starter Kit - Description: Aurora's new 2014 theme + Description: Simple start up kit to make your own Aurora Cornerstone based Theme Author: UITS Web Development Lab Template: cornerstone Version: 1.0.0 */ -/* These are the global imports do not delete or alter they are needed for the theme to work properly */ -/* - Cornerstone Starter Kit -*/ /* -Variables listed in order - Global - Links - Colors - Border Radius - Header - Navigation bar - Widgets - Content - Footer - Megafooter - Buttons + Starter Kit Variables + * Variables listed in order + Global + Links + Primary Colors + Secondary Colors + Border Radius + Main Header + Navigation bar + Widgets + Calendar + Content + Footer + Megafooter + Buttons + Search Form + //Custom Variables */ +/* Starter Kit Only Variables */ +/* Body Search Form */ +/* Widget Search Form */ /* Theme Name: Cornerstone Author: UConn Web Development Lab @@ -343,7 +348,6 @@ th { src: url("../../global/bootstrap-sass-master/assets/fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("../../global/bootstrap-sass-master/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../global/bootstrap-sass-master/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../../global/bootstrap-sass-master/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../../global/bootstrap-sass-master/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } - .glyphicon { position: relative; top: 1px; @@ -1171,7 +1175,7 @@ th { html { font-size: 10px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; } body { @@ -1179,7 +1183,7 @@ body { font-size: 14px; line-height: 1.42857; color: #333333; - background-color: white; + background-color: #fff; } input, @@ -1227,8 +1231,8 @@ img { .img-thumbnail { padding: 4px; line-height: 1.42857; - background-color: white; - border: 1px solid #dddddd; + background-color: #fff; + border: 1px solid #ddd; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; @@ -1273,7 +1277,7 @@ hr { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; - font-weight: bold; + font-weight: 500; line-height: 1.1; color: #0c285b; } @@ -1333,19 +1337,19 @@ h6 .small, .h6 small, } h1, .h1 { - font-size: 36px; + font-size: 24px; } h2, .h2 { - font-size: 30px; + font-size: 21px; } h3, .h3 { - font-size: 24px; + font-size: 17px; } h4, .h4 { - font-size: 18px; + font-size: 17px; } h5, .h5 { @@ -1669,8 +1673,8 @@ code { kbd { padding: 2px 4px; font-size: 90%; - color: white; - background-color: #333333; + color: #fff; + background-color: #333; border-radius: 0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } @@ -1689,8 +1693,8 @@ pre { word-break: break-all; word-wrap: break-word; color: #333333; - background-color: whitesmoke; - border: 1px solid #cccccc; + background-color: #f5f5f5; + border: 1px solid #ccc; border-radius: 0; } pre code { @@ -2626,11 +2630,11 @@ th { padding: 8px; line-height: 1.42857; vertical-align: top; - border-top: 1px solid #dddddd; + border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; - border-bottom: 2px solid #dddddd; + border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, @@ -2641,10 +2645,10 @@ th { border-top: 0; } .table > tbody + tbody { - border-top: 2px solid #dddddd; + border-top: 2px solid #ddd; } .table .table { - background-color: white; + background-color: #fff; } .table-condensed > thead > tr > th, @@ -2657,7 +2661,7 @@ th { } .table-bordered { - border: 1px solid #dddddd; + border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, @@ -2665,7 +2669,7 @@ th { .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { - border: 1px solid #dddddd; + border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { @@ -2679,7 +2683,7 @@ th { .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { - background-color: whitesmoke; + background-color: #f5f5f5; } table col[class*="col-"] { @@ -2705,7 +2709,7 @@ table th[class*="col-"] { .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { - background-color: whitesmoke; + background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, @@ -2792,7 +2796,7 @@ table th[class*="col-"] { overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #dddddd; + border: 1px solid #ddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { @@ -2910,9 +2914,9 @@ output { font-size: 14px; line-height: 1.42857; color: #555555; - background-color: white; + background-color: #fff; background-image: none; - border: 1px solid #cccccc; + border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); @@ -3387,7 +3391,7 @@ select[multiple].input-lg, outline-offset: -2px; } .btn:hover, .btn:focus { - color: #333333; + color: #333; text-decoration: none; } .btn:active, .btn.active { @@ -3406,12 +3410,12 @@ select[multiple].input-lg, } .btn-default { - color: #333333; - background-color: white; - border-color: #cccccc; + color: #333; + background-color: #fff; + border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { - color: #333333; + color: #333; background-color: #e6e6e6; border-color: #adadad; } @@ -3419,21 +3423,21 @@ select[multiple].input-lg, background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { - background-color: white; - border-color: #cccccc; + background-color: #fff; + border-color: #ccc; } .btn-default .badge { - color: white; - background-color: #333333; + color: #fff; + background-color: #333; } .btn-primary { - color: white; + color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { - color: white; + color: #fff; background-color: #3071a9; border-color: #285e8e; } @@ -3446,16 +3450,16 @@ select[multiple].input-lg, } .btn-primary .badge { color: #428bca; - background-color: white; + background-color: #fff; } .btn-success { - color: white; + color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { - color: white; + color: #fff; background-color: #449d44; border-color: #398439; } @@ -3468,16 +3472,16 @@ select[multiple].input-lg, } .btn-success .badge { color: #5cb85c; - background-color: white; + background-color: #fff; } .btn-info { - color: white; + color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { - color: white; + color: #fff; background-color: #31b0d5; border-color: #269abc; } @@ -3490,16 +3494,16 @@ select[multiple].input-lg, } .btn-info .badge { color: #5bc0de; - background-color: white; + background-color: #fff; } .btn-warning { - color: white; + color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { - color: white; + color: #fff; background-color: #ec971f; border-color: #d58512; } @@ -3512,16 +3516,16 @@ select[multiple].input-lg, } .btn-warning .badge { color: #f0ad4e; - background-color: white; + background-color: #fff; } .btn-danger { - color: white; + color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { - color: white; + color: #fff; background-color: #c9302c; border-color: #ac2925; } @@ -3534,7 +3538,7 @@ select[multiple].input-lg, } .btn-danger .badge { color: #d9534f; - background-color: white; + background-color: #fff; } .btn-link { @@ -3664,7 +3668,7 @@ tbody.collapse.in { font-size: 14px; text-align: left; background-color: #e9e9e9; - border: 1px solid #cccccc; + border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); @@ -3687,18 +3691,18 @@ tbody.collapse.in { clear: both; font-weight: normal; line-height: 1.42857; - color: #444444; + color: #444; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; - color: white; - background-color: #b8000f; + color: #fff; + background-color: #5cb85c; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { - color: black; + color: #000; text-decoration: none; outline: 0; background-color: #d0d0d0; @@ -4029,7 +4033,7 @@ tbody.collapse.in { color: #555555; text-align: center; background-color: #eeeeee; - border: 1px solid #cccccc; + border: 1px solid #ccc; border-radius: 0; } .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, @@ -4153,7 +4157,7 @@ tbody.collapse.in { } .nav-tabs { - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; @@ -4166,12 +4170,12 @@ tbody.collapse.in { border-radius: 0 0 0 0; } .nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #dddddd; + border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; - background-color: white; - border: 1px solid #dddddd; + background-color: #fff; + border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } @@ -4186,7 +4190,7 @@ tbody.collapse.in { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { - color: white; + color: #fff; background-color: #428bca; } @@ -4234,11 +4238,11 @@ tbody.collapse.in { .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #dddddd; + border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; border-radius: 0 0 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, @@ -4246,7 +4250,7 @@ tbody.collapse.in { .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: white; + border-bottom-color: #fff; } } @@ -4576,38 +4580,38 @@ tbody.collapse.in { border-color: transparent; } .navbar-default .navbar-brand { - color: black; + color: rgba(255, 255, 255, 0.6); } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { - color: black; + color: rgba(230, 230, 230, 0.6); background-color: transparent; } .navbar-default .navbar-text { - color: #777777; + color: #777; } .navbar-default .navbar-nav > li > a { - color: black; + color: rgba(255, 255, 255, 0.6); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { - color: grey; + color: white; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { - color: darkgrey; + color: #000000; background-color: transparent; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; + color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { - border-color: #dddddd; + border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { - background-color: #dddddd; + background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { - background-color: #888888; + background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { @@ -4615,50 +4619,50 @@ tbody.collapse.in { } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; - color: darkgrey; + color: #000000; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: black; + color: rgba(255, 255, 255, 0.6); } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: grey; + color: white; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: darkgrey; + color: #000000; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; + color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { - color: black; + color: rgba(255, 255, 255, 0.6); } .navbar-default .navbar-link:hover { - color: grey; + color: white; } .navbar-default .btn-link { - color: black; + color: rgba(255, 255, 255, 0.6); } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { - color: grey; + color: white; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; + color: #ccc; } .navbar-inverse { - background-color: #222222; + background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #777777; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { - color: white; + color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { @@ -4668,25 +4672,25 @@ tbody.collapse.in { color: #777777; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { - color: white; + color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { - color: white; + color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { - color: #444444; + color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { - border-color: #333333; + border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { - background-color: #333333; + background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { - background-color: white; + background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { @@ -4694,7 +4698,7 @@ tbody.collapse.in { } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; - color: white; + color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { @@ -4707,15 +4711,15 @@ tbody.collapse.in { color: #777777; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { - color: white; + color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { - color: white; + color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #444444; + color: #444; background-color: transparent; } } @@ -4723,32 +4727,32 @@ tbody.collapse.in { color: #777777; } .navbar-inverse .navbar-link:hover { - color: white; + color: #fff; } .navbar-inverse .btn-link { color: #777777; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { - color: white; + color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { - color: #444444; + color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; - background-color: whitesmoke; + background-color: #f5f5f5; border-radius: 0; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { - content: "/\00a0"; + content: "/ "; padding: 0 5px; - color: #cccccc; + color: #ccc; } .breadcrumb > .active { color: #777777; @@ -4771,8 +4775,8 @@ tbody.collapse.in { line-height: 1.42857; text-decoration: none; color: #388ac3; - background-color: white; - border: 1px solid #dddddd; + background-color: #fff; + border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, @@ -4791,14 +4795,14 @@ tbody.collapse.in { .pagination > li > span:focus { color: #276088; background-color: #eeeeee; - border-color: #dddddd; + border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; - color: white; + color: #fff; background-color: #428bca; border-color: #428bca; cursor: default; @@ -4810,8 +4814,8 @@ tbody.collapse.in { .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; - background-color: white; - border-color: #dddddd; + background-color: #fff; + border-color: #ddd; cursor: not-allowed; } @@ -4867,8 +4871,8 @@ tbody.collapse.in { .pager li > span { display: inline-block; padding: 5px 14px; - background-color: white; - border: 1px solid #dddddd; + background-color: #fff; + border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, @@ -4889,7 +4893,7 @@ tbody.collapse.in { .pager .disabled > a:focus, .pager .disabled > span { color: #777777; - background-color: white; + background-color: #fff; cursor: not-allowed; } @@ -4899,7 +4903,7 @@ tbody.collapse.in { font-size: 75%; font-weight: bold; line-height: 1; - color: white; + color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; @@ -4914,7 +4918,7 @@ tbody.collapse.in { } a.label:hover, a.label:focus { - color: white; + color: #fff; text-decoration: none; cursor: pointer; } @@ -4967,7 +4971,7 @@ a.label:hover, a.label:focus { padding: 3px 7px; font-size: 12px; font-weight: bold; - color: white; + color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; @@ -4988,14 +4992,14 @@ a.label:hover, a.label:focus { } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #388ac3; - background-color: white; + background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { - color: white; + color: #fff; text-decoration: none; cursor: pointer; } @@ -5044,8 +5048,8 @@ a.badge:hover, a.badge:focus { padding: 4px; margin-bottom: 20px; line-height: 1.42857; - background-color: white; - border: 1px solid #dddddd; + background-color: #fff; + border: 1px solid #ddd; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; @@ -5156,27 +5160,23 @@ a.thumbnail.active { from { background-position: 40px 0; } - to { background-position: 0 0; } } - @keyframes progress-bar-stripes { from { background-position: 40px 0; } - to { background-position: 0 0; } } - .progress { overflow: hidden; height: 20px; margin-bottom: 20px; - background-color: whitesmoke; + background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -5188,7 +5188,7 @@ a.thumbnail.active { height: 100%; font-size: 12px; line-height: 20px; - color: white; + color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); @@ -5305,8 +5305,8 @@ a.thumbnail.active { display: block; padding: 10px 15px; margin-bottom: -1px; - background-color: white; - border: 1px solid #dddddd; + background-color: #fff; + border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 0; @@ -5325,15 +5325,15 @@ a.thumbnail.active { } a.list-group-item { - color: #555555; + color: #555; } a.list-group-item .list-group-item-heading { - color: #333333; + color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; - color: #555555; - background-color: whitesmoke; + color: #555; + background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { @@ -5349,7 +5349,7 @@ a.list-group-item:hover, a.list-group-item:focus { } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; - color: white; + color: #fff; background-color: #428bca; border-color: #428bca; } @@ -5462,7 +5462,7 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g .panel { margin-bottom: 20px; - background-color: white; + background-color: #fff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); @@ -5502,8 +5502,8 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g .panel-footer { padding: 10px 15px; - background-color: whitesmoke; - border-top: 1px solid #dddddd; + background-color: #f5f5f5; + border-top: 1px solid #ddd; border-bottom-right-radius: -1; border-bottom-left-radius: -1; } @@ -5591,7 +5591,7 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { - border-top: 1px solid #dddddd; + border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { @@ -5668,39 +5668,39 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { - border-top: 1px solid #dddddd; + border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; } .panel-default { - border-color: #dddddd; + border-color: #ddd; } .panel-default > .panel-heading { color: #333333; - background-color: whitesmoke; - border-color: #dddddd; + background-color: #f5f5f5; + border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #dddddd; + border-top-color: #ddd; } .panel-default > .panel-heading .badge { - color: whitesmoke; + color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #dddddd; + border-bottom-color: #ddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { - color: white; + color: #fff; background-color: #428bca; border-color: #428bca; } @@ -5709,7 +5709,7 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g } .panel-primary > .panel-heading .badge { color: #428bca; - background-color: white; + background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #428bca; @@ -5821,7 +5821,7 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g min-height: 20px; padding: 19px; margin-bottom: 20px; - background-color: whitesmoke; + background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); @@ -5847,13 +5847,13 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g font-size: 21px; font-weight: bold; line-height: 1; - color: black; - text-shadow: 0 1px 0 white; + color: #000; + text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { - color: black; + color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; @@ -5910,8 +5910,8 @@ button.close { .modal-content { position: relative; - background-color: white; - border: 1px solid #999999; + background-color: #fff; + border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); @@ -5927,7 +5927,7 @@ button.close { bottom: 0; left: 0; z-index: 1040; - background-color: black; + background-color: #000; } .modal-backdrop.fade { opacity: 0; @@ -6043,10 +6043,10 @@ button.close { .tooltip-inner { max-width: 200px; padding: 3px 8px; - color: white; + color: #fff; text-align: center; text-decoration: none; - background-color: black; + background-color: #000; border-radius: 0; } @@ -6063,52 +6063,52 @@ button.close { left: 50%; margin-left: -5px; border-width: 5px 5px 0; - border-top-color: black; + border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; - border-top-color: black; + border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; - border-top-color: black; + border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; - border-right-color: black; + border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; - border-left-color: black; + border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; - border-bottom-color: black; + border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; - border-bottom-color: black; + border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; - border-bottom-color: black; + border-bottom-color: #000; } .popover { @@ -6120,9 +6120,9 @@ button.close { max-width: 276px; padding: 1px; text-align: left; - background-color: white; + background-color: #fff; background-clip: padding-box; - border: 1px solid #cccccc; + border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); @@ -6188,7 +6188,7 @@ button.close { bottom: 1px; margin-left: -10px; border-bottom-width: 0; - border-top-color: white; + border-top-color: #fff; } .popover.right > .arrow { top: 50%; @@ -6203,7 +6203,7 @@ button.close { left: 1px; bottom: -10px; border-left-width: 0; - border-right-color: white; + border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; @@ -6218,7 +6218,7 @@ button.close { top: 1px; margin-left: -10px; border-top-width: 0; - border-bottom-color: white; + border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; @@ -6232,7 +6232,7 @@ button.close { content: " "; right: 1px; border-right-width: 0; - border-left-color: white; + border-left-color: #fff; bottom: -10px; } @@ -6300,7 +6300,7 @@ button.close { opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; - color: white; + color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } @@ -6322,7 +6322,7 @@ button.close { } .carousel-control:hover, .carousel-control:focus { outline: 0; - color: white; + color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); @@ -6377,17 +6377,17 @@ button.close { height: 10px; margin: 1px; text-indent: -999px; - border: 1px solid white; + border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; - background-color: rgba(0, 0, 0, 0); + background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; - background-color: white; + background-color: #fff; } .carousel-caption { @@ -6398,7 +6398,7 @@ button.close { z-index: 10; padding-top: 20px; padding-bottom: 20px; - color: white; + color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } @@ -6491,7 +6491,6 @@ button.close { @-ms-viewport { width: device-width; } - .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @@ -6734,7 +6733,8 @@ button.close { - - - - - - - - - - - - - - - - - - - */ /* == Nav */ /* == Widgets */ -/* Sepcific Widgets */ +/* Specific Widgets */ +/* == Main Content Area */ /* == Footers */ /* - - - - - - - - - - - - - - - - - - - == Utilities @@ -6744,25 +6744,24 @@ button.close { - - - - - - - - - - - - - - - - - - - */ @font-face { font-family: 'Proxima Nova'; - src: url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot"); - src: url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.woff") format("woff"), url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf") format("truetype"); + src: url("../../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot"); + src: url("../../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("../../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.woff") format("woff"), url("../../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } - @font-face { font-family: 'Proxima Nova'; - src: url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot"); - src: url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.woff") format("woff"), url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.ttf") format("truetype"); + src: url("../../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot"); + src: url("../../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("../../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.woff") format("woff"), url("../../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.ttf") format("truetype"); font-weight: 500; font-style: normal; } - /* - - - - - - - - - - - - - - - - - - - == Titlebar - - - - - - - - - - - - - - - - - - - */ #uc-header { - border-bottom: 1px solid #fff; + border-bottom: 1px solid transparent; + border-bottom-color: #fff; } #uc-site-header { @@ -6787,22 +6786,6 @@ button.close { font-family: "Proxima Nova", Helvetica, Arial, sans-serif; } -#uc-site-header .blue a { - color: #0b1860; -} - -#uc-site-header .grey a { - color: #7C878E; -} - -#uc-site-header .white a { - color: #FFF; -} - -#uc-site-header .black a { - color: #000; -} - #uc-site-header .glyphicon { display: none; } @@ -6834,14 +6817,22 @@ button.close { width: 150px; } +.lte7.form-control { + width: 20px; +} + /* NAV --------------------------------------------------------------*/ +#primary-nav a.external { + max-height: 50px; +} + #nav-secondary { - padding: 5px; + padding: 8px; border: 1px solid transparent; - border-color: #cccccc; + border-color: #ccc; border-radius: 0; - background-color: white; + background-color: #fff; font-size: 0.9em; } #nav-secondary .nav.nav-pills.nav-stacked a { @@ -6861,11 +6852,14 @@ button.close { color: inherit; } #nav-secondary .nav.nav-pills.nav-stacked a:hover { - background-color: #eeeeee; + background-color: #eee; } #nav-secondary .nav.nav-pills.nav-stacked .active a { background-color: #428bca; - color: white; + color: #fff; +} +#nav-secondary .nav.nav-pills.nav-stacked .sub-menu { + margin: 2px 0 2px 1.5em; } #nav-secondary > ul { margin: 0; @@ -7003,7 +6997,7 @@ code { --------------------------------------------------------------*/ #main { border-radius: 0; - background-color: white; + background-color: #fff; padding: 1em; overflow: hidden; /* @@ -7041,7 +7035,7 @@ code { height: auto; padding: .4em .2em .3em .2em; font-size: .8em; - background-color: whitesmoke; + background-color: #f5f5f5; color: #2e77b0; font-weight: normal; letter-spacing: 0; @@ -7050,26 +7044,26 @@ code { .page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-day { padding: .5em .1em .6em; height: auto; - background-color: whitesmoke; + background-color: #f5f5f5; color: #454545; font-size: 1.2em; } .page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-title { - color: #388ac3; + color: #113B7C; font-size: 1em; line-height: 1.42857; margin-bottom: .3em; margin-top: .2em; } .page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-time { - color: #85b8dc; + color: #113B7C; font-size: 1em; } .page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title { - color: #276088; + color: #081b39; } .page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time { - color: #4a96cb; + color: #081b39; } .page .uc-cal.uc-listcal .uc-cal-list { margin: 1em; @@ -7091,23 +7085,23 @@ code { } .page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-title { display: block; - color: #388ac3; + color: #113B7C; line-height: 1.42857; } .page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-time { - color: #85b8dc; + color: #113B7C; } .page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title { - color: #276088; + color: #081b39; } .page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time { - color: #4a96cb; + color: #081b39; } /* POSTS --------------------------------------------------------------*/ .post { - background-color: white; + background-color: #fff; padding: 1em; } @@ -7177,7 +7171,8 @@ code { .comment { padding: 1em; - border-top: 1px solid #ccc; + border-top: 1px solid transparent; + border-top-color: #ccc; } .comment.thread-odd { @@ -7326,12 +7321,12 @@ object { overflow: hidden; border: 1px solid transparent; border-width: 1px; - border-color: #cccccc; + border-color: #ccc; border-radius: 0; margin: 0 0 1.5em 0; padding: 0; - background-color: white; - color: black; + background-color: #fff; + color: #000; } .widget a { color: #388ac3; @@ -7354,13 +7349,13 @@ object { .widget .widget-head { padding: 0.5em 0.5em 0.5em 1em; border: 1px solid transparent; - border-width: 0 0 1px 0; - border-color: #cccccc; + border-width: 0; + border-color: #ccc; } .widget .widget-head h2 { - font-size: 1em; + font-size: 150%; margin: 0; - color: black; + color: #9A0405; } .widget form { margin: 1em; @@ -7393,6 +7388,10 @@ object { margin-bottom: .5em; } +* html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a { + height: 1%; +} + /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; @@ -7452,9 +7451,63 @@ object { background-color: transparent; border: none; } +.widget.widget_dpe_fp_widget { + padding: 0; + background-color: transparent; +} +.widget.widget_dpe_fp_widget .dpe-flexible-posts li { + padding: 0.1em 0px 0.1em 0px; + display: block; + background-color: transparent; +} +.widget.widget_dpe_fp_widget .dpe-flexible-posts li a { + margin: 0; + position: relative; + display: inline-block; +} +.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-thumbnail { + height: 60px; + width: 60px; + margin-right: 10px; + margin-bottom: 10px; + float: left; +} +.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-medium { + width: 48%; + margin-right: 10px; + margin-bottom: 10px; + float: left; +} +.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-large { + max-width: 100%; + margin-right: 10px; + margin-bottom: 10px; + float: left; + clear: right; +} +.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .title { + display: block; + position: relative; + font-size: 1em; + font-weight: normal; +} +.widget.widget_dpe_fp_widget .dpe-flexible-posts li a:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} .widget.uc-contact-widget th { white-space: nowrap; } +.widget.uc-contact-widget td.uc-output-email { + word-break: break-all; +} +.widget.uc-contact-widget td.uc-output-more { + word-break: break-all; +} .widget.uc-ecw { padding-bottom: 1em; } @@ -7480,7 +7533,7 @@ object { height: auto; padding: .4em .2em .3em .2em; font-size: .8em; - background-color: whitesmoke; + background-color: #f5f5f5; color: #2e77b0; font-weight: normal; letter-spacing: 0; @@ -7489,26 +7542,26 @@ object { .widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-day { padding: .5em .1em .6em; height: auto; - background-color: whitesmoke; + background-color: #f5f5f5; color: #454545; font-size: 1.2em; } .widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-title { - color: #388ac3; + color: #113B7C; font-size: 1em; line-height: 1.42857; margin-bottom: .3em; margin-top: .2em; } .widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-time { - color: #85b8dc; + color: #113B7C; font-size: 1em; } .widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title { - color: #276088; + color: #081b39; } .widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time { - color: #4a96cb; + color: #081b39; } .widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list { margin: 1em; @@ -7530,17 +7583,17 @@ object { } .widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-title { display: block; - color: #388ac3; + color: #113B7C; line-height: 1.42857; } .widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-time { - color: #85b8dc; + color: #113B7C; } .widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title { - color: #276088; + color: #081b39; } .widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time { - color: #4a96cb; + color: #081b39; } .widget.uc-ecw .uc-cal-link { margin: 1em; @@ -7610,6 +7663,9 @@ object { /* - - - - - - - - - - - - - - - - - - - == Table Stripper + + Our effort to combat the use of table-based layouts by site authors. + - - - - - - - - - - - - - - - - - - - */ table div, table span, table applet, table object, table iframe, table h1, table h2, table h3, table h4, table h5, table h6, table p, table blockquote, table pre, table @@ -7666,29 +7722,18 @@ q:before, table q:after { display: block; position: relative; padding-left: 170px; + min-height: 150px; } .uup-list .has-image .uup-thumbnail { display: block; width: 150px; height: 150px; - float: left; - position: relative; - left: -170px; - margin-right: -150px; -} -.uup-list a.uup-user { - float: left; + position: absolute; + left: 0; + top: 0; } .uup-list .uup-item { margin-bottom: 1em; - *zoom: 1; -} -.uup-list .uup-item:after, .uup-list .uup-item:before { - content: ''; - display: table; -} -.uup-list .uup-item:after { - clear: both; } .uup-list .uup-item .uup-text { display: block; @@ -7696,27 +7741,57 @@ q:before, table q:after { .uup-list .uup-item .uup-text > span { display: block; } +.uup-list .uup-item .uup-text a .uup-name { + display: inline; +} .uup-list .uup-item .uup-text .uup-name { font-weight: bold; } -.uup-list .uup-item .uup-text .uup-name .uup-last:before { +.uup-list .uup-item .uup-text .uup-name .uup-first:after { content: ' '; } +.uup-index-table .uup-table-name.table-has-image { + position: relative; + padding-left: 60px; +} .uup-index-table .uup-table-name.table-has-image .uup-table-thumbnail { display: block; - width: 75px; - float: left; - margin: 0 1em 1em 0 !important; + width: 50px; + height: 50px; + position: absolute; + left: 0; + top: 5px; } .uup-index-table .uup-table-name.table-has-image .uup-name { - float: left; display: block; } .uup-index-table .uup-table-name .uup-last:before { content: ' '; } +/* + Profile Page +*/ +.page-template-page-user-profile-php .uup-user { + padding: 1em; +} +.page-template-page-user-profile-php .uup-user > span { + display: block; +} +.page-template-page-user-profile-php .uup-user .uup-image { + margin-bottom: 1em; +} +.page-template-page-user-profile-php .uup-user .uup-name { + font-weight: bold; +} +.page-template-page-user-profile-php .uup-user .uup-name .uup-first:after { + content: ' '; +} +.page-template-page-user-profile-php .uup-user .uup-phones .uup-phone2 { + display: block; +} + /* - - - - - - - - - - - - - - - - - - - == Calendar - - - - - - - - - - - - - - - - - - - */ @@ -7756,13 +7831,151 @@ q:before, table q:after { display: none; } +#events-table { + /* + ul.btn-multi{ + margin-bottom:.5em; + + li{ + + ul{ + + padding: 0px 0px 0px 12px; + + li{ + + &.month-arrow{ + + a.icon{ + + span.glyphicons{ + padding: 0px 0px 0px 5px; + + &:before{ + color:#fff; + font-size: 14px; + display:block; + position: relative; + } + } + } + } + } + } + a.btn-toggle{ + margin-left:10px; + font-size:14px; + color:#777; + text-align: center; + } + } + } + } + */ + /* + #events-grid.table { + tbody{ + tr{ + + th{ + width:14%; + text-align:right; + + span{ + font-weight:normal; + color:#777; + font-size:12px !important; + } + } + td{ + border-left: 1px solid #eee; + border-right: 1px solid #eee; + border-bottom: 1px solid #eee; + background: #fff; + text-align:left; + height: 90px; + padding:1px; + ol.event-list{ + li{ + span.event-time{ + font-size:11px !important; + padding: 0px 0px 0px 2px !important; + } + ol{ + padding: 0px 2px 0px 2px !important; + li{ + background: rgba(15,25,56, 0.1); + border:1px solid rgba(15,25,56, 0.2) !important; + padding: 0px 3px 0px 3px !important; + margin-bottom: 2px !important; + a.event-link{ + strong{ + font-weight:normal; + font-size:12px !important; + } + } + } + } + } + } + } + } + } + } + */ +} +#events-table #events-toolbar { + margin-bottom: 1em; +} +#events-table #events-toolbar #events-month { + width: 10em; +} +#events-table table { + font-size: 85%; +} +#events-table table thead th { + width: 14%; + text-align: center; +} +#events-table table tbody th { + border-bottom-width: 0; + padding-bottom: 0; + padding-left: 0; + text-align: right; + font-weight: normal; + opacity: .7; +} +#events-table table tbody td { + border-top-width: 0; + padding-top: 0; +} +#events-table table tbody td a { + text-decoration: none; +} +#events-table table tbody td a:hover { + text-decoration: underline; +} +#events-table table tbody td a strong { + font-weight: normal; +} +#events-table table tbody td a .glyphicon { + display: none; +} +#events-table table tbody td .event-list + .event-list { + margin-top: 1em !important; +} +#events-table table tbody td .event-list li + li { + margin-top: .5em !important; +} + /* - - - - - - - - - - - - - - - - - - - == In Page Menus - - - - - - - - - - - - - - - - - - - */ .in-page-list { float: right; padding: .5em; - border: 1px solid #e7e7e7; + border: 1px solid transparent; + border-color: #e7e7e7; background-color: #f8f8f8; margin: 0 0 1.5em 2em; width: 20%; @@ -7779,10 +7992,10 @@ q:before, table q:after { == Footers - - - - - - - - - - - - - - - - - - - */ #footers { - background-color: white; + background-color: #ffffff; margin: 0; border: 0px solid transparent; - border-color: black; + border-color: #000000; border-width: 1px 0 0 0; } @@ -7798,46 +8011,142 @@ body.sticky #footers { background-color: transparent; } #mega-footer .widget { - color: #333333; + color: rgba(255, 255, 255, 0.6); background-color: transparent; border: none; } #mega-footer .widget a { - color: #5a595a; + color: rgba(255, 255, 255, 0.7); } #mega-footer .widget a:hover { - color: #343434; + color: white; } #mega-footer .widget .widget-head { background-color: transparent; - color: #333333; + color: #ffffff !important; border: none; } #footer { padding: 1.5em 0; - color: #5a595a; + color: rgba(255, 255, 255, 0.7); +} +#footer ul { + padding: 0; } #footer a { - color: #5a595a; + color: rgba(255, 255, 255, 0.7); } #footer a:hover { - color: #343434; -} - -#footer ul { - padding: 0; + color: white; } - #footer li { display: inline; - margin-right: 1em; + margin-right: 1.5em; } - #footer li:last-child { margin-right: 0; } +#footer li a { + padding: 15px 0px; +} -#footer .glyphicon { - display: none; +/* + + ATTN: Devs + + Never place any SASS or CSS in this file. + Look for the appropriate .scss file that's being imported. Add it there. + If no file makes sense, for example, this is for a new feature... make a new .scss file, @import it, + and work there. + + Also! Any colors... register them as variables and use !default so we can override them later. + + - Andrew + +*/ +/* + Starter Kit Main SASS + * define styles UNIQUE to Starter Kit. + * overwrite cornerstone defaults + * reference variables in variables.scss + + */ + /* Body +==================================== +*/ +#uc-site-header { + padding-left: 10px; } + +#uc-header { + border-bottom-color: #000000; +} + +body { + background-color: #fafafa; +} + +/* Masthead +==================================== +*/ +#masthead .searchform .form-control { + background-color: rgba(255, 255, 255, 0.15); + color: #fff; + border-radius: 0; + border: none; + height: auto; +} +#masthead .searchform .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} +#masthead .searchform .form-control:-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} +#masthead .searchform .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} +#masthead .searchform .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} +#masthead .searchform .btn { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.5); + border: none; + padding: 5px 12px; +} +#masthead .searchform .btn:hover { + color: #fff; + background-color: rgba(153, 153, 153, 0.15); +} +#masthead .ie7 .searchform .formcontrol, +#masthead .ie7 .searchform .btn { + background-color: #3e4a67 !important; +} + +/* Widgets +==================================== +*/ +.widget.widget_search .btn.btn-default { + background-color: rgba(0, 0, 0, 0.12); + color: #081B39; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +/* Main Content +==================================== +*/ +/* Footer Widgets +==================================== +*/ +#mega-footer .widget.widget_search .btn.btn-default { + background-color: #878787; + color: #ffffff; + border: 1px solid #878787; +} + +/* Profile Page +==================================== +*/ + +/*# sourceMappingURL=style.css.map */ diff --git a/style.scss b/style.scss index 7af9f21..241f6b4 100755 --- a/style.scss +++ b/style.scss @@ -1,14 +1,139 @@ +// /* Theme Name: Cornerstone Starter Kit - Description: Aurora's new 2014 theme + Description: Simple start up kit to make your own Aurora Cornerstone based Theme Author: UITS Web Development Lab Template: cornerstone Version: 1.0.0 */ -/* These are the global imports do not delete or alter they are needed for the theme to work properly */ +// adjustments to Bootstrap or Cornerstone variables. Things like font size, rounded corners, margins. Anything not color related. @import "sass/variables.scss"; +// loads bootstrap, and cornerstone. @import "../cornerstone/style.scss"; -// Custom CSS +/* + Starter Kit Main SASS + * define styles UNIQUE to Starter Kit. + * overwrite cornerstone defaults + * reference variables in variables.scss + + */ + + /* Body +==================================== +*/ +#uc-site-header { + padding-left:10px; +} +#uc-header { + border-bottom-color: $header-border; +} +body { + background-color:#fafafa; +} + +/* Masthead +==================================== +*/ + +#masthead { + #uc-site-parent a { + &:hover { + } + } + #uc-site-title a { + &:hover { + } + } + @include searchform(); + #site-navigation { + + } +} +/* Widgets +==================================== +*/ +.widget { + .widget-head { + .widget-title { + } + } + &.widget_search{ + .btn.btn-default{ + background-color: $body-search-bg-color; + color: $body-search-text-color; + border: 1px solid $body-search-bg-color; + } + } +} +/* Main Content +==================================== +*/ + +#main { + .post { + + } +} + +/* Footer Widgets +==================================== +*/ +#mega-footer{ + .widget{ + .widget-head{ + h2{ + + } + } + &.widget_search{ + .btn.btn-default{ + background-color: $footer-bg-color; + color: $footer-text-color; + border: 1px solid $footer-bg-color; + } + } + } +} +/* Profile Page +==================================== +*/ +.page-template-page-user-profile-php { + .uup-user { + & > span { + } + .uup-image{ + } + .uup-name { + .uup-first { + &:after { + } + } + .uup-last {} + } + .uup-title { + } + .uup-phones { + .uup-phone1 {} + .uup-phone2 { + } + } + .uup-email { + } + .uup-fax { + } + .uup-office-location { + } + .uup-office-hours { + } + .uup-mailing-address { + } + } +} + + + + +