/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
a {
color: #00e;
text-decoration:none;
}
a:visited {
color: #551a8b;
text-decoration:none;
}
a:hover {
color: #06e;
text-decoration:none;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/*-------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
Begin T1M Definitions
------------------------------------------------------------------------
------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------
Font Definitions
----------------------------------------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 1, 2011 */
@font-face {
font-family: 'CiscoSansBold';
src: url('./fonts/ciscosansbold-webfont.eot');
src: url('./fonts/ciscosansbold-webfont.eot?iefix') format('eot'),
url('./fonts/ciscosansbold-webfont.woff') format('woff'),
url('./fonts/ciscosansbold-webfont.ttf') format('truetype'),
url('./fonts/ciscosansbold-webfont.svg#webfont8pkvgkxE') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CiscoSansExtraLight';
src: url('./fonts/ciscosansextralight-webfont.eot');
src: url('./fonts/ciscosansextralight-webfont.eot?iefix') format('eot'),
url('./fonts/ciscosansextralight-webfont.woff') format('woff'),
url('./fonts/ciscosansextralight-webfont.ttf') format('truetype'),
url('./fonts/ciscosansextralight-webfont.svg#webfontFLqfaivC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CiscoSansRegular';
src: url('./fonts/ciscosansregular-webfont.eot');
src: url('./fonts/ciscosansregular-webfont.eot?iefix') format('eot'),
url('./fonts/ciscosansregular-webfont.woff') format('woff'),
url('./fonts/ciscosansregular-webfont.ttf') format('truetype'),
url('./fonts/ciscosansregular-webfont.svg#webfontzmIuSJha') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CiscoSansOblique';
src: url('./fonts/ciscosansregularoblique-webfont.eot');
src: url('./fonts/ciscosansregularoblique-webfont.eot?iefix') format('eot'),
url('./fonts/ciscosansregularoblique-webfont.woff') format('woff'),
url('./fonts/ciscosansregularoblique-webfont.ttf') format('truetype'),
url('./fonts/ciscosansregularoblique-webfont.svg#webfontP4FkZOni') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CiscoSansThin';
src: url('./fonts/ciscosansthin-webfont.eot');
src: url('./fonts/ciscosansthin-webfont.eot?iefix') format('eot'),
url('./fonts/ciscosansthin-webfont.woff') format('woff'),
url('./fonts/ciscosansthin-webfont.ttf') format('truetype'),
url('./fonts/ciscosansthin-webfont.svg#webfontYV2ijA8e') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cisco';
src: url('./fonts/Cisco.eot');
src: url('./fonts/Cisco.eot?iefix') format('eot'),
url('./fonts/Cisco.svg#Cisco') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cisco';
src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
font-weight: normal;
font-style: normal;
}
.cisco-symbols,
.cisco-symbols:hover,
.cisco-symbols:active,
.cisco-symbols:visited {
display: block;
color: white;
font-family: 'Cisco';
text-decoration: none;
}
.cisco-button-link .cisco-symbols,
.cisco-button-link .cisco-symbols:active,
.cisco-button-link .cisco-symbols:visited {
color: #6f6f6f;
}
.cisco-buttons {
font-size: 1.4em;
}
.cisco-button-link {
display: block;
position: relative;
width: auto;
height: auto;
line-height: 1.4em
}
.drawerToggle .cisco-symbols {
color: #6f6f6f;
}
.active .cisco-button-background {
z-index: 1;
position: absolute;
left: 1.1em;
top: 1.2em;
width: 1.2em;
height: 1.2em;
border-radius: 9999em;
background: white;
}
.drawerToggle.active .cisco-button-background {
background: #6f6f6f;
}
.active .cisco-buttons {
z-index: 2;
position: relative;
left: 0;
top: 0;
color: #000;
}
.iem9 body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
zoom:1;
}
/*-------------------------------------------------------------------------
Global Definitions
----------------------------------------------------------------------*/
/*Box-Sizing*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*background*/
body {
background: #000429; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDQyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDgxYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #000429 0%, #3481ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000429), color-stop(100%,#3481ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000429 0%,#3481ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000429 0%,#3481ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000429 0%,#3481ac 100%); /* IE10+ */
background: linear-gradient(to bottom, #000429 0%,#3481ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000429', endColorstr='#3481ac',GradientType=0 ); /* IE6-8 */
}
/*nav*/
nav ul {
padding: 0;
margin: 0;
list-style-type: none;
text-align: center;
}
nav li {
display: inline-block;
}
nav a {
text-decoration: none;
}
/*style reset*/
p {
margin: 0;
padding: 1em 0;
}
h4 {
margin: 0;
padding: 1.33em 0;
}
/*-------------------------------------------------------------------------
Header Definitions
----------------------------------------------------------------------*/
.header-wrapper {
position: relative;
z-index: 10;
-webkit-transition-duration: 1s;
-webkit-transition-property: height;
}
header {
position: relative;
z-index: 2;
background: #000;
height: 3.4375em;
width: 100%;
}
header nav {
margin-top: 0;
}
header nav a {
font-size: 1.2em;
}
.logo {
display: block;
bottom: 10px;
position: absolute;
font-size: 32px;
left: 10px;
line-height: 1;
height: 1em;
width: 5.09375em;
background: url(../images/logo-lockup.png) no-repeat;
}
header .cisco-tagline {
font-size: 9px;
color: white;
font-style: italic;
display: block;
position: absolute;
bottom: 10px;
left: 68px;
}
header p {
width: 14em;
margin: 1.9em 0 0 .5em;
float: left;
color: #fff;
font-family: 'CiscoSansRegular', sans-serif;
}
header p span {
font-size: 5px;
}
.header-nav {
margin: 0;
}
.header-nav li.hash-tag {
color:#fff;
font-weight:normal;
font-size:.6em;
}
.header-nav li a {
padding: 1.2em 0.5em .5em 1em;
}
.secondary-logo {
margin: 0.5625em 0.25em 0 0;
width: 7.3125em;
}
.secondary-logo img {
width: 100%;
}
/*-------------------------------------------------------------------------
Footer Definitions
----------------------------------------------------------------------*/
footer {
background: #000;
width: 100%;
}
.footer-nav a,
.footer-nav a:hover,
.footer-nav a:visited,
.footer-nav a:active {
display: block;
height: 2.75em;
text-align: center;
padding: 0 .5em;
color: #fff;
line-height: 2.5em;
font-family: 'CiscoSansRegular', sans-serif;
text-decoration: none;
}
.footer-text {
font-size: .7em;
}
.footer-hash {
float: right;
margin-top: .3em;
margin-right: .75em;
color: #666;
}
.footer-hash-copy {
font-size: .6em;
font-style: italic;
}
#low_nav{
list-style: none;
margin:0;
padding:0;
}
#low_nav li{
border-top: solid #f7f7f7 1px;
border-bottom: solid #a5a5a5 1px;
display: block;
font-size:13px;
}
#low_nav li a{
text-decoration: none;
color: #666666;
display: block;
/*height: 40px;
padding-left: 4px;*/
padding: 12px 4px;
/*line-height: 40px;*/
background: #fff url(//cisco.com/web/mobile/images/mb/nav_arrows.png) right -39px no-repeat;
*width: 100%;
}
#low_nav li a:hover{
background: #007fc5 url(//cisco.com/web/mobile/images/mb/nav_arrows.png) right 0px no-repeat;
color: #fff;
}
/* ------------------------------------------------------------------------------------- low Navigation */
#low_nav li a{
background: #383838 url(//cisco.com/web/mobile/images/mb/nav_arrows.png) right -119px no-repeat;
color: #fff;
}
#low_nav li a.top{
background: #737373 url(//cisco.com/web/mobile/images/mb/nav_arrows.png) right -78px no-repeat;
color: #fff;
}
#low_nav li a.top:hover{
background: #007fc5 url(//cisco.com/web/mobile/images/mb/nav_arrows.png) right -78px no-repeat;
color: #fff;
}
/*
#low_nav li a.top:visited{
background: #737373 url(/web/mobile/images/mb/nav_arrows.png) right -78px no-repeat;
color: #fff;
}*/
#low_nav li a.return:hover{
background: #007fc5 url(//cisco.com/web/mobile/images/mb/nav_arrows.png) right -119px no-repeat;
color: #fff;
}
/*
#low_nav li a#return:visited{
background: #383838 url(/web/mobile/images/mb/nav_arrows.png) right -117px no-repeat;
color: #fff;
}
*/
/* ------------------------------------------------------------------------------------- Footer */
#footer{
margin: 0 auto;
background: #f2efef;
}
/* ------------------------------------------------------------------------------------- Footer Menu Specific Items */
#footer .footer-social-menu-wrapper {
border-top: solid #dfdcdc 1px;
border-bottom: solid #dfdcdc 1px;
}
#footer #footer_menu,
#footer #social_menu{
margin:0;
padding:0;
width: 100%;
list-style: none;
}
/* ------------------------------------------------------------------------------------- Trademark Menu & Footer Menu Items */
#footer li{
background: #f2efef url(//cisco.com/web/mobile/images/mb/divider.png) right center no-repeat;
padding: 10px 6px;
display: inline-block;
font-size: 10px;
float: left;
}
#footer li.last{
background: none;
padding-right: 0;
padding-left: 4px;
float: left;
}
#footer li a{
font-size: 10px;
display: block;
text-decoration: none;
padding-right: 0px;
font-weight: normal;
float: left;
}
/* ------------------------------------------------------------------------------------- Trademark Menu Specific Items */
#footer #trademark_menu{
padding-top: 10px;
list-style: none;
}
#footer #trademark_menu li{
float: left;
}
#footer #trademark_menu li a{
color: #666666;
display: block;
float: left;
}
#footer #trademark_menu li.copy{
width: 176px;
}
#footer #trademark_menu li a.selected{
text-decoration: underline;
}
/* ------------------------------------------------------------------------------------- Social Media Links */
#footer #social_menu {
padding:0;
margin:0;
}
#footer #social_menu li{
background: none;
list-style: none;
}
#footer #social_menu li a{
display: block;
height: 15px;
}
#footer #social_menu li span{
display: none;
}
/* Clear Fix */
.clearfix:after{
clear:both;
content:'.';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}
.clearfix{
display:inline-block;
}
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/*-------------------------------------------------------------------------
Content Definitions
----------------------------------------------------------------------*/
.content {
width: 20em;
padding: .25em 0 1em .25em;
margin: 0 auto;
}
/*-------------------------------------------------------------------------
Icon Definitions
----------------------------------------------------------------------*/
.icon-link {
position: relative;
display: block;
text-decoration: none;
}
.icon-link img {
width: 100%;
border-radius: .25em;
}
.icon-header {
position: absolute;
display: block;
top: .6em;
left: 0;
margin:.25em .5em;
text-align: left;
color: #fff;
font-family: sans-serif;
font-style: italic;
line-height:.5em;
}
.icon-header span.head {
font-size: .5em;
line-height:.5em;
font-weight:normal;
}
.icon-header span.subhead {
font-size: .40em;
line-height:.5em;
font-weight:normal;
}
.icon {
float: left;
display: block;
border: 0;
background: #666;
height: 4.6875em;
width: 4.6875em;
margin-right: .25em;
margin-bottom: .25em;
border-radius: .25em;
}
.icon-wide {
width: 9.625em;
}
.icon-xwide {
width: 14.5625em;
}
.icon-tall {
height: 9.625em;
}
.icon-pull-up {
margin-bottom: -4.6875em;
}
/*-------------------------------------------------------------------------
Button-3D Definitions
----------------------------------------------------------------------*/
.button-3d,
.button-3d:hover,
.button-3d:active,
.button-3d:visited {
position: relative;
display: inline-block;
margin-left: -0.075em;
margin-right: 0.5em;
margin-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 1em;
height: 2.4em;
color: #000;
border: 0.125em solid #d8d8d8;
text-decoration:none !important;
background: #e2e0df; /* Old browsers */
-webkit-border-radius: 5px;
border-radius: 5px;
}
.button-3d-two-line .button-3d-copy {
font-size: 0.7em;
line-height: 1em;
font-style: italic;
margin-top: 0.7em;
}
.button-3d-copy {
text-transform: uppercase;
display: block;
float: left;
font-size: .8em;
line-height: 2.75em;
font-style: italic;
}
.button-3d .cisco-symbols {
display: block;
float: left;
color: black;
font-size: 2em;
line-height: 1.125em;
margin-left: 0.3em;
margin-right: -0.3em;
}
/*-------------------------------------------------------------------------
Interior Content Definitions
----------------------------------------------------------------------*/
.interior-content {
color: #000;
}
.interior-content-section {
background: #e2e2e2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e2e2e2 21%, #ffffff 44%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#e2e2e2), color-stop(44%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 21%,#ffffff 44%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 21%,#ffffff 44%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 21%,#ffffff 44%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2e2 21%,#ffffff 44%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.interior-content p {
font-family: 'CiscoSansOblique', sans-serif;
font-size: .7em;
}
.legal {
font-family: 'CiscoSansOblique', sans-serif;
font-size: 0.5625em;
color: #a2cce3;
padding: 0 1em 1em;
word-break: break-all;
}
.legal strong {
font-size: 1em;
color: #fff;
}
.legal a {
color: #fff;
text-decoration: underline;
}
/*-------------------------------------------------------------------------
Social Bar Definitions
----------------------------------------------------------------------*/
.social-bar {
height: 2em;
width: 100%;
padding: .25em 0;
}
.social-bar-text {
font-family: 'CiscoSansOblique', sans-serif;
font-size: .55em;
}
.social-bar-link,
.social-bar-link:visited,
.social-bar-link:active {
margin-left: .25em;
text-decoration: none;
color: #000;
float: left;
}
.social-bar-link.right, {
margin-right: .5em;
}
.social-bar a .cisco-symbols {
display: inline-block;
line-height: 0.45em;
margin-right: .15em;
}
.social-bar-link.close {
line-height: 0.5em;
margin-right: .25em;
float: right;
text-transform: uppercase;
}
.social-bar-link.close .social-bar-text {
margin-right: 0;
margin-top: 1em;
display: inline-block;
}
.social-bar-link.close .cisco-symbols {
line-height: 0.8em;
}
/*-------------------------------------------------------------------------
Watch Video Definitions
----------------------------------------------------------------------*/
.watch-video,
.watch-video:visited,
.watch-video:active,
.watch-video:hover {
display: block;
height: 2em;
width: 9.7em;
padding: .25em .75em;
color: #231f20;
text-decoration: none;
font-family: 'CiscoSansOblique', sans-serif;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZjlmOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #eeeeee 0%, #9f9f9f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#9f9f9f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#9f9f9f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#9f9f9f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#9f9f9f 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#9f9f9f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#9f9f9f',GradientType=0 ); /* IE6-8 */
}
.watch-video-text {
font-size: .7em;
}
.watch-video .cisco-symbols {
display: inline-block;
color: #231f20;
margin: 0;
font-size: 1.4em;
line-height: 0.45em;
}
/*-------------------------------------------------------------------------
Drawer Definitions
----------------------------------------------------------------------*/
.drawer {
position: absolute;
z-index: 1;
top: -12em;
width: 100%;
-webkit-transition-duration: 1s;
-webkit-transition-property: top;
}
.drawer.active {
top: 3.4375em;
}
.drawer-black {
background: #000;
}
.drawer-white {
}
#drawer-overlay {
position: absolute;
z-index: 9;
left: 0;
top: -100%;
height: 100%;
width: 100%;
}
#drawer-overlay.active {
top: 0;
}
.drawer-copy {
color: #fff;
font-family: 'CiscoSansOblique', sans-serif;
margin: 1em 5.25em 0.85em 2.125em;
line-height: .95em;
}
.drawer-copy span {
font-size: .7em;
}
.drawer .button-3d {
margin-left: 1.75em;
margin-bottom: 1em;
}
/*-------------------------------------------------------------------------
Social Drawer Definitions
----------------------------------------------------------------------*/
#drawer-social {
height: 8.5em;
}
.social-list {
float: left;
list-style-type: none;
margin-left: 1em;
padding: 0;
}
.social-list img {
width: 1.125em;
}
.social-list a,
.social-list a:hover,
.social-list a:active,
.social-list a:visited {
display: block;
height: 2.25em;
color: white;
font-family: 'CiscoSansOblique', sans-serif;
text-decoration: none;
}
.social-copy {
font-size: .5em;
}
/*-------------------------------------------------------------------------
Interstitial Definitions
----------------------------------------------------------------------*/
.white-bar {
padding: 0 .7em;
background: #e2e2e2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 49%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(49%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#ffffff 49%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#ffffff 49%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#ffffff 49%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2e2 0%,#ffffff 49%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.tall-white-bar {
background: #e2e2e2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 23%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(23%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#ffffff 23%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#ffffff 23%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#ffffff 23%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2e2 0%,#ffffff 23%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.extra-tall-white-bar {
background: #e2e2e2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 7%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(7%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#ffffff 7%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#ffffff 7%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#ffffff 7%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2e2 0%,#ffffff 7%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.blank-bar {
background: white;
}
.white-bar .copy {
margin: 0 .75em;
font-size: .7em;
font-family: 'CiscoSansOblique', sans-serif;
}
.interstitial-button,
.interstitial-button:hover,
.interstitial-button:active,
.interstitial-button:visited {
text-decoration: none;
color: black;
line-height: .9em;
}
.interstitial-image-wrapper {
text-align: center;
padding: 1em 0;
background: #e2e2e2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e2e2e2 21%, #ffffff 44%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#e2e2e2), color-stop(44%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 21%,#ffffff 44%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 21%,#ffffff 44%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 21%,#ffffff 44%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2e2 21%,#ffffff 44%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.white-bar .cisco-symbols {
display: inline-block;
color: black;
font-style:normal;
}
.interior-image {
position: relative;
text-align: center;
height: auto;
}
.interior-image-copy {
position: absolute;
float: left;
top: 4em;
left: 50%;
margin: 0;
padding: 0;
color: white;
font-family: 'CiscoSansOblique', sans-serif;
white-space: nowrap;
}
.center {
position: relative;
float: left;
left: -50%;
}
.interior-copy {
margin: 3em 0 2em;
}
/*-------------------------------------------------------------------------
Flexslider Definitions
----------------------------------------------------------------------*/
.flexslider {
border: 0;
border-radius: 0;
margin: 0;
overflow: hidden;
}
.flexslider .slides img {
width: auto;
margin: 0 auto;
}
/*-------------------------------------------------------------------------
Infographic Definitions
----------------------------------------------------------------------*/
.infographic-preview-section {
text-align: center;
}
.infographic-preview {
width: 100%;
min-width: 20em;
max-width: 26.5625em;
}
/*-------------------------------------------------------------------------
Whitepaper Definitions
----------------------------------------------------------------------*/
#pdf-preview-header {
padding: .5em;
background: #e3e4e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U0ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e3e4e5 0%, #e3e4e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e4e5), color-stop(100%,#e3e4e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3e4e5 0%,#e3e4e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3e4e5 0%,#e3e4e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3e4e5 0%,#e3e4e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #e3e4e5 0%,#e3e4e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4e5', endColorstr='#e3e4e5',GradientType=0 ); /* IE6-8 */
}
.interior-content-section-pdf {
background: #fff;
}
.pdf-preview-body {
margin-left: 1.75em;
padding-right: 1em;
}
.pdf-preview-sub-date {
font-size: 0.7em;
float: right;
}
.pdf-preview-sub-title {
font-size: 0.6em;
width: 60%;
display: inline-block;
}
.pdf-preview-date {
font-size: .5em;
float: right;
}
.pdf-preview-title {
font-size: 1em;
width: 60%;
display: inline-block;
}
.pdf-preview-body li {
font-size: .6em;
}
/*-------------------------------------------------------------------------
Lower Link Definitions
----------------------------------------------------------------------*/
.secondary-links {
list-style-type: none;
padding: 0;
margin: 1em 0 0 0;
text-align: left;
}
.secondary-links .white-bar {
padding: 0;
}
.secondary-links li {
border-bottom: 1px solid #dddddd;
}
.secondary-links li:last-child {
border: 0;
}
.secondary-links a,
.secondary-links a:hover,
.secondary-links a:visited,
.secondary-links a:active {
display: inline-block;
line-height: 0.8em;
padding: 0.6em;
text-decoration: none;
color: black;
font-style: italic;
}
.secondary-share-list {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.secondary-share-list li:first-child {
border-top: 1px solid #dddddd;
}
.secondary-links .cisco-symbols {
display: inline-block;
color: black;
font-size: 1.3em;
font-style:normal;
}
.secondary-link-copy {
font-size: .8em;
}
.secondary-share-list-icon {
display: inline-block;
width: 1.125em;
height: 1.125em;
}
.secondary-share-list-copy {
font-size: .8em;
}
.secondary-share-list .share-facebook-like {
padding: 0.6em 0.6em 0;
}
#footer #social_menu li a {
width: 18px;
height: 18px;
}
.footer-header {
display: inline-block;
margin: 15px 5px 0;
padding: 0;
float: right;
}
#footer #social_menu {
display: block;
float: right;
width: auto;
}
#social_menu li {
padding: 10px 8px 6px;
}
.facebook-icon {
background: url(../images/social-icons/facebook-icon.png) no-repeat;
}
.slideshare-icon {
background: url(../images/social-icons/slideshare-icon.png) no-repeat;
}
.twitter-icon {
background: url(../images/social-icons/twitter-icon.png) no-repeat;
}
.youtube-icon {
background: url(../images/social-icons/youtube-icon.png) no-repeat;
}
.linkedin-icon {
background: url(../images/social-icons/linkedin-icon.png) no-repeat;
}
.news-icon {
background: url(../images/social-icons/news-icon.png) no-repeat;
}
.blog-icon {
background: url(../images/social-icons/blog-icon.png) no-repeat;
}
.email-icon {
background: url(../images/social-icons/email-icon.png) no-repeat;
}
/*-------------------------------------------------------------------------
Play Button Definitions
----------------------------------------------------------------------*/
.video-play-overlay-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-decoration: none;
}
.white-bar .video-play-overlay {
font-size: 6em;
line-height: 1.55em;
color: rgba(255, 255, 255, 0.85);
width: 287px;
margin: 0 auto;
background: rgba(0, 0, 0, 0.5);
}
/*-------------------------------------------------------------------------
Social Definitions
-------------------------------------------------------------------------*/
.aggregator-body h1 {
margin: 0 0 1em;
}
.content-bar-headline {
float: left;
color: #000;
font-style: italic;
margin: 0.5em 1.5em 0 0;
}
/* Twitter Feed */
.white-bar-social {
padding:0;
}
#cisco-buzz .buzz-loading {
text-align:center;
background:white;
padding-bottom:5em;
}
.social-element {
min-height: 7.25em;
padding: 2em 1em 1em;
background: #fff url(../images/tweet-gradient-bkg.png) repeat-x 0 0;
overflow:hidden;
}
.social-element a.author {
position: relative;
display: block;
float: left;
width: 3.125em;
}
.social-element .user-name {
position: absolute;
top: -20px;
left: 0;
display: block;
color: #2674ac;
font-size: 0.625em;
}
.social-element span.post-time {
display:none;
}
.social-element img {
float: left;
margin-right: 0.8125em;
width: 2.1875em;
}
.social-element p {
padding-top:0;
color: #000;
}
.social-element iframe {
float: left;
margin: 2px 0 0 15px;
}
.tweet_timestamp {
font-size: 0.55em;
}
.tweet-footer {
position: relative;
left: 0px;
clear:left;
}
.tweet-footer .tweet-date {
float:left;
font-size:.55em;
padding-top:.75em;
width:10em;
}
ul.tweet-actions {
list-style: none;
float: left;
padding: 0;
margin: 0;
}
ul.tweet-actions li {
display: inline;
margin: 0 0 0 0.5em;
}
ul.tweet-actions li:first-child {
margin: 0;
}
ul.tweet-actions i {
display: inline-block;
background: #999 url(../images/tweet-actions.png) no-repeat 0 0;
height: 1.25em;
width: 1.25em;
}
ul.tweet-actions i.sm-rt {
background-position: -31px 0;
}
ul.tweet-actions i.sm-fav {
background-position: -58px 0;
}
ul.tweet-actions a:hover i {
background-color: #2674ac;
}
ul.tweet-actions a span {
display:none;
}
/* Blog Feed */
.blog-element {
min-height: 6.25em;
padding: 1em;
background: #fff url(../images/tweet-gradient-bkg.png) repeat-x 0 0;
}
.blog-element a.author {
position: relative;
display: block;
float: left;
width: 3.125em;
}
.blog-element .time-stamp {
display: block;
color: #2674ac;
font-size: 0.625em;
margin-bottom: 0.5em;
}
.blog-element img {
float: left;
margin-right: 0.8125em;
width: 2.1875em;
}
.blog-element .blog-link {
display: block;
font-family: sans-serif;
color: #000;
font-size: 0.875em;
line-height: 1.5;
}
.blog-element .blog-link:hover {
color: #2674ac;
}
.blog-element .blog-link strong {
display: block;
font-style: italic;
margin-bottom: 0.5em;
}
.blog-element .blog-link {
display: block;
float: left;
width: 80%;
font-family: sans-serif;
color: black;
font-size: 0.8125em;
line-height: 1.25;
}
.blog-element .blog-read-more {
display: block;
margin-top: 0.5em;
float: right;
font-family: sans-serif;
color: #2674AC;
font-size: 0.875em;
line-height: 1.5;
}
/*-------------------------------------------------------------------------
Helper Definitions
----------------------------------------------------------------------*/
.left {
float: left;
}
.right {
float: right;
}
/*-------------------------------------------------------------------------
Media Query Definitions
----------------------------------------------------------------------*/
@media screen and (orientation: landscape) {
.content {
font-size: 1.48em;
}
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
#footer #social_menu li a,
.secondary-share-list-icon {
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;
}
.logo {
background: url(../images/logo-lockup-2x.png) no-repeat;
background-size: 5.09375em 1em;
}
.facebook-icon {
background: url(../images/social-icons/facebook-icon-2x.png) no-repeat;
}
.slideshare-icon {
background: url(../images/social-icons/slideshare-icon-2x.png) no-repeat;
}
.twitter-icon {
background: url(../images/social-icons/twitter-icon-2x.png) no-repeat;
}
.youtube-icon {
background: url(../images/social-icons/youtube-icon-2x.png) no-repeat;
}
.linkedin-icon {
background: url(../images/social-icons/linkedin-icon-2x.png) no-repeat;
}
.news-icon {
background: url(../images/social-icons/news-icon-2x.png) no-repeat;
}
.blog-icon {
background: url(../images/social-icons/blog-icon-2x.png) no-repeat;
}
.email-icon {
background: url(../images/social-icons/email-icon-2x.png) no-repeat;
}
}
/*-------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------
End T1M Definitions
------------------------------------------------------------------------
------------------------------------------------------------------------
----------------------------------------------------------------------*/
/* ==========================================================================
Helper classes
========================================================================== */
/* Prevent callout */
.nocallout {
-webkit-touch-callout: none;
}
.pressed {
background-color: rgba(0, 0, 0, 0.7);
}
/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
-webkit-appearance: none;
}
/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
they have been set as display: none */
.gifhidden {
position: absolute;
left: -100%;
}
/*
* Image replacement
*/
.ir {
background-color: transparent;
background-repeat: no-repeat;
border: 0;
direction: ltr;
display: block;
overflow: hidden;
text-align: left;
text-indent: -999em;
}
.ir br {
display: none;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/**
* Clearfix helper
* Used to contain floats: h5bp.com/q
*/
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 800px) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for viewports that meet the condition */
}