From 6816b56e925fbc35bc8415dd59a694da5b8a7b69 Mon Sep 17 00:00:00 2001 From: Nathan Kinkade Date: Mon, 14 Jul 2014 15:22:41 +0000 Subject: Very ugly commit. Wasn't on top of regular commits, so this is just a blast commit with all the changes. --- style.css | 280 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 254 insertions(+), 26 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index bdb601c..3e1d371 100644 --- a/style.css +++ b/style.css @@ -1,14 +1,14 @@ /* -Theme Name: Twenty Thirteen +Theme Name: Vortant Theme URI: http://wordpress.org/themes/twentythirteen -Author: the WordPress team -Author URI: http://wordpress.org/ -Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. -Version: 1.2 +Author: Nathan Kinkade +Author URI: https://natha.nkinka.de +Description: A theme for Vortant Technologies, based on the WordPress twentythirteen theme. +Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready -Text Domain: twentythirteen +Text Domain: vortant This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. @@ -103,7 +103,8 @@ button, input, select, textarea { - font-family: "Source Sans Pro", Helvetica, sans-serif; + /*font-family: "Source Sans Pro", Helvetica, sans-serif;*/ + font-family: Questrial, Arial, sans-serif; } body { @@ -142,7 +143,7 @@ h3, h4, h5, h6 { - clear: both; + /*clear: both;*/ font-family: Bitter, Georgia, serif; line-height: 1.3; } @@ -442,7 +443,7 @@ th { td { border-top: 1px solid #ededed; - padding: 6px 10px 6px 0; + /*padding: 6px 10px 6px 0;*/ } del { @@ -776,7 +777,7 @@ img.wp-smiley, */ .site { - background-color: #fff; + background-color: #f3f3f3; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; margin: 0 auto; @@ -786,6 +787,7 @@ img.wp-smiley, .site-main { position: relative; + background-color: #f3f3f3; } .site-main .sidebar-container { @@ -814,13 +816,58 @@ img.wp-smiley, .site-header { position: relative; + /*background-color: #157ec6;*/ + background-color: #1a2123; + ; +} + +#header-logo { + /* + position: relative; + left: -100px; + */ + padding: 10px 0; + margin: 0 auto; + max-width: 980px; +} + +#header-logo img { + /* + background: radial-gradient(50% 150%, #e5f1f9, #157ec6); + */ +} + +#header-img { + display: inline-block; +} + +#header-text { + display: inline-block; + /* + font-family: sans; + position: relative; + left: -95px; + */ + vertical-align: middle; + color: #fff; +} + +#company-name { + font-size: x-large; + text-align: center; + font-weight: bold; +} + +#tagline { + font-size: small; + text-align: center; } .site-header .home-link { color: #141412; - display: block; + /*display: block;*/ margin: 0 auto; - max-width: 1080px; + max-width: 980px; /*min-height: 230px;*/ padding: 0 20px 20px; text-decoration: none; @@ -855,7 +902,7 @@ img.wp-smiley, clear: both; margin: 0 auto; /*max-width: 1080px;*/ - max-width: 1080px; + max-width: 980px; min-height: 45px; position: relative; } @@ -872,9 +919,11 @@ div.nav-menu > ul { } .nav-menu li a { - color: #141412; + /*color: #141412;*/ + color: #1A2123; display: block; font-size: 15px; + font-weight: bold; line-height: 1; padding: 15px 20px; text-decoration: none; @@ -884,7 +933,8 @@ div.nav-menu > ul { .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus { - background-color: #220e10; + /*background-color: #220e10;*/ + background-color: #82474c; color: #fff; } @@ -949,7 +999,7 @@ ul.nav-menu .focus > ul, /* Navbar */ .navbar { /*background-color: #f7f5e7;*/ - background-color: #b8cae2; + background-color: #d0d9db; margin: 0 auto; /*max-width: 1600px;*/ width: 100%; @@ -962,8 +1012,9 @@ ul.nav-menu .focus > ul, } .site-header .search-field { - background-color: transparent; - background-image: url(images/search-icon.png); + /*background-color: transparent;*/ + background-color: #fff; + background-image: url(images/search-icon-black.png); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px; @@ -975,11 +1026,14 @@ ul.nav-menu .focus > ul, position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; - width: 0; + /*width: 0;*/ + width: 230px; + border: 2px solid #c3c0ab; } .site-header .search-field:focus { background-color: #fff; + background-image: url(images/search-icon-black.png); border: 2px solid #c3c0ab; cursor: text; outline: 0; @@ -1003,6 +1057,7 @@ ul.nav-menu .focus > ul, margin: 0 auto; max-width: 980px; width: 100%; + padding-top: 1em; } .sidebar .entry-header, @@ -1029,7 +1084,7 @@ ul.nav-menu .focus > ul, } .entry-header { - margin-bottom: 30px; + /*margin-bottom: 30px;*/ } .entry-title { @@ -1131,6 +1186,11 @@ ul.nav-menu .focus > ul, -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; + background-color: #fff; + border: 1px solid #dfdfdf; + border-radius: 5px; + box-shadow: 0px 2px 3px #b7b7b7; + padding: 1em; } .entry-content a, @@ -1154,7 +1214,7 @@ ul.nav-menu .focus > ul, .entry-content img.alignleft, .entry-content .wp-caption.alignleft { - margin-left: -60px; + /*margin-left: -60px;*/ } .entry-content img.alignright, @@ -1163,7 +1223,7 @@ ul.nav-menu .focus > ul, } footer.entry-meta { - margin-top: 24px; + /*margin-top: 24px;*/ } .format-standard footer.entry-meta { @@ -1248,6 +1308,128 @@ footer.entry-meta { border-radius: 0; } +#contact-form { + float: left; + margin-right: 5em; +} + +#contact-info { + padding-top: 3ex; +} + +#partners p img { + vertical-align: bottom; + padding-right: 1em; +} + +#compmatrix { + border: none; + padding-right: 100px; + width: 85%; +} + +#compmatrix tr.bglight { + background-color: #e1ebf8; +} + +#compmatrix td.rowtext { + padding-left: 1ex; +} + +#compmatrix th { + font-weight: normal; + text-transform: none; +} + +#compmatrix th.thtext { + vertical-align: bottom; + color: #8cc63f; + font-size: x-large; +} + +#compmatrix .vivotext { + color: #8cc63f; + font-weight: bold; +} + +#compmatrix .greendot { + border-radius: 50%; + width: 10px; + height: 10px; + background-color: #8cc63f; + margin: 0 auto; +} + +#compmatrix td.dotbox { + width: 40px; + text-align: center; + vertical-align: middle; + border-left: 1px dotted #ccc; + border-right: 1px dotted #ccc; +} + +#compmatrix th.slanted { + height: 140px; + width: 40px; + white-space: nowrap; +} + +#compmatrix th.slanted > div { + -webkit-transform: translate(25px,46px) rotate(-45deg); + transform: translate(25px,46px) rotate(-45deg); + width: 40px; + font-size: large; +} + +#compmatrix th.slanted > div > span { + border-bottom: 1px dotted #ccc; + padding: 2px 10px; +} + +.vortant-blue { + color: #38a3e7; +} + +.vortant-gray { + color: #d0d9db; +} + +#home-top {} +#home-slider { + float: right; + margin-left: 1em; +} +#home-top-text { + min-width: 25%; +} + +#home-boxes { + text-align: center; + clear: both; +} + +.home-box { + width: 275px; + min-width: 275px; + display: inline-block; + background-color: #fafafa; + margin: 1em; + border-radius: 10px; + box-shadow: 0px 2px 3px #b7b7b7; +} + +.home-box-title { + text-align: left; + border-radius: 10px 10px 0 0; + background-color: #1A2123; + color: #fff; + font-weight: bold; + padding: 1ex; +} + +.home-box-content { + padding: 1em; +} /** * 5.4 Galleries @@ -2547,8 +2729,9 @@ footer.entry-meta { .site-footer { /*background-color: #e8e5ce;*/ - background-color: #b8cae2; - color: #686758; + background-color: #1A2123; + /*color: #686758;*/ + color: #fff; font-size: 14px; text-align: center; } @@ -2611,6 +2794,7 @@ footer.entry-meta { max-width: 1040px; padding: 30px 0; width: 100%; + color: #d0d9db; } #wpstats { @@ -2618,6 +2802,44 @@ footer.entry-meta { margin: -10px auto 0; } +.site-footer .menu-main-container { + max-width: 980px; + margin: 0 auto; + text-align: left; +} + +.site-footer .menu-main-container ul { + font-size: small; + padding: 1ex; +} + +.site-footer .menu-main-container ul.sub-menu { + padding: 0; +} + +.site-footer .menu-main-container ul li { + display: inline-block; + vertical-align: top; + padding: 0 1em; +} + +.site-footer .menu-main-container ul li a { + color: #38a3e7; +} + +.site-footer .menu-main-container ul li a:hover { + text-decoration: underline; +} + +.site-footer .menu-main-container ul.sub-menu li { + display: block; + padding: 0; +} + +.site-footer .menu-main-container ul.sub-menu li a { + color: #d0d9db; +} + /** * 8.0 Media Queries @@ -2813,9 +3035,14 @@ footer.entry-meta { .gallery-caption { display: none; } + } @media (max-width: 643px) { + + .gallery { + margin-left: 0; + } .site-title { font-size: 30px; } @@ -2990,8 +3217,9 @@ footer.entry-meta { /* Mobile devices */ @media (max-width: 359px) { - .gallery { - margin-left: 0; + + #header-logo { + text-align: center; } .gallery .gallery-item, -- cgit v1.2.3