Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
- /*
- * 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 {
- color: #222;
- font-size: 1em;
- line-height: 1.4;
- }
- /*
- * Remove text-shadow in selection highlight:
- * https://twitter.com/miketaylr/status/12228805301
- *
- * These selection rule sets have to be separate.
- * Customize the background color to match your design.
- */
- ::-moz-selection {
- background: #b3d4fc;
- text-shadow: none;
- }
- ::selection {
- background: #b3d4fc;
- text-shadow: none;
- }
- /*
- * A better looking default horizontal rule
- */
- hr {
- display: block;
- height: 1px;
- border: 0;
- border-top: 1px solid #ccc;
- margin: 1em 0;
- padding: 0;
- }
- /*
- * Remove the gap between audio, canvas, iframes,
- * images, videos and the bottom of their containers:
- * https://github.com/h5bp/html5-boilerplate/issues/440
- */
- audio,
- canvas,
- iframe,
- img,
- svg,
- video {
- vertical-align: middle;
- }
- /*
- * Remove default fieldset styles.
- */
- fieldset {
- border: 0;
- margin: 0;
- padding: 0;
- }
- /*
- * Allow only vertical resizing of textareas.
- */
- textarea {
- resize: vertical;
- }
- /* ==========================================================================
- Browser Upgrade Prompt
- ========================================================================== */
- .browserupgrade {
- margin: 0.2em 0;
- background: #ccc;
- color: #000;
- padding: 0.2em 0;
- }
- /* ==========================================================================
- Author's custom styles
- ========================================================================== */
- /* ==========================================================================
- Helper classes
- ========================================================================== */
- /*
- * Hide visually and from screen readers:
- * http://juicystudio.com/article/screen-readers-display-none.php
- */
- .hidden {
- display: none !important;
- visibility: hidden;
- }
- /*
- * Hide only visually, but have it available for screen readers:
- * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
- */
- .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:
- * https://www.drupal.org/node/897638
- */
- .visuallyhidden.focusable:active,
- .visuallyhidden.focusable:focus {
- clip: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- position: static;
- width: auto;
- }
- /*
- * Hide visually and from screen readers, but maintain layout
- */
- .invisible {
- visibility: hidden;
- }
- /*
- * Clearfix: contain floats
- *
- * For modern browsers
- * 1. The space content is one way to avoid an Opera bug when the
- * `contenteditable` attribute is included anywhere else in the document.
- * Otherwise it causes space to appear at the top and bottom of elements
- * that receive the `clearfix` class.
- * 2. The use of `table` rather than `block` is only necessary if using
- * `:before` to contain the top-margins of child elements.
- */
- .clearfix:before,
- .clearfix:after {
- content: " "; /* 1 */
- display: table; /* 2 */
- }
- .clearfix:after {
- clear: both;
- }
- /* ==========================================================================
- EXAMPLE Media Queries for Responsive Design.
- These examples override the primary ('mobile first') styles.
- Modify as content requires.
- ========================================================================== */
- @media only screen and (min-width: 35em) {
- /* Style adjustments for viewports that meet the condition */
- }
- @media print,
- (-o-min-device-pixel-ratio: 5/4),
- (-webkit-min-device-pixel-ratio: 1.25),
- (min-resolution: 120dpi) {
- /* Style adjustments for high resolution devices */
- }
- /* ==========================================================================
- Print styles.
- Inlined to avoid the additional HTTP request:
- http://www.phpied.com/delay-loading-your-print-css/
- ========================================================================== */
- @media print {
- *,
- *:before,
- *:after {
- background: transparent !important;
- color: #000 !important; /* Black prints faster:
- http://www.sanbeiji.com/archives/953 */
- box-shadow: none !important;
- text-shadow: none !important;
- }
- a,
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- /*
- * Don't show links that are fragment identifiers,
- * or use the `javascript:` pseudo protocol
- */
- a[href^="#"]:after,
- a[href^="javascript:"]:after {
- content: "";
- }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
- /*
- * Printing Tables:
- * http://css-discuss.incutio.com/wiki/Printing_Tables
- */
- thead {
- display: table-header-group;
- }
- tr,
- img {
- page-break-inside: avoid;
- }
- img {
- max-width: 100% !important;
- }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
- h2,
- h3 {
- page-break-after: avoid;
- }
- }
- /* *{border:1px solid red; } */
- .container {
- width:1172px; }
- .blue{
- background-color: #00749C
- }
- .blue .liability img{
- position:relative;
- left:0px;
- top:0px;
- }
- .blue .commercial img{
- position:relative;
- left:44px;
- top:0px;
- }
- .blue .bonds img{
- position:relative;
- left:96px;
- top:0px;
- }
- .blue .tools img{
- position:relative;
- left:80px;
- top:0px;
- }
- .blue .liability {
- border-right:4px solid #fff;
- height:75px;
- margin-bottom:10px;
- }
- .blue .commercial {
- border-right:4px solid #fff;
- height:75px;
- margin-bottom:10px;
- }
- .blue .bonds {
- border-right:4px solid #fff;
- height:75px;
- margin-bottom:10px;
- }
- .middlebox{
- padding-top:4px;
- }
- .primary-content{
- padding-top:20px;
- }
- .sidebar{
- background-color:#D8D8D8;
- }
- .widget{
- }
- .widget-title{
- }
- .widget-content{
- }
- .widget-title h3{
- margin-top:-33px;
- margin-left:74px;
- position: relative;
- font-size:16px;
- color:#fff;
- padding-bottom:50px;
- }
- .wt-circle {
- border-radius: 50%;
- width: 100px;
- height: 85px;
- background-color:#00759C;
- top:100px;
- left:-42px;
- position: relative;
- }
- .wt-sub-circle{
- background-color:#00759C;
- width: 281px;
- height: 85px;
- position: relative;
- left:7px;
- top:15px;
- }
- .widget-title{
- margin-top:-33px;
- margin-left:-10px;
- position: relative;
- font-size:16px;
- color:#fff;
- padding-bottom:50px;
- }
- .wtc-circle{
- border-radius: 50%;
- width: 100px;
- height: 85px;
- background-color:#00759C;
- top:100px;
- left:-114px;
- position: relative;
- }
- .wtc-sub-circle{
- background-color:#00759C;
- width: 325px;
- height: 85px;
- position: relative;
- left:-64px;
- top:15px;
- }
- .wtt-circle{
- border-radius: 50%;
- width: 100px;
- height: 85px;
- background-color:#00759C;
- top:100px;
- left:-46px;
- position: relative;
- }
- .wtt-sub-circle{
- background-color:#00759C;
- width: 325px;
- height: 85px;
- position: relative;
- left:5px;
- top:15px;
- }
- .wtb-circle{
- border-radius: 50%;
- width: 100px;
- height: 85px;
- background-color:#00759C;
- top:100px;
- left:-56px;
- position: relative;
- }
- .wtb-sub-circle{
- background-color:#00759C;
- width: 325px;
- height: 85px;
- position: relative;
- left:-6px;
- top:15px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement