From: Laury GvR Date: Wed, 15 Oct 2014 13:02:12 +0000 (-0400) Subject: Attempt to streamline app.css X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=309213169ea130c96d8e6295dadc626a7b2a96f2;p=web%2FWP-Theme-GaslightMedia.git Attempt to streamline app.css It currently has certain large sections repeated 48 times from grunt --- diff --git a/css/app.css b/css/app.css index 805e343..61a153a 100644 --- a/css/app.css +++ b/css/app.css @@ -13477,6 +13477,9 @@ body { background-image: url("../assets/img/images/bg.png"); font-size: 14px; } +p { + font-size: 14px; } + h1 { font-size: 40px; } diff --git a/header.php b/header.php index a904174..fb22f8b 100644 --- a/header.php +++ b/header.php @@ -83,4 +83,3 @@
- diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss index 5d58e3a..52b4a81 100644 --- a/scss/site/_structure.scss +++ b/scss/site/_structure.scss @@ -28,6 +28,10 @@ body { background-image: url("../assets/img/images/bg.png"); font-size: 14px; } +p { + font-size: 14px; +} + h1 { font-size: 40px; } @@ -35,7 +39,6 @@ h1 { padding-top: 20px; height: 100px; } - #home.container { background-color: $white; max-width: 1000px; diff --git a/scss/site/_structure.scss~ b/scss/site/_structure.scss~ deleted file mode 100644 index 754257c..0000000 --- a/scss/site/_structure.scss~ +++ /dev/null @@ -1,342 +0,0 @@ -/** - * Table of Contents for FoundationPress: - * - * 1.0 - Custom settings - * 2.0 - Typography - * 3.0 - Header, sidebar and footer - * 4.0 - Content - * 4.1 - Pages - * 4.2 - Posts - * 4.3 - Widgets - * 4.4 - Comments - * 4.5 - Lists - * 4.6 - Forms - * 5.0 - Plugins - - * ---------------------------------------------------------------------------- - */ - - - -/** - * 1.0 Custom settings - * ---------------------------------------------------------------------------- - */ -body { - background-color: $black; - background-image: url("../assets/img/images/bg.png"); -} -#navRow { - padding-top: 20px; - height: 100px; -} - -.container { - background-color: $white; - max-width: 1000px; - margin: 0 auto; -} -.top-bar-container { - float: right; - background: $primary-color; - position: relative; - margin-bottom: 0 !important; - width: 578px; - height: 65px; - border-radius: 10px 0 0 0; -} -nav.top-bar { - height: 60px; - width: 550px; - float: right; - border-radius: 10px 0 0 0; -} -#menu-menu-1 li:first-of-type { - display: none; -} -#menu-menu-1 .glmServicesNav > a::before { - content: "What We Do"; - font-size: 14px; - position: absolute; - left: 31px; - top: 20px; - text-transform: none; -} -#menu-menu-1 .glmOurWorkNav > a::before { - content: "Portfolio of Results"; - font-size: 14px; - position: absolute; - left: 10px; - top: 20px; - text-transform: none; -} -#menu-menu-1 .glmWhoWeAreNav > a::before { - content: "Problem Solvers"; - font-size: 14px; - position: absolute; - left: 35px; - top: 20px; - text-transform: none; -} -.border { - border: solid 1px $black; -} -ul.global-nav { - width: 247px; -} -ul.global-nav li { - margin: 0; - list-style: none outside none; - float: left; - margin-right: 9px; -} -ul.global-nav a { - color: $black; - text-decoration: underline; - font-size: 14px; - /*font-weight: bold;*/ -} -ul.global-nav li + li::before { - content: " | "; -} -#glmTop { - width: 100%; - height: 63px; - margin-bottom: 0; -} -.inner-container { - margin-top: 77px; -} -#glmTop .columns .columns { - height: 55px; - padding-top: 20px; -} -#glmLogo { - margin-top: 45px; - margin-left: 50px; -} -/*#glmLogo {*/ - /*position: absolute;*/ - /*z-index: 9999;*/ - /*top: 52px;*/ - /*left: 50px;*/ - /*position: absolute;*/ - /*z-index: 9999;*/ -/*}*/ -#glmBottom { - background: linear-gradient(180deg, #1162A2, #5095CA); - height: 200px; - width: 100%; - margin-bottom: 50px; - text-align: center; - color: $white; -} - -.glmSocial { - width: 250px; - color: $secondary-color; - font-size: 18px; - font-weight: bold; -} -.glmSocial img { - margin-right: 5px; -} -// Reset margin and padding on figure element -figure { - margin: 0; - padding: 0; -} - -// Add some basic styling for figcaption element -figcaption { - margin-bottom: rem-calc(20); - margin-top: rem-calc(10); - color: #6f6f6f; -} - -// Add the alignment classes used by the WordPress media library - -.alignleft { - float: left; -} - -.alignright { - float: right; -} - -.aligncenter { - display: block; - margin-left: auto; - margin-right: auto; -} - -blockquote.alignleft, -img.alignleft { - margin: rem-calc(7) rem-calc(24) rem-calc(7) 0; -} - -.wp-caption.alignleft { - margin: rem-calc(7) rem-calc(14) rem-calc(7) 0; -} - -blockquote.alignright, -img.alignright { - margin: rem-calc(7) 0 rem-calc(7) rem-calc(24); -} -// for the mobile menu -aside left-off-canvas-menu ul.off-canvas-list li { - display: block; - overflow: hidden; - position: relative; -} -aside.left-off-canvas-menu ul.off-canvas-list li > ul { - display: none; -} -aside.left-off-canvas-menu ul.off-canvas-list li a.toggle { - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABUCAYAAADwHnXXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEIxREJCRjkxOTc3MTFFNEExMUU4NDJENjA5NTYyNEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEIxREJCRkExOTc3MTFFNEExMUU4NDJENjA5NTYyNEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QjFEQkJGNzE5NzcxMUU0QTExRTg0MkQ2MDk1NjI0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QjFEQkJGODE5NzcxMUU0QTExRTg0MkQ2MDk1NjI0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmLH3EUAAAKASURBVHja7FpNKERRFH7jJ7KQkiKllGRBSRY2ViR2io2yUpSUhiLJb4QQg7KwsLJQNnZKysJWslB+RokSJdEkURjfae5imsa8d9+777lyTn3d3pt77/veOe+cc++54wuHw4bOkmRoLkyQCTLBv04wxekExQd3jsZfVOf9Aw1CSzto6iXmDQGfJn32gSZVJu4BaiX6Z5r8/gGMKnMSfCdnaFYVWm4NOFHtxWPAowJyNMeI8jADLT7JTJxAhmVeNMkt0/wgx2IOdwI1tPghHMaO0MKz24J3O4uDILmHZtsGwU3gwKtU1w+8S/R/BQY8y8XQYhDNssSQGeDG68XCJHBvod8VMOf5agZaDImQYSa9wNtvLbfWgaMEv+/adCg1BKHFLzT+BPnWr8OClULHVpz7lLtPdVlR98V8Zw9WVyteEbyO8dRB4Fm3PckscAscCufRY08SJS8iW1wCXzoSJNlQvSfxcXWLCTJBJsgEmSATZIJMkAkyQSb4i8InTbqZuApo1crEMS+7ApDNtsVGXisNtgGVQL4RqWFrZeIsYCrqmqpdBToRpFJbTtR1OjCvC8ESoCvO/WagWgeCS0BqnPs+IOD0GY4GI0g3oqlL0KVCOI/3BEGOvrMFC10nDPMDblc0SJ5aaKFfLjBk9yG26oPQHoUQquBnWBxC53plQNCrXDwtQY4kzYjUsN03MbRHoaPFxrPIoWpcJQhyyUbklNNnU/MB2fwvq8EOoNyBY5UC7a44CbSXjeYcyHYY2OkPFUWGOOhR6SQTCsgZYo5xpSaG9kqFeVVJp8jhyhas9MYhkz7JEhmDcvci0OBKoOZNk0oNcmWBCTJBJsgEmaDe8i3AAABaiPID+002AAAAAElFTkSuQmCC'); - background-repeat: no-repeat; - background-position: 50% 3px; - width: 40px; - height: 48px; - position: absolute; - right: 0; - top: 0; - transition: none; -} -aside.left-off-canvas-menu ul.off-canvas-list li a.toggle.open { - background-position: 50% -40px; -} -aside.left-off-canvas-menu ul.off-canvas-list li > ul { - display: none; -} -aside.left-off-canvas-menu ul.off-canvas-list li > ul li > a { - padding-left: 10px; - margin-left: 25px; - font-size: 16px; - line-height: 18px; -} -aside.left-off-canvas-menu ul.off-canvas-list li > ul.open { - display: block; -} - -// Add some whitespace between top bar and content -.top-bar-container, .tab-bar { - margin-bottom: rem-calc(32); -} - -// Fix the issue where the WP adminbar overlaps the mobile menu -#wpadminbar { - position: fixed !important; -} - -/** - * 2.0 Typography - * ---------------------------------------------------------------------------- - */ - -// Insert styles here - - -/** - * 3.0 Header, sidebar and footer - * ---------------------------------------------------------------------------- - */ -.top-bar { - background: #0568B3; -} -// A more subtle background color for the active menu item -.top-bar-section li.active:not(.has-form) a:not(.button) { - /*background: #272727;*/ - background: #0568B3; -} -.top-bar-section li.active:not(.has-form) a:hover:not(.button) { - /*background: #202020;*/ - background: #0568B3; -} - -// Add some whitespace above the footer for medium-up screens -@media #{$medium-up} { - footer.row { - margin-top: rem-calc(60); - } -} - -/** - * 4.0 Content - * ---------------------------------------------------------------------------- - */ - - - /** - * 4.1 Pages - * ------------------------------------ - */ - - // Hero - - #homepage-hero { - background: url("http://foundation.zurb.com/assets/img/marquee-stars.svg") repeat scroll 0 0 #074E68; - padding: rem-calc(20) 0; - margin: - rem-calc(32) 0 rem-calc(32); - position: relative; - text-align: left; - height: auto; - - h1 a, h4 { color: #fff; } - - .floatingyeti img { - max-width: 30%; - position: absolute; - right: rem-calc(100); - } - - .download { margin-top: rem-calc(20); } - } - - - /** - * 4.2 Posts - * ------------------------------------ - */ - - // Insert styles here - - - /** - * 4.3 Widgets - * ------------------------------------ - */ - - // Insert styles here - - - /** - * 4.4 Comments - * ------------------------------------ - */ - - // Insert styles here - - - /** - * 4.5 Lists - * ------------------------------------ - */ - - // Insert styles here - - - /** - * 4.6 Forms - * ------------------------------------ - */ - - // Insert styles here - - -/** - * 5.0 Plugins - * ---------------------------------------------------------------------------- - */ - -// Insert styles here