0byt3m1n1-V2
Path:
/
home
/
yvffpqmy
/
public_html
/
wp-content
/
themes
/
cargo
/
css
/
[
Home
]
File: base.css
/* 1. Base Source: css/base.css Description: resets main elements, creates aliases and sets basic element behavior */ /* Font imports --------------------------------------------------------------- */ /* Font Awesome ---------------------------------------------------------------*/ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /* 7-stroke (http://themes-pixeden.com/font-demos/7-stroke/index.html) ---------------------------------------------------------------*/ @font-face { font-family: 'Icon7Stroke'; src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v'); src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cargo'; src:url('../fonts/cargo.eot?-1lwiue'); src:url('../fonts/cargo.eot?#iefix-1lwiue') format('embedded-opentype'), url('../fonts/cargo.woff?-1lwiue') format('woff'), url('../fonts/cargo.ttf?-1lwiue') format('truetype'), url('../fonts/cargo.svg?-1lwiue?-1lwiue#cargo') format('svg'); font-weight: normal; font-style: normal; } /* Variables ---------------------------------------------------------------*/ @set headingFont Lato, Arial, sans-serif; /* Headline fond */ @set headingSuperTitleFont Raleway, Arial, sans-serif; /* Headline supertitle font */ @set headingSubTitleFont Raleway, Arial, sans-serif; /* Headline subtitle font */ @set menuFont Lato, Arial, sans-serif; /* Base font */ @set bodyFont Raleway, Arial, sans-serif; /* Base font */ @set bodyFontSize 13; /* Base font size */ @set accentColor #0B60A9; /* Main color */ @set alternateColor #686d7a; /* Alternate accent color */ @set lightTextColor #666; /* Light text color */ @set lightBtncolor rgba(255,255,255,0.85);/* Light button color */ @set lightBoxShadow rgba(0,0,0,0.25); /* Highlighted item box shadow color */ @set lightFontColor #333; /* Base font color */ @set lightTitleColor #444; /* Set title color */ @set lightBgColor #fff; /* Base bg color */ @set lightBorderColor rgba(0,0,0,0.1); /* Base border color */ @set lightBgSubColor rgba(0,0,0,0.07); /* Sub bg color */ @set lighterBgSubColor rgba(0,0,0,0.05); /* Sub bg color lighter */ @set lightInactiveColor #7E7E7E; /* Inactive element color */ @set darkFontColor #fff; /* Base font color */ @set darkSelectedMenuItem rgba(255,255,255,0.6); /* Inactive menu item color */ @set darkMenuBackground rgba(0,0,0,0.95); /* Second menu level background color */ @set darkHeadlineColor #fff; /* Base headline color */ @set darkBgColor #313131; /* Base bg color */ @set darkBorderColor rgba(255,255,255,0.1); /* Base border color */ @set darkBgSubColor rgba(255,255,255, 0.07); /* Sub bg color */ @set darkerBgSubColor rgba(255,255,255, 0.02); /* Sub bg color darker */ @set darkInactiveColor #7E7E7E; /* Inactive element color */ @set darkCostCalculatorBorder rgba(255,255,255,0.5); /* Dark border for cost calculator dark skin */ @set darkBoxShadow rgba(0,0,0,0.25); /* Highlighted item box shadow color */ @set darkBoxTopShadow rgba(0,0,0,0.125); /* Highlighted item box shadow color */ @set sidebarWidth 33.3333; /* Sidebar width (%) */ @set sidebarPadding 40px; /* Padding between sidebar and sontent */ @set pagePadding 20; /* Left and right page padding for boxed content */ @set innerVerticalPadding 20; /* Top and bottom padding between content elements (base value) */ @set innerHorizontalPadding 10; /* RowItem padding */ @set gridSpacing 5; /* Default spacing in grid gallery */ @set logoHeight 60; /* Defines logo height and menu line height */ @set menuVerticalPadding 20; /* Top and bottom padding of the horizontal menu (px) */ @set menuPadding 30; /* Padding between horizontal menu elements (px) */ @set verticalMenuWidth 320; /* Width of the vertical menu (px) */ @set extrasmallIconSize 30; /* Small icon size */ @set smallIconSize 40; /* Small icon size */ @set mediumIconSize 64; /* Small icon size */ @set largeIconSize 120; /* Small icon size */ @set dropdownWidth 250px; /* Dependent variables */ @set lightHeadlineColor $(accentColor); /* Base headline color */ @set footerBackgroundColor l-adjust($(accentColor), -11%); @set accentColorLight20 l-adjust($(accentColor), 20%); @set accentColorLight30 l-adjust($(accentColor), 30%); @set accentColorLight9 l-adjust($(accentColor), 9%); @set accentColorLight-9 l-adjust($(accentColor), -9%); @set accentColorLight-10 l-adjust($(accentColor), -10%); @set alternateColorLight20 l-adjust($(alternateColor), 20%); @set alternateColorLight9 l-adjust($(alternateColor), 9%); @set alternateColorLight-9 l-adjust($(alternateColor), -9%); @set darkBorderColorLight-50 l-adjust($(darkBorderColor), -50%); @set darkBgColorLight-4 l-adjust($(darkBgColor), -4%); @set lightBgColorLight-4 l-adjust($(lightBgColor), -4%); @set lightHeadlineColorLight-9 l-adjust($(lightHeadlineColor), -9%); @set darkHeadlineColorLight-9 l-adjust($(darkHeadlineColor), -9%); @set bodyFontColorLight40 l-adjust( $(bodyFontColor) 40 ); @set bodyFontColorLight30 l-adjust( $(bodyFontColor) 30 ); @set lightBackgroundColorLight-20 l-adjust( $(lightBgSubColor) -20% ); @set lightBackgroundColorLight20 l-adjust( $(lightBgSubColor) 20% ); @set lightBorderColorLight-9 rgba(0,0,0,0.2); @set lightBtncolorLight-9 rgba(255,255,255,0.75);/* Light button color */ @set darkBorderColorLight9 l-adjust( $(darkBorderColor) 9% ); @set lightTextColorLight30 l-adjust( $(lightTextColor) 30% ); /* Aliases ---------------------------------------------------------------*/ @selector darkSkinSelector :any(.btDarkSkin, .btLightSkin .btDarkSkin); @selector lightSkinSelector :any(.btLightSkin, .btDarkSkin .btLightSkin); /* Reset ---------------------------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video { display: block; } audio, canvas, video { display: inline-block; } *:focus, * { outline: none; outline: 0; } .touch * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); } button::-moz-focus-inner { border: 0; } audio:not([controls]) { display: none; height: 0; } html,body { margin:0; padding:0; overflow-x: hidden; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always;*/ } *, *:after, *:before { box-sizing: border-box; padding: 0; margin: 0; background-repeat: no-repeat; } input, textarea, select { outline:none; font: inherit; width: 100%; border-radius: 2px; transition: all 300ms ease; } input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { transition: all 300ms ease; } input, select { padding: 7px 10px; box-sizing: border-box: } textarea { padding: 10px; resize: vertical; } button { font: inherit; } a { text-decoration: none; } a:hover { text-decoration: none; color: $(accentColor); } a img { border: none; } a, a:active, a:focus { outline: none; } p, dl, dd, address { margin: 0 0 $(innerVerticalPadding)px; } ul, ol, li { margin: 0 0 $(innerVerticalPadding)px 5px; padding: 0 0 0 5px; } li, ul ul, ol ol { margin-bottom: 0; } dt { font-weight: 700; } dd { font-weight: 500; } figcaption { font-size: math($(bodyFontSize)-2, px); } :any(select, input) { font-family: $(bodyFont); } html { font-size: 62.5%; } .wp-caption-text { } .screen-reader-text { }
©
2018.