mirror of
https://github.com/10h30/trestle.git
synced 2026-07-19 14:43:35 +09:00
Added equal heights col functionality. Adde lots of CSS for sidebar button/form/input/Gravity Forms - may need more testing.
This commit is contained in:
@@ -32,9 +32,8 @@
|
||||
- WordPress
|
||||
- Genesis
|
||||
- Titles
|
||||
- Widgets
|
||||
- Plugins & Widgets
|
||||
- Featured Content
|
||||
- Plugins
|
||||
- Genesis eNews Extended
|
||||
- Genesis Latest Tweets
|
||||
- Genesis Extender
|
||||
@@ -43,6 +42,8 @@
|
||||
- FancyBox for WordPress
|
||||
- MapPress
|
||||
- Simple Section Navigation
|
||||
- Events Manager
|
||||
- Simple Newsletter Signup
|
||||
- Site Header
|
||||
- Title Area
|
||||
- Widget Area
|
||||
@@ -77,7 +78,7 @@ HTML5 Reset
|
||||
normalize.css v2.1.2 | MIT License | git.io/normalize
|
||||
--------------------------------------------- */
|
||||
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:1em;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:1em;margin:0}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
|
||||
|
||||
/* Box Sizing
|
||||
--------------------------------------------- */
|
||||
@@ -161,6 +162,7 @@ input[type="reset"],
|
||||
input[type="submit"],
|
||||
textarea:focus,
|
||||
.button {
|
||||
font-weight: 300;
|
||||
-webkit-transition: all 0.1s ease-in-out;
|
||||
-moz-transition: all 0.1s ease-in-out;
|
||||
-ms-transition: all 0.1s ease-in-out;
|
||||
@@ -275,13 +277,10 @@ a:hover {
|
||||
|
||||
.site-inner a {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.content a {
|
||||
color: #f15123;
|
||||
}
|
||||
|
||||
.content a:hover {
|
||||
.site-inner a:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@@ -364,6 +363,12 @@ h2 {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.widget .entry h2 {
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
font-size: 2rem;
|
||||
@@ -410,9 +415,15 @@ textarea,
|
||||
button,
|
||||
.button,
|
||||
.genesis-nav-menu a,
|
||||
.genesis-nav-menu > .right {
|
||||
padding: 16px 24px;
|
||||
padding: 1.6rem 2.4rem;
|
||||
.nav-primary .genesis-nav-menu > .right,
|
||||
#subscribe-email input,
|
||||
div.gform_wrapper input[type="email"],
|
||||
div.gform_wrapper input[type="text"],
|
||||
div.gform_wrapper textarea,
|
||||
div.gform_wrapper .ginput_complex label {
|
||||
padding: 15px;
|
||||
padding: 1.5rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
input,
|
||||
@@ -426,9 +437,15 @@ textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
border: none !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
border: 1px solid #999;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@@ -445,7 +462,11 @@ button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"],
|
||||
.button {
|
||||
body .button {
|
||||
padding-left: 26px;
|
||||
padding-right: 26px;
|
||||
padding-left: 2.6rem;
|
||||
padding-right: 2.6rem;
|
||||
background-color: #333;
|
||||
border: 1px solid #333;
|
||||
box-shadow: none;
|
||||
@@ -454,13 +475,15 @@ input[type="submit"],
|
||||
text-transform: uppercase;
|
||||
width: auto;
|
||||
border-radius: 3px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
input:hover[type="button"],
|
||||
input:hover[type="reset"],
|
||||
input:hover[type="submit"],
|
||||
.button:hover,
|
||||
body .button:hover,
|
||||
.genesis-nav-menu input[type="submit"] {
|
||||
background-color: #f15123;
|
||||
border-color: #f15123;
|
||||
@@ -481,6 +504,52 @@ input:hover[type="submit"],
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* Sidebar Forms, Buttons, & Inputs */
|
||||
|
||||
.sidebar input,
|
||||
.sidebar select,
|
||||
.sidebar textarea,
|
||||
.sidebar button,
|
||||
.sidebar .button,
|
||||
.sidebar .genesis-nav-menu a,
|
||||
.sidebar .nav-primary .genesis-nav-menu > .right,
|
||||
.sidebar #subscribe-email input,
|
||||
.sidebar div.gform_wrapper input[type="email"],
|
||||
.sidebar div.gform_wrapper input[type="text"],
|
||||
.sidebar div.gform_wrapper textarea,
|
||||
.sidebar .gform_wrapper .ginput_complex .ginput_left select,
|
||||
.sidebar .gform_wrapper .ginput_complex .ginput_right select,
|
||||
.sidebar .gform_wrapper .ginput_complex .ginput_left,
|
||||
.sidebar .gform_wrapper .ginput_complex .ginput_right,
|
||||
.sidebar .gform_wrapper .ginput_complex .ginput_right input[type=text] {
|
||||
width: 100% !important;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.sidebar input[type="file"],
|
||||
.sidebar .gform_wrapper .ginput_complex .ginput_left,
|
||||
.sidebar .gform_wrapper .ginput_complex .ginput_right {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sidebar div.gform_wrapper .gfield_time_hour input,
|
||||
.sidebar div.gform_wrapper .gfield_time_minute input,
|
||||
.sidebar div.gform_wrapper .gfield_date_month input,
|
||||
.sidebar div.gform_wrapper .gfield_date_day input,
|
||||
.sidebar div.gform_wrapper .gfield_date_year input {
|
||||
width: 70% !important;
|
||||
}
|
||||
|
||||
.sidebar div.gform_wrapper li,
|
||||
.sidebar div.gform_wrapper input[type="button"] + input[type="submit"] {
|
||||
margin-top: 8px;
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
|
||||
.sidebar label {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.genesis-nav-menu input[type="submit"]:hover {
|
||||
background-color: #555;
|
||||
border-color: #555;
|
||||
@@ -871,7 +940,7 @@ img.alignright,
|
||||
|
||||
|
||||
/*
|
||||
Widgets
|
||||
Plugins & Widgets
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
/* Featured Content
|
||||
@@ -896,11 +965,6 @@ Widgets
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Plugins
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
/* Genesis eNews Extended
|
||||
--------------------------------------------- */
|
||||
|
||||
@@ -959,9 +1023,9 @@ Plugins
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.home .ez-home-container-area p:last-child,
|
||||
.home .ez-home-container-area ul:last-child,
|
||||
.home .ez-home-container-area ol:last-child {
|
||||
.home .ez-home-container-area .widget:last-child p:last-child,
|
||||
.home .ez-home-container-area .widget:last-child ul:last-child,
|
||||
.home .ez-home-container-area .widget:last-child ol:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -973,14 +1037,15 @@ Plugins
|
||||
/* Gravity Forms
|
||||
--------------------------------------------- */
|
||||
|
||||
div.gform_wrapper {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
div.gform_wrapper input[type="email"],
|
||||
div.gform_wrapper input[type="text"],
|
||||
div.gform_wrapper textarea,
|
||||
div.gform_wrapper .ginput_complex label {
|
||||
div.gform_wrapper textarea {
|
||||
font-size: 16px;
|
||||
font-size: 1.6rem;
|
||||
padding: 16px;
|
||||
padding: 1.6rem;
|
||||
}
|
||||
|
||||
div.gform_wrapper .ginput_complex label {
|
||||
@@ -993,18 +1058,52 @@ div.gform_wrapper form li {
|
||||
margin: 1.6rem 0 0;
|
||||
}
|
||||
|
||||
div.gform_wrapper li,
|
||||
div.gform_wrapper form .gfield_checkbox li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.gform_wrapper ul.gfield_radio li { /* Prevent radio optoin from being cut off by default GF CSS */
|
||||
padding-left: 1px !important;
|
||||
}
|
||||
|
||||
div.gform_wrapper .gform_footer input[type="submit"] {
|
||||
font-size: 14px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
/* Jetpack
|
||||
/* Jetpack - WP Stats
|
||||
--------------------------------------------- */
|
||||
|
||||
img#wpstats {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* Jetpack - Blog Subscriptions
|
||||
--------------------------------------------- */
|
||||
|
||||
#jetpack_subscription_widget input,
|
||||
#subscribe-email input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jetpack_subscription_widget .success {
|
||||
margin-bottom: 15px;
|
||||
padding: 15px;
|
||||
background-color: #DFF7DD;
|
||||
border: 1px solid #CFE7CD;
|
||||
color: #7EA57B;
|
||||
}
|
||||
|
||||
.jetpack_subscription_widget .error {
|
||||
margin-bottom: 15px;
|
||||
padding: 15px;
|
||||
background-color: #FFEDE8;
|
||||
border: 1px solid #EFDDD8;
|
||||
color: #F15123;
|
||||
}
|
||||
|
||||
/* FancyBox for Wordpress
|
||||
--------------------------------------------- */
|
||||
|
||||
@@ -1024,6 +1123,7 @@ img#wpstats {
|
||||
|
||||
/* Simple Section Navigation
|
||||
--------------------------------------------- */
|
||||
|
||||
.simple-section-nav .current_page_item > a,
|
||||
.simple-section-nav .current_page_ancestor > a {
|
||||
|
||||
@@ -1033,6 +1133,91 @@ img#wpstats {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Events Manager
|
||||
--------------------------------------------- */
|
||||
|
||||
.em-calendar-wrapper {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar tbody td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar thead th,
|
||||
.em-calendar-wrapper .fullcalendar thead td {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar thead th,
|
||||
.em-calendar-wrapper .fullcalendar thead td,
|
||||
.em-calendar-wrapper .fullcalendar .days-names td {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar thead th,
|
||||
.em-calendar-wrapper .fullcalendar thead td {
|
||||
border: none;
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar .month_name {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar thead a,
|
||||
.em-calendar-wrapper .fullcalendar .eventful > a:first-child,
|
||||
.em-calendar-wrapper .fullcalendar .eventful-post > a:first-child,
|
||||
.em-calendar-wrapper .fullcalendar .eventful-pre > a:first-child {
|
||||
border-bottom: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar tbody {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar tbody tr,
|
||||
.em-calendar-wrapper .fullcalendar tbody td {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar tbody td {
|
||||
display: block;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar tbody .days-names + tr td:first-child {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar .days-names td {
|
||||
display: none;
|
||||
height: auto;
|
||||
padding: 1em 0;
|
||||
background-color: #999;
|
||||
color: #FFF;
|
||||
border-color: #666;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar ul {
|
||||
margin: 5px 0px 10px 20px;
|
||||
margin: 0.5rem 0 1rem 2rem;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar li {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper table.fullcalendar tr td a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Site Header
|
||||
@@ -1057,8 +1242,8 @@ Site Header
|
||||
.title-area {
|
||||
float: left;
|
||||
font-weight: 700;
|
||||
padding: 16px 0;
|
||||
padding: 1.6rem 0;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: 1.6rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1159,7 +1344,6 @@ Site Navigation
|
||||
clear: both;
|
||||
margin: 0;
|
||||
color: #999;
|
||||
line-height: 1.5;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -1195,11 +1379,6 @@ Site Navigation
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .search {
|
||||
padding: 14px 0 0;
|
||||
padding: 1.4rem 0 0;
|
||||
}
|
||||
|
||||
/* Sub Navigation
|
||||
--------------------------------------------- */
|
||||
|
||||
@@ -1345,12 +1524,30 @@ Site Navigation
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .right > .button {
|
||||
padding: 12px 18px;
|
||||
.genesis-nav-menu > .right .button,
|
||||
.genesis-nav-menu > .right .search-form {
|
||||
margin: -1em 0;
|
||||
color: #FFF;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .right .button,
|
||||
.genesis-nav-menu > .right input {
|
||||
display: inline-block;
|
||||
float: none !important;
|
||||
width: auto;
|
||||
padding: 0.6em 1.2em;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .right .search-form {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .right input[type="submit"] {
|
||||
display: none;
|
||||
margin: 0 0 0 0.5em;
|
||||
}
|
||||
|
||||
/* Sub Menus
|
||||
--------------------------------------------- */
|
||||
@@ -1402,6 +1599,14 @@ Content Area
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.widget .entry,
|
||||
.bubble .widget .entry {
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
}
|
||||
|
||||
/* Lists inside columns (to remove bottom margin as needed at mobile sizes */
|
||||
.no-list-margin ul,
|
||||
.no-list-margin ol {
|
||||
@@ -1791,6 +1996,8 @@ Media Queries
|
||||
--------------------------------------------- */
|
||||
|
||||
.title-area {
|
||||
width: auto;
|
||||
margin-bottom: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@@ -1814,8 +2021,6 @@ Media Queries
|
||||
|
||||
.site-header .search-form {
|
||||
float: right;
|
||||
margin-top: 16px;
|
||||
margin-top: 1.6rem;
|
||||
}
|
||||
|
||||
.site-header .widget-area {
|
||||
@@ -2042,8 +2247,8 @@ Media Queries
|
||||
|
||||
.genesis-nav-menu a,
|
||||
.genesis-nav-menu > .right {
|
||||
padding: 20px;
|
||||
padding: 2rem;
|
||||
padding: 16px 20px;
|
||||
padding: 1.6rem 2rem;
|
||||
}
|
||||
|
||||
/* Navigation Extras
|
||||
@@ -2060,22 +2265,12 @@ Media Queries
|
||||
margin: 0 0 0 2rem;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .search {
|
||||
padding: 11px 20px;
|
||||
padding: 1.1rem 2rem;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .search form {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .search input {
|
||||
padding: 10px 20px;
|
||||
padding: 1rem 2rem;
|
||||
}
|
||||
|
||||
.genesis-nav-menu > .search input[type="submit"] {
|
||||
display: none;
|
||||
.genesis-nav-menu > .right input[type="submit"] {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Sub Menus
|
||||
@@ -2135,6 +2330,34 @@ Media Queries
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
/* Plugins
|
||||
--------------------------------------------- */
|
||||
|
||||
/* Events Manager */
|
||||
.em-calendar-wrapper .fullcalendar tr {
|
||||
display: table-row !important;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar th,
|
||||
.em-calendar-wrapper .fullcalendar td {
|
||||
display: table-cell !important;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar thead th,
|
||||
.em-calendar-wrapper .fullcalendar thead td,
|
||||
.em-calendar-wrapper .fullcalendar .month_name {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar tbody td {
|
||||
width: 14.285714286%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.em-calendar-wrapper .fullcalendar tbody td {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 1140px) {
|
||||
|
||||
Reference in New Issue
Block a user