Difference between revisions of "Template:Penn"

Line 18: Line 18:
 
</style>
 
</style>
 
<style type="text/css">
 
<style type="text/css">
−
html, body {
+
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);
−
height: 100%;
+
@import url(http://fonts.googleapis.com/css?family=Lobster);
−
}
+
  
−
body {
+
/*
−
margin: 0px;
+
Halcyonic 1.0 by nodethirtythree + FCT
−
padding: 0px;
+
http://nodethirtythree.com | @nodethirtythree
−
background: #F8F8F8 url(images/overlay.png) repeat;
+
Released under the Creative Commons Attribution 3.0 license (nodethirtythree.com/license)
−
font-family: 'Source Sans Pro', sans-serif;
+
*/
−
font-size: 12pt;
+
−
font-weight: 400;
+
−
color: rgba(0,0,0,.8);
+
−
}
+
  
−
h1, h2, h3 {
+
/*********************************************************************************/
−
margin: 0;
+
/* Global                                                                        */
−
padding: 0;
+
/*********************************************************************************/
−
text-transform: uppercase;
+
−
font-weight: 300;
+
−
color: #2D2D2D;
+
−
}
+
  
−
h2 {
+
/* Basic */
−
padding: 0px 0px 30px 0px;
+
−
font-size: 2.50em;
+
−
}
+
  
−
p, ol, ul {
+
body
−
margin-top: 0px;
+
{
−
}
+
background: #D4D9DD url('images/bg03.jpg');
 +
}
  
−
p {
+
body, input, textarea, select
−
line-height: 180%;
+
{
−
}
+
color: #474f51;
 +
font-size: 13.5pt;
 +
font-family: 'Yanone Kaffeesatz';
 +
line-height: 1.85em;
 +
font-weight: 300;
 +
}
  
−
strong {
+
ul, ol, p, dl
−
}
+
{
 +
margin: 0 0 2em 0;
 +
}
  
−
a {
+
a
−
color: rgba(0,0,0,.8);
+
{
−
}
+
text-decoration: underline;
 +
}
 +
 +
a:hover
 +
{
 +
text-decoration: none;
 +
}
  
−
a:hover {
+
section > :last-child, .last-child
−
text-decoration: none;
+
{
−
}
+
margin-bottom: 0 !important;
 +
}
  
−
a img {
+
/* Multi-use */
−
border: none;
+
−
}
+
  
−
/*********************************************************************************/
+
.link-list
−
/* Image Style                                                                  */
+
{
−
/*********************************************************************************/
+
}
 +
 +
.link-list li
 +
{
 +
padding: 0.2em 0 0.2em 0;
 +
}
 +
 +
.link-list li:first-child
 +
{
 +
padding-top: 0 !important;
 +
border-top: 0 !important;
 +
}
 +
 +
.link-list li:last-child
 +
{
 +
padding-bottom: 0 !important;
 +
border-bottom: 0 !important;
 +
}
  
−
.image
+
#content .link-list li
−
{
+
{
−
display: inline-block;
+
border-bottom: solid 1px #e2e6e8;
−
border: 1px solid rgba(0,0,0,.1);
+
}
−
}
+
−
+
−
.image img
+
−
{
+
−
display: block;
+
−
width: 100%;
+
−
}
+
−
+
−
.image-full
+
−
{
+
−
display: block;
+
−
width: 100%;
+
−
margin: 0 0 3em 0;
+
−
}
+
−
+
−
.image-left
+
−
{
+
−
float: left;
+
−
margin: 0 2em 2em 0;
+
−
}
+
−
+
−
.image-centered
+
−
{
+
−
display: block;
+
−
margin: 0 0 2em 0;
+
−
}
+
−
+
−
.image-centered img
+
−
{
+
−
margin: 0 auto;
+
−
width: auto;
+
−
}
+
  
 +
#footer .link-list li
 +
{
 +
border-top: solid 1px #e0e4e6;
 +
border-bottom: solid 1px #b5bec3;
 +
}
  
−
hr {
+
.quote-list
−
display: none;
+
{
−
}
+
}
 +
 +
.quote-list li
 +
{
 +
padding: 1em 0 1em 0;
 +
overflow: hidden;
 +
}
 +
 +
.quote-list li:first-child
 +
{
 +
padding-top: 0 !important;
 +
border-top: 0 !important;
 +
}
  
−
/** WRAPPER */
+
.quote-list li:last-child
 +
{
 +
padding-bottom: 0 !important;
 +
border-bottom: 0 !important;
 +
}
  
−
#wrapper {
+
.quote-list li img
−
background: #FFF;
+
{
−
margin: 0px 20px;
+
float: left;
−
}
+
}
  
−
.container {
+
.quote-list li p
−
width: 1200px;
+
{
−
margin: 0px auto;
+
margin: 0 0 0 90px;
−
}
+
font-size: 1.2em;
 +
font-style: italic;
 +
}
 +
 +
.quote-list li span
 +
{
 +
display: block;
 +
margin-left: 90px;
 +
font-size: 0.9em;
 +
font-weight: 400;
 +
}
  
−
.clearfix {
+
#content .quote-list li
−
clear: both;
+
{
−
}
+
border-bottom: solid 1px #e2e6e8;
 +
}
  
−
/** HEADER */
+
#footer .quote-list li
 +
{
 +
border-top: solid 1px #e0e4e6;
 +
border-bottom: solid 1px #b5bec3;
 +
}
 +
 +
.check-list
 +
{
 +
}
  
−
#header-wrapper
+
.check-list li
−
{
+
{
−
background: url(images/bg.jpg) no-repeat center center;
+
padding: 0.7em 0 0.7em 45px;
−
background-size: cover;
+
font-size: 1.2em;
−
}
+
background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
 +
}
 +
 +
.check-list li:first-child
 +
{
 +
padding-top: 0 !important;
 +
border-top: 0 !important;
 +
background-position: 0 0.3em;
 +
}
  
−
#header {
+
.check-list li:last-child
−
position: relative;
+
{
−
overflow: hidden;
+
padding-bottom: 0 !important;
−
height: 600px;
+
border-bottom: 0 !important;
−
}
+
}
  
−
#social
+
#content .check-list li
−
{
+
{
−
position: absolute;
+
border-bottom: solid 1px #e2e6e8;
−
top: 4em;
+
}
−
right: 0;
+
−
}
+
  
−
/** LOGO */
+
#footer .check-list li
 +
{
 +
border-top: solid 1px #e0e4e6;
 +
border-bottom: solid 1px #b5bec3;
 +
}
 +
 +
.feature-image
 +
{
 +
display: block;
 +
margin: 0 0 2em 0;
 +
outline: 0;
 +
}
 +
 +
.feature-image img
 +
{
 +
display: block;
 +
width: 100%;
 +
}
  
−
#logo {
+
.bordered-feature-image
−
position: absolute;
+
{
−
top: 3em;
+
display: block;
−
left: 0;
+
background: #fff url('images/bg04.png');
−
}
+
padding: 10px;
 +
box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
 +
margin: 0 0 1.5em 0;
 +
outline: 0;
 +
}
 +
 +
.bordered-feature-image img
 +
{
 +
display: block;
 +
width: 100%;
 +
}
 +
 +
.button-big
 +
{
 +
display: inline-block;
 +
background: #ed391b;
 +
color: #fff;
 +
text-decoration: none;
 +
font-size: 1.75em;
 +
font-weight: 300;
 +
padding: 15px 45px 15px 45px;
 +
outline: 0;
 +
border-radius: 10px;
 +
box-shadow: inset 0px 0px 0px 1px rgba(255,96,96,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
 +
background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
 +
background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
 +
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
 +
background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
 +
background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
 +
background-image: linear-gradient(top, #ed391b, #ce1a00);
 +
}
  
−
#logo h1, #logo p {
+
.button-big:hover
−
margin: 0;
+
{
−
padding: 0;
+
box-shadow: inset 0px 0px 0px 1px rgba(255,128,128,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
−
}
+
background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
 +
background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
 +
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
 +
background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
 +
background-image: -o-linear-gradient(top, #fd492b, #de2a10);
 +
background-image: linear-gradient(top, #fd492b, #de2a10);
 +
}
  
−
#logo h1 {
+
/*********************************************************************************/
−
letter-spacing: -1px;
+
/* 1200px (>= 481px)                                                            */
−
text-transform: lowercase;
+
/*********************************************************************************/
−
font-size: 3.5em;
+
−
color: #000;
+
−
}
+
  
−
#logo p {
+
@media only screen and (min-width: 481px) {
−
padding: 0px;
+
−
letter-spacing: 0.05em;
+
−
text-transform: uppercase;
+
−
font-size: 0.9em;
+
−
color: #161616;
+
−
}
+
  
−
#logo p a {
+
section:last-child
−
color: #161616;
+
{
−
}
+
margin-bottom: 0 !important;
 +
}
  
−
#logo a {
+
/* Wrappers */
−
border: none;
+
−
background: none;
+
−
text-decoration: none;
+
−
color: #000;
+
−
}
+
  
−
/** MENU */
+
#header-wrapper
 +
{
 +
background: #3B4346 url('images/bg01.jpg');
 +
border-bottom: solid 1px #272d30;
 +
box-shadow: inset 0px -1px 0px 0px #51575a;
 +
}
  
−
#menu {
+
.subpage #header-wrapper
−
overflow: hidden;
+
{
−
background: #101010;
+
height: 155px;
−
}
+
}
 +
 +
#features-wrapper
 +
{
 +
background: #353D40 url('images/bg02.jpg');
 +
border-bottom: solid 1px #272e31;
 +
padding: 45px 0 45px 0;
 +
}
 +
 +
#content-wrapper
 +
{
 +
background: #f7f7f7 url('images/bg04.png');
 +
border-top: solid 1px #fff;
 +
padding: 45px 0 45px 0;
 +
}
 +
 +
#footer-wrapper
 +
{
 +
padding: 45px 0 45px 0;
 +
}
 +
 +
/* Header */
 +
 +
#header
 +
{
 +
min-height: 155px;
 +
position: relative;
 +
}
  
−
#menu ul {
+
#header h1
−
margin: 0px 0px 0px 0px;
+
{
−
padding: 0px 0px;
+
position: absolute;
−
list-style: none;
+
left: 0;
−
line-height: normal;
+
bottom: 35px;
−
}
+
font-family: 'Lobster', sans-serif;
 +
font-size: 2.75em;
 +
}
 +
 +
#header h1 a
 +
{
 +
color: #fff;
 +
text-decoration: none;
 +
}
  
−
#menu li {
+
#header nav
−
display: inline-block;
+
{
−
}
+
position: absolute;
 +
right: 0;
 +
bottom: 35px;
 +
font-weight: 200;
 +
}
 +
 +
#header nav a
 +
{
 +
color: #c6c8c8;
 +
text-decoration: none;
 +
font-size: 1.4em;
 +
margin-left: 60px;
 +
outline: 0;
 +
}
  
−
#menu a {
+
#header nav a:hover
−
display: block;
+
{
−
padding: 0px 40px 0px 40px;
+
color: #f6f8f8;
−
line-height: 70px;
+
}
−
text-decoration: none;
+
−
text-transform: uppercase;
+
−
text-align: center;
+
−
font-size: 16px;
+
−
font-weight: 200;
+
−
color: rgba(255,255,255,0.5);
+
−
border: none;
+
−
}
+
  
−
#menu a:hover, #menu .current_page_item a {
+
/* Banner */
−
text-decoration: none;
+
−
color: rgba(255,255,255,0.8);
+
#banner
−
}
+
{
 +
border-top: solid 1px #222628;
 +
box-shadow: inset 0px 1px 0px 0px #3e484a;
 +
padding: 35px 0 35px 0;
 +
color: #fff;
 +
}
  
−
#menu .current_page_item a {
+
#banner .bordered-feature-image
−
}
+
{
 +
margin-bottom: 0;
 +
}
  
−
#menu .last {
+
#banner p
−
border-right: none;
+
{
−
}
+
font-size: 2em;
 +
font-weight: 200;
 +
line-height: 1.25em;
 +
padding-right: 1em;
 +
margin: 0 0 1em 0;
 +
}
  
−
/** PAGE */
+
/* Features */
  
−
#page {
+
#features
−
overflow: hidden;
+
{
−
padding: 5em 0em;
+
color: #a0a8ab;
−
}
+
}
 +
 +
#features h2
 +
{
 +
font-size: 1.25em;
 +
color: #fff;
 +
margin: 0 0 0.25em 0;
 +
}
  
−
#page img
+
#features a
−
{
+
{
−
margin-bottom: 1em;
+
color: #e0e8eb;
−
}
+
}
 +
 +
#features strong
 +
{
 +
color: #fff;
 +
}
  
−
#page .title
+
/* Content */
−
{
+
−
margin-bottom: 2em;
+
−
}
+
  
−
#page .title h2
+
#content
−
{
+
{
−
font-size: 1.5em;
+
}
−
font-weight: 400;
+
−
color: rgba(0,0,0,0.8);
+
#content section
−
}
+
{
−
+
background: #fff;
−
#page .title .byline
+
padding: 40px 30px 45px 30px;
−
{
+
box-shadow: 2px 2px 2px 1px rgba(128,128,128,0.1);
−
display: block;
+
margin: 0 0 10% 0;
−
padding-bottom: 2em;
+
}
−
color: rgba(0,0,0,0.7);
+
−
}
+
  
−
/** CONTENT */
+
#content h2
 +
{
 +
font-size: 1.8em;
 +
color: #373f42;
 +
margin: 0 0 0.25em 0;
 +
}
 +
 +
#content h3
 +
{
 +
color: #96a9b5;
 +
font-size: 1.25em;
 +
}
 +
 +
#content a
 +
{
 +
color: #ED391B;
 +
}
 +
 +
#content header
 +
{
 +
margin: 0 0 2em 0;
 +
}
  
−
#content {
+
/* Footer */
−
float: left;
+
−
width: 800px;
+
−
padding-right: 50px;
+
−
border-right: 1px solid #E6E7DC;
+
−
}
+
  
−
#content .post-title
+
#footer
−
{
+
{
−
margin-bottom: 2em;
+
color: #546b76;
−
}
+
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
 +
}
 +
 +
#footer h2
 +
{
 +
font-size: 1.25em;
 +
color: #212f35;
 +
margin: 0 0 0.5em 0;
 +
}
 +
 +
#footer a
 +
{
 +
color: #546b76;
 +
}
  
−
#content .post-title h2
+
/* Copyright */
−
{
+
−
margin: 0;
+
−
padding: 0;
+
−
}
+
  
 +
#copyright
 +
{
 +
border-top: solid 1px #b5bec3;
 +
box-shadow: inset 0px 1px 0px 0px #e0e4e7;
 +
text-align: center;
 +
padding: 45px 0 80px 0;
 +
color: #8d9ca3;
 +
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
 +
}
 +
 +
#copyright a
 +
{
 +
color: #8d9ca3;
 +
}
  
−
#content .post
+
}
−
{
+
−
margin-bottom: 4em;
+
/*********************************************************************************/
−
padding-bottom: 4em;
+
/* 1000px (>= 481px && <= 1199px)                                                */
−
border-bottom: 1px solid #E6E7DC;
+
/*********************************************************************************/
−
}
+
  
−
/** SIDEBAR 1 */
+
@media only screen and (max-width: 1199px) and (min-width: 481px) {
  
−
#sidebar1 {
+
/* Multi-use */
−
float: right;
+
−
width: 250px;
+
−
margin-right: 50px;
+
−
}
+
  
−
#sidebar1 #box1 {
+
.check-list
−
margin-bottom: 4em;
+
{
−
}
+
}
  
−
#sidebar1 h2,
+
.check-list li
−
#sidebar2 h2
+
{
−
{
+
font-size: 1em;
−
font-size: 1.5em;
+
line-height: 2em;
−
font-weight: 400;
+
}
−
}
+
  
−
/** SIDEBAR 2 */
+
.quote-list
 +
{
 +
}
 +
 +
.quote-list li
 +
{
 +
padding: 1em 0 1em 0;
 +
}
 +
 +
.quote-list li img
 +
{
 +
width: 60px;
 +
}
 +
 +
.quote-list li p
 +
{
 +
margin: 0 0 0 80px;
 +
font-size: 1em;
 +
font-style: italic;
 +
line-height: 1.8em;
 +
}
 +
 +
.quote-list li span
 +
{
 +
display: block;
 +
margin-left: 80px;
 +
font-size: 0.8em;
 +
font-weight: 400;
 +
line-height: 1.8em;
 +
}
  
−
#sidebar2 {
+
.feature-image
−
float: right;
+
{
−
width: 250px;
+
margin: 0 0 1em 0;
−
}
+
}
  
−
/* Footer */
+
.button-big
 +
{
 +
font-size: 1.5em;
 +
padding: 10px 35px 10px 35px;
 +
}
  
−
#footer {
+
/* Banner */
−
overflow: hidden;
+
−
padding: 50px 0px 30px 0px;
+
#banner
−
}
+
{
 +
}
  
−
#footer p {
+
#banner p
−
text-align: center;
+
{
−
color: rgba(0,0,0,0.7);
+
font-size: 1.75em;
−
}
+
}
  
−
#footer a {
+
/* Header */
−
color: rgba(0,0,0,0.7);
+
−
}
+
#header
 +
{
 +
}
  
−
/* List style 1 */
+
#header h1
 +
{
 +
font-size: 2.25em;
 +
}
  
−
ul.style1 {
+
#header nav
−
margin: 0px;
+
{
−
padding: 0px;
+
}
−
list-style: none;
+
−
}
+
#header nav a
 +
{
 +
font-size: 1.1em;
 +
}
  
−
ul.style1 li {
+
/* Content */
−
padding: 10px 0px 15px 0px;
+
−
border-top: 1px solid #E6E7DC;
+
−
}
+
  
−
ul.style1 .first {
+
#content
−
padding-top: 0px;
+
{
−
border-top: none;
+
}
−
}
+
 +
#content h2
 +
{
 +
font-size: 1.4em;
 +
}
  
−
/* List style 2 */
+
#content h3
 +
{
 +
font-size: 1.1em;
 +
}
 +
 +
#content header
 +
{
 +
margin: 0 0 1.25em 0;
 +
}
 +
}
 +
 +
/*********************************************************************************/
 +
/* Mobile (<= 480px)                                                            */
 +
/*********************************************************************************/
  
−
ul.style2 {
+
@media only screen and (max-width: 480px) {
−
margin: 0px;
+
−
padding: 0px;
+
−
list-style: none;
+
−
}
+
  
−
ul.style2 li {
+
body, input, textarea, select
−
padding: 25px 0px 15px 0px;
+
{
−
border-top: 1px solid #E6E7DC;
+
font-size: 13pt;
−
}
+
line-height: 1.4em;
 +
}
  
−
ul.style2 .first {
+
/* Multi-use */
−
padding-top: 0px;
+
−
border-top: none;
+
−
}
+
  
−
ul.style2 h3 {
+
.quote-list
−
padding: 0px 0px 10px 0px;
+
{
−
font-size: 1.10em;
+
}
−
}
+
 +
.quote-list li
 +
{
 +
}
 +
 +
.quote-list li p
 +
{
 +
margin-bottom: 0.5em;
 +
}
 +
 +
.check-list
 +
{
 +
}
  
−
ul.style2 h3 a {
+
.check-list li
−
color: #101010;
+
{
−
}
+
font-size: 1em;
 +
}
  
−
ul.style2 a {
+
.button-big
−
text-decoration: none;
+
{
−
}
+
font-size: 1.5em;
 +
padding: 10px 35px 10px 35px;
 +
}
 +
 +
/* Wrappers */
  
−
ul.style2 a:hover {
+
#header-wrapper
−
text-decoration: underline;
+
{
−
}
+
background: #3B4346 url('images/bg01.jpg') top center;
 +
border-bottom: solid 1px #272d30;
 +
box-shadow: inset 0px -1px 0px 0px #51575a;
 +
padding: 15px;
 +
}
  
 +
/*
 +
Don't want the banner? Uncomment the lines below:
  
−
/* List style 3 */
+
#header-wrapper { background-position: bottom center; }
 +
#banner { display: none !important; }
 +
*/
  
−
ul.style3 {
+
#features-wrapper
−
margin: 0px;
+
{
−
padding: 0px;
+
background: #353D40 url('images/bg02.jpg');
−
list-style: none;
+
padding: 15px 15px 30px 15px;
−
}
+
}
 +
 +
#content-wrapper
 +
{
 +
background: #f7f7f7 url('images/bg04.png');
 +
padding: 5px;
 +
}
 +
 +
#footer-wrapper
 +
{
 +
padding: 40px 15px 15px 15px;
 +
}
  
−
ul.style3 li {
+
/* Header */
−
padding: 20px 0px 20px 0px;
+
−
border-top: 1px solid #E6E7DC;
+
#header
−
}
+
{
 +
position: relative;
 +
text-align: center;
 +
padding: 10px 0 10px 0;
 +
}
  
−
ul.style3 p {
+
#header h1
−
margin: 0px;
+
{
−
padding: 0px;
+
font-family: Lobster, sans-serif;
−
}
+
font-size: 2.4em;
 +
margin: 0.25em 0 0.6em 0;
 +
}
 +
 +
#header h1 a
 +
{
 +
color: #fff;
 +
text-decoration: none;
 +
}
  
−
ul.style3 img {
+
#header nav
−
float: left;
+
{
−
margin-top: 3px;
+
font-weight: 200;
−
margin-right: 20px;
+
line-height: 1.75em;
−
}
+
}
 +
 +
#header nav a
 +
{
 +
display: inline-block;
 +
color: #c6c8c8;
 +
text-decoration: none;
 +
font-size: 1.1em;
 +
margin: 0 1em 0 1em;
 +
}
  
−
ul.style3 .posted {
+
#header nav a:hover
−
padding: 10px 0px 10px 0px;
+
{
−
font-size: 8pt;
+
color: #f6f8f8;
−
color: #A2A2A2;
+
}
−
}
+
  
−
ul.style3 .first {
+
#banner
−
padding-top: 0px;
+
{
−
border-top: none;
+
position: relative;
−
}
+
border-top: solid 1px #222628;
 +
box-shadow: inset 0px 1px 0px 0px #3e484a;
 +
color: #fff;
 +
text-align: center;
 +
padding: 20px 20px 10px 20px;
 +
}
  
−
.link-style {
+
#banner .bordered-feature-image
−
display: inline-block;
+
{
−
margin-top: 20px;
+
display: none;
−
padding: 7px 20px;
+
}
−
background: #0C73D4;
+
−
border-radius: 5px;
+
−
text-decoration: none;
+
−
text-transform: uppercase;
+
−
color: #FFFFFF;
+
−
}
+
  
 +
#banner p
 +
{
 +
font-size: 1.25em;
 +
font-weight: 200;
 +
line-height: 1.25em;
 +
margin: 0 0 1em 0;
 +
}
  
−
/*********************************************************************************/
+
/* Features */
−
/* Portfolio                                                                    */
+
−
/*********************************************************************************/
+
  
−
#portfolio-wrapper
+
#features
−
{
+
{
−
overflow: hidden;
+
color: #a0a8ab;
−
padding: 5em 0em;
+
}
−
background: rgba(0,0,0,.02);
+
−
background-image: url(images/overlay.png);
+
#features section
−
background-repeat: repeat;
+
{
−
border-top: 1px solid rgba(0,0,0,.05);
+
padding: 0 0 25px 0;
−
}
+
margin: 0 0 25px 0;
−
+
border-bottom: solid 1px #51575a;
−
#portfolio
+
box-shadow: inset 0px -1px 0px 0px #272d30;
−
{
+
}
−
}
+
 +
#features > div > div:last-child > section
 +
{
 +
padding-bottom: 0;
 +
margin-bottom: 0;
 +
border-bottom: 0;
 +
box-shadow: none;
 +
}
 +
 +
#features h2
 +
{
 +
font-size: 1.25em;
 +
color: #fff;
 +
margin: 0 0 0.25em 0;
 +
}
  
−
#portfolio .box
+
#features a
−
{
+
{
−
color: rgba(0,0,0,0.5);
+
color: #e0e8eb;
−
}
+
}
−
+
−
#portfolio h3
+
#features strong
−
{
+
{
−
display: block;
+
color: #fff;
−
padding-bottom: 1em;
+
}
−
text-transform: uppercase;
+
−
font-size: 1.2em;
+
−
font-weight: 400;
+
−
color: rgba(0,0,0,0.7);
+
−
}
+
  
−
#portfolio .title
+
/* Content */
−
{
+
−
}
+
  
−
#portfolio .title h2
+
#content
−
{
+
{
−
color: rgba(0,0,0,0.8);
+
}
−
}
+
−
+
−
#portfolio .title .byline
+
−
{
+
−
display: block;
+
−
padding-bottom: 2em;
+
−
color: rgba(0,0,0,0.7);
+
−
}
+
  
−
.column1,
+
#content section
−
.column2,
+
{
−
.column3,
+
background: #fff;
−
.column4
+
box-shadow: inset 0px 0px 0px 1px rgba(128,128,128,0.2);
−
{
+
padding: 30px 15px 30px 15px;
−
width: 282px;
+
margin: 0 0 5px 0;
−
}
+
}
−
+
−
.column1,
+
#content h2
−
.column2,
+
{
−
.column3
+
font-size: 1.25em;
−
{
+
color: #373f42;
−
float: left;
+
margin: 0 0 0.1em 0;
−
margin-right: 24px;
+
}
−
}
+
−
+
#content h3
−
.column4
+
{
−
{
+
color: #96a9b5;
−
float: right;
+
font-size: 1em;
−
}
+
}
 +
 +
#content a
 +
{
 +
color: #ED391B;
 +
}
 +
 +
#content header
 +
{
 +
margin: 0 0 1.25em 0;
 +
}
  
−
/*********************************************************************************/
+
/* Footer */
−
/* Heading Titles                                                                */
+
−
/*********************************************************************************/
+
  
−
.title
+
#footer
−
{
+
{
−
margin-bottom: 3em;
+
color: #546b76;
−
}
+
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
−
+
}
−
.title h2
+
−
{
+
−
margin: 0;
+
−
padding: 0;
+
−
font-size: 2.8em;
+
−
color: rgba(255,255,255,0.9);
+
−
}
+
−
+
−
.title .byline
+
−
{
+
−
padding-top: 0.50em;
+
−
letter-spacing: 0.15em;
+
−
text-transform: uppercase;
+
−
font-weight: 400;
+
−
font-size: 1.1em;
+
−
color: #6F6F6F;
+
−
}
+
  
−
/*********************************************************************************/
+
#footer section
−
/* Button Style                                                                  */
+
{
−
/*********************************************************************************/
+
margin: 0 0 40px 0;
 +
}
 +
 +
#footer h2
 +
{
 +
font-size: 1.25em;
 +
color: #212f35;
 +
margin: 0 0 0.75em 0;
 +
}
 +
 +
#footer a
 +
{
 +
color: #546b76;
 +
}
 +
 +
#footer .link-list
 +
{
 +
margin: 0 0 30px 0 !important;
 +
}
  
−
.button
+
/* Copyright */
−
{
+
−
display: inline-block;
+
−
margin-top: 2em;
+
−
padding: 0em 1em;
+
−
background: #161616;
+
−
letter-spacing: 0.10em;
+
−
line-height: 3em;
+
−
text-decoration: none;
+
−
text-transform: uppercase;
+
−
font-weight: 400;
+
−
font-size: 1em;
+
−
color: #FFF;
+
−
}
+
−
+
−
/*********************************************************************************/
+
−
/* Social Icon Styles                                                            */
+
−
/*********************************************************************************/
+
−
 
+
−
ul.contact
+
−
{
+
−
margin: 0;
+
−
padding: 2em 0em 0em 0em;
+
−
list-style: none;
+
−
}
+
−
+
−
ul.contact li
+
−
{
+
−
display: inline-block;
+
−
padding: 0em 0.10em;
+
−
font-size: 1em;
+
−
}
+
−
+
−
ul.contact li span
+
−
{
+
−
display: none;
+
−
margin: 0;
+
−
padding: 0;
+
−
}
+
−
+
−
ul.contact li a
+
−
{
+
−
}
+
−
+
−
ul.contact li a:before
+
−
{
+
−
display: inline-block;
+
−
background: none;
+
−
width: 40px;
+
−
height: 40px;
+
−
line-height: 40px;
+
−
text-align: center;
+
−
color: rgba(255,255,255,1);
+
−
}
+
−
+
  
 +
#copyright
 +
{
 +
border-top: solid 1px #b5bec3;
 +
box-shadow: inset 0px 1px 0px 0px #e0e4e7;
 +
text-align: center;
 +
padding: 20px 30px 20px 30px;
 +
color: #8d9ca3;
 +
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
 +
}
 +
 +
#copyright a
 +
{
 +
color: #8d9ca3;
 +
}
  
 
</style>
 
</style>

Revision as of 23:42, 27 July 2015