Skip to content
This repository has been archived by the owner. It is now read-only.

Updates to Starter Kit #2

Merged
merged 5 commits into from Jan 19, 2015
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 6 additions & 0 deletions .gitignore
@@ -0,0 +1,6 @@

css/_notes/dwsync.xml

javascripts/min/_notes/dwsync.xml

prepros.cfg
Binary file added favicon.ico
Binary file not shown.
8 changes: 4 additions & 4 deletions functions.php
@@ -1,20 +1,20 @@
<?php
/*
*
* functions.php
This is the functions.php files. If for whatever reason you would like to input new functions into cornerstone or tweak ones that are already created (view original theme for more information) you can use this functions.php to overwrite it. '
* Starterkit
* This is the functions.php files. If for whatever reason you would like to input new functions into cornerstone or tweak ones that are already created (view original theme for more information) you can use this functions.php to overwrite it. '
*
*/

// Any custom js or css - Code to make your javascript work with the theme.


function starterkit_scripts() {
wp_enqueue_script( 'starterkit-js', get_stylesheet_directory_uri() . '/javascripts/min/starterkit.min.js', array( 'jquery' ));
}

add_action( 'wp_enqueue_scripts', 'starterkit_scripts');


add_action( 'customize_register', 'starterkit_customize_register' );


?>
234 changes: 157 additions & 77 deletions 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;
Expand All @@ -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;
Expand All @@ -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;
}
}
Binary file modified screenshot.jpg 100755 → 100644
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.