summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNathan Kinkade <nath@nkinka.de>2014-07-14 15:22:41 +0000
committerNathan Kinkade <nath@nkinka.de>2014-07-14 15:22:41 +0000
commit6816b56e925fbc35bc8415dd59a694da5b8a7b69 (patch)
treeb34d17d0da66ee207eddec153cb53ed6a146a2c3
parent07b2ba9ff5fe1cf4bba34de578c29aee85c48b83 (diff)
Very ugly commit. Wasn't on top of regular commits, so this is just a blast commit with all the changes.
-rw-r--r--footer.php2
-rw-r--r--functions.php8
-rw-r--r--header.php19
-rw-r--r--images/search-icon-black.pngbin0 -> 510 bytes
-rw-r--r--images/search-icon-white.pngbin0 -> 591 bytes
-rw-r--r--inc/custom-header.php4
-rw-r--r--screenshot.pngbin77773 -> 5929 bytes
-rw-r--r--style.css280
8 files changed, 286 insertions, 27 deletions
diff --git a/footer.php b/footer.php
index 4cb3c74..76949f3 100644
--- a/footer.php
+++ b/footer.php
@@ -14,6 +14,8 @@
<footer id="colophon" class="site-footer" role="contentinfo">
<?php get_sidebar( 'main' ); ?>
+ <?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>
+
<div class="site-info">
Copyright © 2010 Vortant Technologies, LLC &middot; All rights reserved &middot; info@vortant.com
</div><!-- .site-info -->
diff --git a/functions.php b/functions.php
index 08f7652..0820fa2 100644
--- a/functions.php
+++ b/functions.php
@@ -529,3 +529,11 @@ function twentythirteen_customize_preview_js() {
wp_enqueue_script( 'twentythirteen-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), '20130226', true );
}
add_action( 'customize_preview_init', 'twentythirteen_customize_preview_js' );
+
+/**
+ * Vortant custom functions
+ */
+function register_my_menu() {
+ register_nav_menu('footer-menu', __( 'Footer Menu' ));
+}
+add_action( 'init', 'register_my_menu' );
diff --git a/header.php b/header.php
index faf6277..4c8381a 100644
--- a/header.php
+++ b/header.php
@@ -19,6 +19,7 @@
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
+ <link href="//fonts.googleapis.com/css?family=Questrial:400" rel="stylesheet" type="text/css">
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<title><?php wp_title( '|', true, 'right' ); ?></title>
@@ -33,10 +34,28 @@
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
+ <div id="header-logo">
+ <div id="header-img">
+ <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
+ <img src="<?php header_image(); ?>" />
+ </a>
+ </div>
+ <div id="header-text">
+ <div id="company-name">
+ <span class="vortant-blue">Vortant</span>
+ <span class="vortant-gray">Technologies</span>
+ </div>
+ <div id="tagline">
+ <span class="vortant-gray">Engineering Solutions for People &amp; Planet</span>
+ </div>
+ </div>
+ </div>
+ <!--
<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>
+ -->
<div id="navbar" class="navbar">
<nav id="site-navigation" class="navigation main-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>
diff --git a/images/search-icon-black.png b/images/search-icon-black.png
new file mode 100644
index 0000000..a62c955
--- /dev/null
+++ b/images/search-icon-black.png
Binary files differ
diff --git a/images/search-icon-white.png b/images/search-icon-white.png
new file mode 100644
index 0000000..5cfb616
--- /dev/null
+++ b/images/search-icon-white.png
Binary files differ
diff --git a/inc/custom-header.php b/inc/custom-header.php
index 2fabe5b..abb31bd 100644
--- a/inc/custom-header.php
+++ b/inc/custom-header.php
@@ -27,7 +27,7 @@ function twentythirteen_custom_header_setup() {
'default-image' => '%s/images/headers/circle.png',
// Set height and width, with a maximum value for the width.
- 'height' => 230,
+ //'height' => 230,
'width' => 1600,
// Callbacks for styling the header and the admin preview.
@@ -97,10 +97,12 @@ function twentythirteen_header_style() {
<?php
if ( ! empty( $header_image ) ) :
?>
+ /*
.site-header {
background: url(<?php header_image(); ?>) no-repeat scroll top;
background-size: 1600px auto;
}
+ */
<?php
endif;
diff --git a/screenshot.png b/screenshot.png
index e53088b..03b732c 100644
--- a/screenshot.png
+++ b/screenshot.png
Binary files differ
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,