Move into wp-content path
Signed-off-by: Adrian Nöthlich <git@promasu.tech>
This commit is contained in:
1
wp-content/themes/Pirate-Rogue/css/admin.css
Normal file
1
wp-content/themes/Pirate-Rogue/css/admin.css
Normal file
File diff suppressed because one or more lines are too long
240
wp-content/themes/Pirate-Rogue/css/sass/_mediaqueries.scss
Normal file
240
wp-content/themes/Pirate-Rogue/css/sass/_mediaqueries.scss
Normal file
@@ -0,0 +1,240 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Media Queries
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
/* Minimum width of 1024 pixels (tablet landscape)
|
||||
------------------------------------------------------------------------------------ */
|
||||
@media screen and (min-width: $breakpoint-1024) {
|
||||
p.text-big {
|
||||
font-size: 32px;
|
||||
font-size: 2rem;
|
||||
}
|
||||
.front-about-img {
|
||||
width: 32.8%;
|
||||
padding-right: 1.6%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Minimum width of 1060 pixels (small desktop screens)
|
||||
------------------------------------------------------------------------------------ */
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
/* --- General --- */
|
||||
|
||||
.headerimg-on.header-boxed #masthead {
|
||||
border-bottom: 1px solid #ddd !important;
|
||||
}
|
||||
.front-section:first-of-type {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.content-wrap {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* --- Image Fade In --- */
|
||||
.js .imgfade-on .fadein {
|
||||
opacity: 0;
|
||||
transition: opacity 0.7s ease-in-out;
|
||||
-webkit-transition: opacity 0.7s ease-in-out;
|
||||
-webkit-transform: translateZ(0);
|
||||
&.inview {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.singlepost-wrap,
|
||||
.recommended-posts-wrap,
|
||||
.front-section,
|
||||
.headerimg-on.header-boxed .header-image {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.blog-wrap,
|
||||
.front-section,
|
||||
.singlepost-wrap,
|
||||
.recommended-posts-wrap,
|
||||
.footer-wrap,
|
||||
.big-footer-feature,
|
||||
.headerimg-on.header-boxed .header-image {
|
||||
margin-left: 6.25%;
|
||||
margin-right: 6.25%;
|
||||
}
|
||||
|
||||
#front-section-four {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.page .site-content,
|
||||
#primary {
|
||||
width: 65.87301587301587%;
|
||||
// 830px at 1440px
|
||||
float: left;
|
||||
}
|
||||
|
||||
#secondary,
|
||||
#sidebar-page {
|
||||
width: 31.74603174603175%;
|
||||
/* -- 400px at 1440px ---*/
|
||||
float: right;
|
||||
padding-top: 0;
|
||||
}
|
||||
/* --- Left and no Sidebar Options --- */
|
||||
.sidebar-left #primary,
|
||||
.single-post.sidebar-left .contentwrap {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
.sidebar-left {
|
||||
#secondary, #sidebar-page {
|
||||
float: left;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
.no-sidebar.page .site-content,
|
||||
.no-sidebar #primary {
|
||||
width: 90%;
|
||||
max-width: 1260px;
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.page-fullwidth .site-content,
|
||||
.page-fullwidth #primary {
|
||||
width: 100% !important;
|
||||
max-width: none;
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
|
||||
/* --- Font Sizes --- */
|
||||
|
||||
p.site-title {
|
||||
font-size: 60px;
|
||||
font-size: 3.75rem;
|
||||
line-height: 1.35;
|
||||
text-align: center;
|
||||
padding-right: 0;
|
||||
}
|
||||
p.text-big {
|
||||
font-size: 48px;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.section-one-column-one {
|
||||
.entry-author, .entry-date:before {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.headerimg-on.header-boxed .header-image {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
/* --- Front Section One --- */
|
||||
|
||||
.page-template-shop-front {
|
||||
.entry-text-wrap {
|
||||
width: 48.80952380952381%;
|
||||
/* -- 615px at 1440px ---*/
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
.section-three-column-one {
|
||||
.entry-header,
|
||||
.entry-summary,
|
||||
.entry-meta {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Minimum width of 1360 pixels (larger desktop screens)
|
||||
------------------------------------------------------------------------------------ */
|
||||
@media screen and (min-width: 85em) {
|
||||
|
||||
.blog-wrap,
|
||||
.front-section,
|
||||
// .singlepost-wrap,
|
||||
// .recommended-posts-wrap,
|
||||
// .footer-wrap,
|
||||
// .big-footer-feature,
|
||||
.headerimg-on.header-boxed .header-image {
|
||||
margin-left: auto;
|
||||
margin-right:auto;
|
||||
width: 80%;
|
||||
}
|
||||
/* --- Typography --- */
|
||||
.entry-content p {
|
||||
&.pull-left, &.pull-right {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- No Sidebar --- */
|
||||
.no-sidebar.page .site-content,
|
||||
.no-sidebar #primary {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.headerimg-on.header-fullscreen a.header-image {
|
||||
max-height: 900px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/* Minimum width of 1800 pixels (larger desktop screens)
|
||||
------------------------------------------------------------------------------------ */
|
||||
@media screen and (min-width: 112.5em) {
|
||||
/* --- General --- */
|
||||
|
||||
#page-start,
|
||||
.content-wrap,
|
||||
.singlepost-wrap,
|
||||
.blog-wrap {
|
||||
min-width: 1560px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.footer-wrap,
|
||||
.blog-wrap,
|
||||
.big-footer-feature,
|
||||
.headerimg-on.header-boxed .header-image {
|
||||
width: 70%;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Minimum width of 2200 pixels (larger desktop screens)
|
||||
------------------------------------------------------------------------------------ */
|
||||
@media screen and (min-width: 137.5em) {
|
||||
/* --- General --- */
|
||||
|
||||
|
||||
.footer-wrap,
|
||||
.big-footer-feature,
|
||||
.headerimg-on.header-boxed .header-image {
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
}
|
||||
160
wp-content/themes/Pirate-Rogue/css/sass/_print.scss
Normal file
160
wp-content/themes/Pirate-Rogue/css/sass/_print.scss
Normal file
@@ -0,0 +1,160 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Adjustment for print
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
#printhead {
|
||||
@media print {
|
||||
color: black;
|
||||
content: "Print";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media print {
|
||||
.sticky-header,
|
||||
.header-social,
|
||||
#overlay-open,
|
||||
#search-open,
|
||||
.inner-offcanvas-wrap,
|
||||
.shariff,
|
||||
.shariff li,
|
||||
.shariff-main,
|
||||
.footer-menus-wrap nav,
|
||||
.footer-search {
|
||||
display: none !important;
|
||||
}
|
||||
#masthead {
|
||||
position: relative;
|
||||
.site-header-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: none !important;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
|
||||
#site-branding {
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
width: auto;
|
||||
border: none;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
display: block;
|
||||
img {
|
||||
width: auto;
|
||||
max-width: inherit;
|
||||
height: inherit;
|
||||
max-height: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
page-break-before: always;
|
||||
}
|
||||
h1, h2, h3, h4, h5 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
header#masthead {
|
||||
position: relative;
|
||||
border: none;
|
||||
}
|
||||
.front-section:first-of-type,
|
||||
.page .content-wrap,
|
||||
.singlepost-wrap,
|
||||
.error404 .content-wrap {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
main {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
|
||||
table, figure {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
p {
|
||||
a[href]::after {
|
||||
content: " (" attr(href) ")";
|
||||
color: $color-main;
|
||||
background-color: inherit;
|
||||
font-style: italic;
|
||||
size: 80%;
|
||||
}
|
||||
a[href^="#"]:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-transform: inherit;
|
||||
word-wrap: break-word;
|
||||
color: $color-print-links;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
#colophon {
|
||||
background: none;
|
||||
color: black;
|
||||
|
||||
h2, h3, ul, p, li, a, td, tr, span {
|
||||
color: black;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
.socialmedia-secondcolor #footer-social.social-nav ul li a {
|
||||
color: black;
|
||||
background: none;
|
||||
}
|
||||
#footer-social {
|
||||
h2.socialmedia {
|
||||
float: none;
|
||||
display: block;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.social-nav ul {
|
||||
display: block;
|
||||
}
|
||||
&.social-nav ul li {
|
||||
display: list-item;
|
||||
border-radius: initial;
|
||||
background: none;
|
||||
a::before {
|
||||
width: 25px;
|
||||
}
|
||||
a {
|
||||
overflow: auto;
|
||||
color: $color-print-links;
|
||||
width: auto;
|
||||
text-align: left;
|
||||
height: auto;
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: initial;
|
||||
text-transform: inherit;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
a[href]::after {
|
||||
content: " (" attr(href) ")";
|
||||
color: $color-main;
|
||||
background-color: inherit;
|
||||
font-style: italic;
|
||||
size: 80%;
|
||||
}
|
||||
a[href^="#"]::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
197
wp-content/themes/Pirate-Rogue/css/sass/_variables.scss
Normal file
197
wp-content/themes/Pirate-Rogue/css/sass/_variables.scss
Normal file
@@ -0,0 +1,197 @@
|
||||
|
||||
// Thene Version
|
||||
$version: '1.4.6';
|
||||
// Theme Version
|
||||
// First Digit: Manual
|
||||
// Second Digit: Branch Version
|
||||
// Third Digit: (Daily) Submit Version
|
||||
|
||||
$stylecomment_themeversion: $version;
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
// Colors
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
$color-main: #ff8800;
|
||||
$color-second: #672082;
|
||||
$color-third: #698bc1; //
|
||||
$color-four: #148f93;
|
||||
|
||||
// Colorsets
|
||||
$customizer-colorset: (
|
||||
("main", #ff8800, "Pirates DE"),
|
||||
("second", #672082, "Pirates DE second CI Color"),
|
||||
("third", #698bc1, "Additional complementary CI Color"),
|
||||
("four", #148f93, "Additional Complementary CI Color"),
|
||||
("uspirates", #B127AF, "Pirates US/LU"),
|
||||
("tkpirates", #00B5B1, "Pirates TK"),
|
||||
("chpirates", #F9B200, "Pirates CH"),
|
||||
("ispirates", #51297e, "Pirates IS"),
|
||||
("black", #000, ""),
|
||||
("white", #fff, ""),
|
||||
("grey", #e7e7eb, ""),
|
||||
("darkgrey", #1a1a1a, ""),
|
||||
("blue", #0066ff, ""),
|
||||
("red", #d7464d, ""),
|
||||
("yellow", #e7b547, ""),
|
||||
("green", #85c066, "")
|
||||
);
|
||||
|
||||
$color-page-background: #fff;
|
||||
$color-hr: #ccc;
|
||||
$color-content-links: $color-main;
|
||||
$color-print-links: #000;
|
||||
$color-text: #1a1a1a; // #2b2b2b;
|
||||
$bg-grey: #e7e7eb;
|
||||
$color-border: $bg-grey;
|
||||
$color-special-background: $color-page-background;
|
||||
$color-linkhover: $color-main; // #0c6ca6;
|
||||
$color-mainnav-active-border: $color-main;
|
||||
|
||||
$color-main-menu: $color-text; // $color-second;
|
||||
$color-main-menu-hover: $color-text; // $color-main;
|
||||
$color-cats: #fff;
|
||||
$color-cats-hover: #fff;
|
||||
$color-cats-background: $color-second;
|
||||
$color-cats-background-hover: $color-main;
|
||||
$color-mark: #fff;
|
||||
$color-mark-background: lighten($color-second,10%); // #d2f1ff;
|
||||
$color-footer-background: darken($color-second,10%);
|
||||
$color-footer-text: rgba(255, 255, 255, 0.8);
|
||||
$color-footer-text-links: #fff;
|
||||
$color-footer-text-links-hover: $color-main;
|
||||
$color-footer-menu-title: $color-main;
|
||||
$color-meta: #666;
|
||||
$color-slider-credits: #aaa;
|
||||
|
||||
$color-shortcodes-blue: #0066ff;
|
||||
$color-shortcodes-red: #d7464d;
|
||||
$color-shortcodes-yellow: #e7b547;
|
||||
$color-shortcodes-green: #85c066;
|
||||
$color-shortcodes-lightgrey: #ececed;
|
||||
$color-shortcodes-grey: #a9a9a9;
|
||||
$color-shortcodes-dark: #222;
|
||||
$color-shortcodes-maincolor: $color-main;
|
||||
$color-shortcodes-secondcolor: $color-second;
|
||||
$color-shortcodes-black: #000;
|
||||
$color-shortcodes-white: #fff;
|
||||
|
||||
$color-content-h1: $color-text;
|
||||
$color-content-h2: $color-text;
|
||||
$color-content-h3: $color-text;
|
||||
$color-content-h4: $color-text;
|
||||
$color-content-h5: $color-text;
|
||||
$color-content-h6: $color-text;
|
||||
|
||||
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
// Fonts
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
$font-family-sans-serif: 'DejaWeb', sans-serif;
|
||||
$font-family-serif: Georgia, "Times New Roman", Times, serif;
|
||||
$font-family-monospace: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier New", "Courier 10 Pitch", Courier,monospace;
|
||||
$font-family-headlines: 'roboto', sans-serif;
|
||||
|
||||
$font-family-base: $font-family-sans-serif;
|
||||
$font-family-sitetitle: $font-family-headlines;
|
||||
$font-family-code: $font-family-monospace;
|
||||
$font-family-quotation: $font-family-serif;
|
||||
|
||||
|
||||
// Font Sizes
|
||||
$font-size-base: 16;
|
||||
$font-size-headersmall: 15;
|
||||
$font-size-sitetitle: 25;
|
||||
$font-size-entrytitle: 20;
|
||||
$font-size-bigtext: 18;
|
||||
$font-size-smaller: 15;
|
||||
$font-size-small: 14;
|
||||
$font-size-xsmall: 11;
|
||||
|
||||
$font-size-base-sm: 18;
|
||||
$font-size-bigtext-sm: 20;
|
||||
$font-size-smaller-sm: 16;
|
||||
$font-size-entrytitle-sm: 26;
|
||||
|
||||
$font-size-h1: 20;
|
||||
$font-size-h1-sm: 36;
|
||||
$font-size-h1-sitetitle: $font-size-sitetitle;
|
||||
$font-size-h1-sitetitle-sm: 48;
|
||||
$font-size-h1-sitetitle-1060: 60;
|
||||
$font-size-h1-sitetitle-sm: 48;
|
||||
|
||||
$font-size-h2: 18;
|
||||
$font-size-h2-sm: 26;
|
||||
$font-size-h2-widget: 16;
|
||||
$font-size-h2-entryheader: 16;
|
||||
$font-size-h2-entryheader-sm: 24;
|
||||
$font-size-h2-entryheader-1024: 28;
|
||||
$font-size-h2-entryheader-1060: 48;
|
||||
$font-size-h2-entryheader-1060-small: 20;
|
||||
$font-size-h2-entryheader-lg: 58;
|
||||
|
||||
$font-size-h3: 18;
|
||||
$font-size-h3-sm: 24;
|
||||
|
||||
$font-size-h4: $font-size-base;
|
||||
$font-size-h4-sm: 22;
|
||||
|
||||
$font-size-h5: $font-size-headersmall;
|
||||
$font-size-h5-sm: 19;
|
||||
|
||||
$font-size-h6: $font-size-base;
|
||||
$font-size-h6-sm: 19;
|
||||
|
||||
|
||||
$font-size-search: $font-size-base;
|
||||
$font-size-search-icons: 18;
|
||||
$font-size-socialmedia-icon: 18;
|
||||
$font-size-overlay-icon: 20;
|
||||
$font-size-breadcrumb: 14;
|
||||
|
||||
$font-size-slider-title-sm: 36;
|
||||
$font-size-slider-title-1060: 48;
|
||||
$font-size-slider-title-lg: 58;
|
||||
|
||||
$font-size-accordion-toggle: $font-size-base;
|
||||
$font-size-tables: $font-size-base;
|
||||
|
||||
$font-size-blockquote: $font-size-bigtext;
|
||||
$font-size-blockquote-cite: $font-size-smaller;
|
||||
$font-size-blockquote-sm: 24;
|
||||
$font-size-blockquote-cite-sm: 19;
|
||||
|
||||
$font-size-men-childs: $font-size-small;
|
||||
$font-size-gallery-caption: $font-size-small;
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
// Tabellen
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
$table-head : $bg-grey; // #dedee3;
|
||||
$table-head-sortable : $table-head; // #c9dff0;
|
||||
$table-head-sortable-active : darken($table-head-sortable, 10%); // #acc8dd;
|
||||
$table-tr-odd : darken($color-page-background, 5%);
|
||||
$table-caption : $bg-grey;
|
||||
$table-border : $color-border;
|
||||
$table-td-color : lighten($color-text,20%);
|
||||
$table-td-color-hover : $color-text;
|
||||
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
// Breakpoints
|
||||
//////////////////////////////////////////////////////////////////////////////
|
||||
// Minimum width of 600 pixels (smartphone landscape)
|
||||
$breakpoint-600: 37.5em;
|
||||
|
||||
// Minimum width of 768 pixels (tablet portrait)
|
||||
$breakpoint-sm: 48em;
|
||||
|
||||
// Minimum width of 790 pixels (WP Admin bar changes size)
|
||||
$breakpoint-790: 49.375em;
|
||||
|
||||
// Minimum width of 1024 pixels (tablet landscape)
|
||||
$breakpoint-1024: 64em;
|
||||
|
||||
// Minimum width of 1060 pixels (small desktop screens)
|
||||
$breakpoint-1060: 66.25em;
|
||||
|
||||
// Minimum width of 1360 pixels (larger desktop screens)
|
||||
$breakpoint-lg: 85em;
|
||||
|
||||
|
||||
16
wp-content/themes/Pirate-Rogue/css/sass/_wpheader.scss
Normal file
16
wp-content/themes/Pirate-Rogue/css/sass/_wpheader.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
/*!
|
||||
Theme Name: Pirate Rogue
|
||||
Github Theme URI: https://github.com/Piratenpartei/Pirate-Rogue/
|
||||
Theme URI: https://github.com/Piratenpartei/Pirate-Rogue/
|
||||
Description: Theme for pirate parties worldwide. This theme allows to chose between the mostly used color combinations (purple and orange) as main colors for designing elements. It uses several free to use pirate symbols and allows custom CSS. It was created for the german pirate party as replacement for their prior wordpress theme.
|
||||
Author: xwolf
|
||||
Author URI: https://www.xwolf.de
|
||||
Version: #{$stylecomment_themeversion}
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: https://www.gnu.org/licenses/gpl-2.0.html
|
||||
Tags: white, orange, purple, sticky-post, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, translation-ready
|
||||
Text Domain: pirate-rogue
|
||||
|
||||
This theme, like WordPress, is licensed under the GPL.
|
||||
Lets make the world a better place.
|
||||
*/
|
||||
14
wp-content/themes/Pirate-Rogue/css/sass/admin.scss
Normal file
14
wp-content/themes/Pirate-Rogue/css/sass/admin.scss
Normal file
@@ -0,0 +1,14 @@
|
||||
//--------------------------------------------------------------
|
||||
// Variables
|
||||
//--------------------------------------------------------------
|
||||
@import "variables";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Mixins
|
||||
//--------------------------------------------------------------
|
||||
@import "mixins/mixins";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Backend
|
||||
//--------------------------------------------------------------
|
||||
@import "backend/backend";
|
||||
@@ -0,0 +1,7 @@
|
||||
//--------------------------------------------------------------
|
||||
// Backend Styles
|
||||
//--------------------------------------------------------------
|
||||
|
||||
|
||||
// Customizer
|
||||
@import "customizer";
|
||||
237
wp-content/themes/Pirate-Rogue/css/sass/backend/_customizer.scss
Normal file
237
wp-content/themes/Pirate-Rogue/css/sass/backend/_customizer.scss
Normal file
@@ -0,0 +1,237 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Customizer Settings
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
$color_customizer_buttons: #0085ba;
|
||||
$color_customizer_bggray: #e9edf2;
|
||||
|
||||
#customize-controls #sub-accordion-section-header_image img {
|
||||
height: 65px;
|
||||
max-height: 65px;
|
||||
max-width: 240px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#customize-theme-controls {
|
||||
.customize-control-colorlist-radio {
|
||||
// Inspired by https://jsfiddle.net/8uycrv12/
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 2px;
|
||||
|
||||
input[type="radio"] {
|
||||
// hide ugly default radio icon
|
||||
display: none;
|
||||
}
|
||||
input[type="radio"] + span.colorbox {
|
||||
border-radius: 30%;
|
||||
}
|
||||
|
||||
span.colorbox {
|
||||
background: transparent;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
border: 2px solid transparent;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
span.reset {
|
||||
padding: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Hover-Effekt */
|
||||
label:hover span.colorbox {
|
||||
border: 2px solid #aaa;
|
||||
}
|
||||
input[type="checkbox"]:checked + span.colorbox,
|
||||
input[type="radio"]:checked + span.colorbox {
|
||||
border: 3px solid #000;
|
||||
}
|
||||
}
|
||||
|
||||
.customize-control-multiple-select {
|
||||
option:checked,
|
||||
option[selected] {
|
||||
background: $color_customizer_bggray;
|
||||
}
|
||||
select[multiple]:focus option:checked {
|
||||
background: $color_customizer_buttons;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.customize-control-range-value {
|
||||
.range-slider {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.range-slider__range {
|
||||
-webkit-appearance: none;
|
||||
width: calc(100% - (95px));
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
background: #d7dcdf;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.range-slider__range::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: $color_customizer_buttons;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background .15s ease-in-out;
|
||||
transition: background .15s ease-in-out;
|
||||
}
|
||||
|
||||
.range-slider__range::-webkit-slider-thumb:hover {
|
||||
background: $color_customizer_buttons;
|
||||
}
|
||||
|
||||
.range-slider__range:active::-webkit-slider-thumb {
|
||||
background: $color_customizer_buttons;
|
||||
}
|
||||
|
||||
.range-slider__range::-moz-range-thumb {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
background: $color_customizer_buttons;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background .15s ease-in-out;
|
||||
transition: background .15s ease-in-out;
|
||||
}
|
||||
|
||||
.range-slider__range::-moz-range-thumb:hover {
|
||||
background: $color_customizer_buttons;
|
||||
}
|
||||
|
||||
.range-slider__range:active::-moz-range-thumb {
|
||||
background: $color_customizer_buttons;
|
||||
}
|
||||
|
||||
.range-slider__value {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
color: #fff;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
background: $color_customizer_buttons;
|
||||
padding: 2px 5px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
::-moz-range-track {
|
||||
background: #d7dcdf;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
input::-moz-focus-inner, input::-moz-focus-outer {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Toggle Switch
|
||||
.toggle-switch-control .customize-control-title {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.toggle-switch {
|
||||
position: relative;
|
||||
width: 64px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
float: right;
|
||||
|
||||
.toggle-switch-checkbox {
|
||||
display: none;
|
||||
}
|
||||
.toggle-switch-label {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 2px solid #ddd;
|
||||
border-radius: 20px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.toggle-switch-inner {
|
||||
display: block;
|
||||
width: 200%;
|
||||
margin-left: -100%;
|
||||
transition: margin 0.3s ease-in 0s;
|
||||
}
|
||||
|
||||
.toggle-switch-inner:before,
|
||||
.toggle-switch-inner:after {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 22px;
|
||||
padding: 0;
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-family: Trebuchet, Arial, sans-serif;
|
||||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.toggle-switch-inner:before {
|
||||
content: "An";
|
||||
padding-left: 8px;
|
||||
background-color: #2885bb;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
:lang(en) .toggle-switch-inner:before {
|
||||
content: "ON";
|
||||
}
|
||||
.toggle-switch-inner:after {
|
||||
content: "Aus";
|
||||
padding-right: 8px;
|
||||
background-color: #EEEEEE;
|
||||
color: #999999;
|
||||
text-align: right;
|
||||
}
|
||||
:lang(en) .toggle-switch-inner:after {
|
||||
content: "OFF";
|
||||
}
|
||||
.toggle-switch-switch {
|
||||
display: block;
|
||||
width: 16px;
|
||||
margin: 3px;
|
||||
background: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 38px;
|
||||
border: 2px solid #ddd;
|
||||
border-radius: 20px;
|
||||
transition: all 0.3s ease-in 0s;
|
||||
}
|
||||
|
||||
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
|
||||
right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,137 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Accordion
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
.accordion {
|
||||
margin: 10px 0 20px 0;
|
||||
|
||||
.accordion-group {
|
||||
border: none;
|
||||
margin-bottom: 5px;
|
||||
|
||||
.accordion-heading {
|
||||
overflow: hidden;
|
||||
|
||||
.accordion-toggle {
|
||||
border-left: 10px solid $color-main;
|
||||
background: $color-border;
|
||||
color: $color-text;
|
||||
@include border-radius(4px);
|
||||
text-decoration: none;
|
||||
@include px2rem($font-size-accordion-toggle);
|
||||
padding: 8px 35px 8px 10px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
|
||||
&:before {
|
||||
@extend .fa;
|
||||
@extend .fa-caret-down;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: lighten($color-main, 10%);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:hover,
|
||||
&.active:focus {
|
||||
background-color: lighten($color-main, 10%);
|
||||
color: $color-text; // $colorPrimary;
|
||||
|
||||
&:before {
|
||||
@extend .fa-caret-up;
|
||||
top: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-body {
|
||||
display: block; // none;
|
||||
.accordion-inner {
|
||||
@extend .clearfix;
|
||||
border: none;
|
||||
background: $color-border;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.secondcolor .accordion-heading .accordion-toggle,
|
||||
.second .accordion-heading .accordion-toggle {
|
||||
border-color: $color-second;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: #fff;
|
||||
background-color: lighten($color-second, 10%);
|
||||
}
|
||||
&.active,
|
||||
&.active:hover,
|
||||
&.active:focus {
|
||||
color: #fff;
|
||||
background-color: lighten($color-second, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: $color-text;
|
||||
}
|
||||
hr {
|
||||
&::after,
|
||||
&::before {
|
||||
bottom: inherit;
|
||||
background: inherit;
|
||||
left: inherit;
|
||||
position: relative;
|
||||
right: inherit;
|
||||
top: inherit;
|
||||
}
|
||||
border: 1px solid $color-border;
|
||||
margin: 30px 20px;
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
|
||||
& > .accordion {
|
||||
.accordion-heading .accordion-toggle {
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Boxes like accordions for single glossar entries and other article-inserts/shortcodes */
|
||||
.accordionbox {
|
||||
margin: 10px 0 20px 0;
|
||||
|
||||
header {
|
||||
border-left: 10px solid $color-main;
|
||||
background: $color-main;
|
||||
color: $color-text;
|
||||
@include border-radius(4px);
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
padding: 8px 35px 8px 10px;
|
||||
position: relative;
|
||||
|
||||
h2 {
|
||||
color: $color-text;
|
||||
padding: 0px;
|
||||
}
|
||||
&.secondcolor,
|
||||
&.second {
|
||||
border-color: $color-second;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.body {
|
||||
border: none;
|
||||
background: $color-special-background;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
}
|
||||
240
wp-content/themes/Pirate-Rogue/css/sass/elements/_buttons.scss
Normal file
240
wp-content/themes/Pirate-Rogue/css/sass/elements/_buttons.scss
Normal file
@@ -0,0 +1,240 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Buttons
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
.box {
|
||||
margin: 0 0 30px;
|
||||
padding: 20px;
|
||||
overflow: hidden;
|
||||
line-height: 1.4;
|
||||
|
||||
a {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.site-content .box p {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
|
||||
.white-box {
|
||||
border: 3px solid #fff;
|
||||
&.invertbox {
|
||||
background: darken( #fff, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.blue-box {
|
||||
border: 3px solid $color-shortcodes-blue;
|
||||
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-blue, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.yellow-box {
|
||||
border: 3px solid $color-shortcodes-yellow;
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-yellow, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.red-box {
|
||||
border: 3px solid $color-shortcodes-red;
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-red, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.green-box {
|
||||
border: 3px solid $color-shortcodes-green;
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-green, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.lightgrey-box {
|
||||
border: 3px solid $color-shortcodes-lightgrey;
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-lightgrey, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.grey-box {
|
||||
border: 3px solid $color-shortcodes-grey;
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-grey, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.dark-box {
|
||||
border: 3px solid $color-shortcodes-dark;
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-dark, 10%);
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.maincolor-box {
|
||||
border: 3px solid $color-shortcodes-maincolor;
|
||||
a {
|
||||
color: $color-shortcodes-maincolor;
|
||||
}
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-maincolor, 10%);
|
||||
a {
|
||||
color: $color-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.secondcolor-box {
|
||||
border: 3px solid $color-shortcodes-secondcolor;
|
||||
|
||||
a {
|
||||
color: $color-shortcodes-secondcolor;
|
||||
}
|
||||
&.invertbox {
|
||||
background: lighten( $color-shortcodes-secondcolor, 10%);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/* --- Buttons --- */
|
||||
|
||||
a.standard-btn {
|
||||
display: inline-block;
|
||||
margin: 0 0 30px;
|
||||
padding: 10px 18px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
background: $color-text;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
text-decoration: none !important;
|
||||
-webkit-transition: 0.2s background ease;
|
||||
-moz-transition: 0.2s background ease;
|
||||
-o-transition: 0.2s background ease;
|
||||
-ms-transition: 0.2s background ease;
|
||||
transition: 0.2s background ease;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: lighten($color-text, 35%);
|
||||
}
|
||||
}
|
||||
|
||||
.post .entry-content a.standard-btn,
|
||||
.page .entry-content a.standard-btn,
|
||||
.post .entry-content a.standard-btn:hover,
|
||||
.page .entry-content a.standard-btn:hover {
|
||||
color: #fff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
a.standard-btn {
|
||||
&.xsmall-btn {
|
||||
padding: 5px 10px 3px;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
&.small-btn {
|
||||
padding: 7px 12px 5px;
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
&.large-btn {
|
||||
padding: 14px 20px 13px;
|
||||
font-size: 23px;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
&.xlarge-btn {
|
||||
padding: 18px 30px 17px;
|
||||
font-size: 25px;
|
||||
font-size: 1.5625rem;
|
||||
}
|
||||
|
||||
&.red-btn {
|
||||
background: $color-shortcodes-red;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: darken($color-shortcodes-red, 15%);
|
||||
}
|
||||
}
|
||||
&.green-btn {
|
||||
background: $color-shortcodes-green;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: darken($color-shortcodes-green, 15%);
|
||||
}
|
||||
}
|
||||
&.blue-btn {
|
||||
background: $color-shortcodes-blue;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: darken($color-shortcodes-blue, 15%);
|
||||
}
|
||||
}
|
||||
&.yellow-btn {
|
||||
background: $color-shortcodes-yellow;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: darken($color-shortcodes-yellow, 15%);
|
||||
}
|
||||
}
|
||||
&.grey-btn {
|
||||
background: $color-shortcodes-grey;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: darken($color-shortcodes-grey, 15%);
|
||||
}
|
||||
}
|
||||
&.black-btn {
|
||||
background: $color-shortcodes-black;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: darken(#fff, 65%);
|
||||
}
|
||||
}
|
||||
&.maincolor-btn {
|
||||
background: $color-main;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $color-shortcodes-secondcolor;
|
||||
}
|
||||
}
|
||||
&.secondcolor-btn {
|
||||
background: $color-shortcodes-secondcolor;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $color-main;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.footer-feature-btn {
|
||||
display: inline-block;
|
||||
margin: 20px 0 0 0;
|
||||
padding: 18px 30px;
|
||||
background: none;
|
||||
border: 2px solid $color-main;
|
||||
background: $color-main;
|
||||
color: $color-page-background;
|
||||
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
outline: none;
|
||||
font-weight: 500;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
border-color: $color-second;
|
||||
background: $color-second;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,99 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* General Classes
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.wp-smiley {
|
||||
border: 0;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.entry-content p {
|
||||
&.pull-left,
|
||||
&.pull-right {
|
||||
margin-bottom: 15px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4 !important;
|
||||
}
|
||||
}
|
||||
|
||||
span.dropcap {
|
||||
float: left;
|
||||
padding: 3px 4px 0 0;
|
||||
font-size: 64px;
|
||||
font-size: 4rem;
|
||||
font-weight: 600;
|
||||
line-height: 0.78;
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.wide-content {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
/* --- Alignment --- */
|
||||
|
||||
.justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.alignleft,
|
||||
.alignright {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
margin-right: 35px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
margin-left: 35px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
.unsichtbar {
|
||||
position:absolute;
|
||||
left:-10000px;
|
||||
top:auto;
|
||||
width:1px;
|
||||
height:1px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.unsichtbar:focus {
|
||||
position: relative;
|
||||
left: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.screen-reader-text {
|
||||
@extend .unsichtbar;
|
||||
}
|
||||
|
||||
|
||||
.hide-desktop {
|
||||
display: none;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
1260
wp-content/themes/Pirate-Rogue/css/sass/elements/_colorsets.scss
Normal file
1260
wp-content/themes/Pirate-Rogue/css/sass/elements/_colorsets.scss
Normal file
File diff suppressed because it is too large
Load Diff
355
wp-content/themes/Pirate-Rogue/css/sass/elements/_comments.scss
Normal file
355
wp-content/themes/Pirate-Rogue/css/sass/elements/_comments.scss
Normal file
@@ -0,0 +1,355 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Comments
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
#comments-toggle {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 18px 20px 18px 60px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
background: none;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
&:before {
|
||||
@extend .fa;
|
||||
@extend .fa-comment-o;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 60px;
|
||||
height: 58px;
|
||||
text-align: center;
|
||||
padding-top: 16px;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.comments-show #comments-toggle:before {
|
||||
@extend .fa-commenting-o;
|
||||
}
|
||||
|
||||
.toggledcomments .comments-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comments-show .comments-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#primary .hentry {
|
||||
.entry-comments {
|
||||
display: block;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-comments a {
|
||||
position: relative;
|
||||
padding-left: 18px;
|
||||
&:before {
|
||||
@extend .fa;
|
||||
@extend .fa-comment-o;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#comments {
|
||||
ul li,
|
||||
ol li {
|
||||
list-style-position: outside;
|
||||
}
|
||||
|
||||
position: relative;
|
||||
padding: 20px 0 0 0;
|
||||
|
||||
ul.children {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
&.comment,
|
||||
&.pingback {
|
||||
overflow: hidden;
|
||||
margin: 0 0 16px;
|
||||
padding: 0;
|
||||
}
|
||||
&.comment:last-of-type,
|
||||
&.pingback:last-of-type {
|
||||
margin: 0;
|
||||
}
|
||||
&.comment ul.children {
|
||||
margin: 16px 0 0;
|
||||
}
|
||||
}
|
||||
.children .comment:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
h3.comments-title {
|
||||
padding: 27px 0 0 0;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.comment-details {
|
||||
position: relative;
|
||||
margin: 0 90px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.comment-avatar {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
float: left;
|
||||
|
||||
img.avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0;
|
||||
-moz-border-radius: 50px;
|
||||
-webkit-border-radius: 50px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
.comment-author {
|
||||
@include px2rem($font-size-base);
|
||||
font-weight: 600;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.comment-text {
|
||||
overflow: hidden;
|
||||
padding: 10px 30px 10px 0;
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0 0 15px;
|
||||
&:last-child {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.comment-meta {
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.comment-reply {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
a {
|
||||
padding-left: 20px;
|
||||
&:before {
|
||||
@extend .fa;
|
||||
@extend .fa-commenting-o;
|
||||
display: block;
|
||||
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
p.comment-awaiting-moderation {
|
||||
display: inline-block;
|
||||
}
|
||||
ol li.pingback p {
|
||||
margin: 0;
|
||||
}
|
||||
.disclaimer {
|
||||
@extend .box;
|
||||
@extend .maincolor-box;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#respond {
|
||||
margin: 0;
|
||||
padding-top: 30px;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
}
|
||||
li.comment #respond {
|
||||
padding-top: 20px;
|
||||
}
|
||||
ol.commentlist #respond {
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
#respond {
|
||||
p {
|
||||
&.comment-notes {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
&.logged-in-as {
|
||||
padding: 3px 0 0 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ol.commentlist {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 40px 0 0;
|
||||
li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.comment-text li {
|
||||
padding: 0 0 0 18px;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Comment Content --- */
|
||||
|
||||
.comment-wrap {
|
||||
padding: 0 0 16px 60px;
|
||||
}
|
||||
|
||||
ol.commentlist {
|
||||
li.comment:last-of-type .comment-wrap {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
ul.children li.comment:last-of-type .comment-wrap {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.bypostauthor {}
|
||||
|
||||
.comment-edit:before {
|
||||
content: ',';
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.site-content {
|
||||
.nopassword, p.nocomments {
|
||||
position: relative;
|
||||
margin: 15px 0 0;
|
||||
padding: 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
#respond a#cancel-comment-reply-link {
|
||||
margin: 21px 0 0 0;
|
||||
float: right;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
#commentform p {
|
||||
&.comment-form-author,
|
||||
&.comment-form-email,
|
||||
&.comment-form-url,
|
||||
&.comment-form-comment {
|
||||
margin: 0;
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
&.comment-form-author,
|
||||
&.comment-form-email,
|
||||
&.comment-form-url,
|
||||
&.comment-form-comment {
|
||||
float: none;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-form div {
|
||||
float: none;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#commentform {
|
||||
input {
|
||||
&#author,
|
||||
&#email,
|
||||
&#url {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
line-height: normal;
|
||||
-webkit-appearance: none;
|
||||
outline-color: transparent;
|
||||
outline-style: none;
|
||||
}
|
||||
}
|
||||
textarea#comment {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
line-height: normal;
|
||||
-webkit-appearance: none;
|
||||
outline-color: transparent;
|
||||
outline-style: none;
|
||||
}
|
||||
input#submit {
|
||||
margin: 20px 0;
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
}
|
||||
p.form-submit {
|
||||
margin: 0;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
#respond small {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.comment-notes {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.externcomments a.standard-btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.single-post {
|
||||
.entry-comments-title {
|
||||
@extend .screen-reader-text;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
.single-post {
|
||||
.entry-comments a {
|
||||
padding-left: 22px;
|
||||
}
|
||||
}
|
||||
ol.commentlist {
|
||||
padding: 40px 0 10px;
|
||||
}
|
||||
|
||||
#comments li.comment ul.children {
|
||||
margin-left: 60px;
|
||||
ul.children ul.children {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Divider
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
hr {
|
||||
@media screen and (min-width: 550px) {
|
||||
display:block;
|
||||
border:0px;
|
||||
height:56px;
|
||||
margin: 10px 0;
|
||||
color: $color-hr;
|
||||
background-image: url("./img/trenner-04-50.png");
|
||||
@if $color-hr == $color-main {
|
||||
background-image: url("./img/trenner-01-50.png");
|
||||
}
|
||||
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
}
|
||||
.menu_separator & {
|
||||
background-image: url("./img/trenner-01-30.png");
|
||||
@if $color-hr == $color-main {
|
||||
background-image: url("./img/trenner-04-30.png");
|
||||
}
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
.site-content & {
|
||||
clear: both;
|
||||
}
|
||||
.devider_hideimage & {
|
||||
background-image: none;
|
||||
border: 1px;
|
||||
height: 1px;
|
||||
background: $color-hr;
|
||||
}
|
||||
|
||||
}
|
||||
#overlay-nav .menu_separator hr {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Elements
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
// Reset Styles
|
||||
@import "reset";
|
||||
|
||||
// General Styles
|
||||
@import "general-styles";
|
||||
|
||||
// Überschriften
|
||||
@import "headlines";
|
||||
|
||||
// Trennzeichen hr
|
||||
@import "devider";
|
||||
|
||||
// Links
|
||||
@import "links";
|
||||
|
||||
// Tabellen
|
||||
@import "tables";
|
||||
|
||||
// Listen
|
||||
@import "lists";
|
||||
|
||||
// Blockquptes und Zitate
|
||||
@import "quotes";
|
||||
|
||||
// Metas: Cats, Tags, Timestamps, ..
|
||||
@import "meta-entries";
|
||||
|
||||
// Allgemeine Klassen
|
||||
@import "classes";
|
||||
|
||||
// Formulare, Unput Felder etc
|
||||
@import "forms";
|
||||
|
||||
// Bilder
|
||||
@import "images";
|
||||
|
||||
// Bildergalerien
|
||||
@import "galleries";
|
||||
|
||||
// Embeds, Videos
|
||||
@import "embeds";
|
||||
|
||||
// Social Media Icons
|
||||
@import "social-media";
|
||||
|
||||
// Buttons (keine Input-Buttons, sondern Klassen)
|
||||
@import "buttons";
|
||||
|
||||
// Kommentare
|
||||
@import "comments";
|
||||
|
||||
// Slider
|
||||
@import "slider";
|
||||
|
||||
// Accordion
|
||||
@import "accordions";
|
||||
|
||||
|
||||
// Colorsets - to change default colors
|
||||
@import "colorsets";
|
||||
@@ -0,0 +1,18 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Embeds
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
embed, iframe, object, video {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.entry-content .twitter-tweet-rendered {
|
||||
max-width: 100% !important;
|
||||
/* Override the Twitter embed fixed width */
|
||||
}
|
||||
|
||||
.site-content .type-attachment {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
187
wp-content/themes/Pirate-Rogue/css/sass/elements/_forms.scss
Normal file
187
wp-content/themes/Pirate-Rogue/css/sass/elements/_forms.scss
Normal file
@@ -0,0 +1,187 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Forms
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.widget_mc4wp_form_widget input[type="submit"],
|
||||
.jetpack_subscription_widget #subscribe-submit input[type="submit"] {
|
||||
background: $color-content-links;
|
||||
}
|
||||
|
||||
.desktop-search input[type="submit"]:hover {
|
||||
background: #0c6ca6;
|
||||
}
|
||||
|
||||
|
||||
.widget_mc4wp_form_widget input[type="submit"]:hover,
|
||||
.jetpack_subscription_widget #subscribe-submit input[type="submit"]:hover {
|
||||
background: $color-cats-background-hover;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.desktop-search input[type="submit"]:hover,
|
||||
.widget_search input[type="submit"]:hover,
|
||||
.post-password-form input[type="submit"]:hover,
|
||||
.post-password-form input[type="submit"]:hover .footer-feature-btn:hover {
|
||||
border: 2px solid #0c6ca6;
|
||||
color: #fff;
|
||||
background: #0c6ca6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
input {
|
||||
padding: 12px 15px;
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
line-height: normal;
|
||||
outline: none;
|
||||
color: $color-text;
|
||||
|
||||
|
||||
&[type="submit"]:hover,
|
||||
&#submit:hover {
|
||||
background: #0c6ca6;
|
||||
border: 2px solid #0c6ca6;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
&[type="reset"],
|
||||
&[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
&[type="button"],
|
||||
&[type="submit"],
|
||||
&#submit {
|
||||
padding: 9px 30px;
|
||||
border: 2px solid $color-main;
|
||||
background-color: $color-main;
|
||||
color: $color-page-background;
|
||||
|
||||
line-height: normal;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
letter-spacing: 3px;
|
||||
|
||||
&:focus, &:hover {
|
||||
background-color: $color-second;
|
||||
border-color: $color-second;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: 12px 15px;
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
line-height: normal;
|
||||
outline: none;
|
||||
color: $color-text;
|
||||
&:focus,
|
||||
&:active {
|
||||
border: 1px solid $color-text;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button, input, optgroup, select, textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
#commentform input#submit {
|
||||
border-color: $color-main;
|
||||
background-color: $color-main;
|
||||
color: $color-page-background;
|
||||
|
||||
&:focus, &:hover {
|
||||
background-color: $color-second;
|
||||
border-color: $color-second;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.post-password-form input[type="password"] {
|
||||
padding: 9px 15px;
|
||||
}
|
||||
|
||||
.widget_search {
|
||||
.searchform {
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
input.search-field {
|
||||
margin-right: 6px;
|
||||
padding: 12px 2%;
|
||||
float: left;
|
||||
width: 58%;
|
||||
}
|
||||
}
|
||||
|
||||
.error404 input {
|
||||
&.search-field {
|
||||
padding: 12px 2%;
|
||||
}
|
||||
&[type="submit"] {
|
||||
padding: 10px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_search input[type="submit"],
|
||||
.post-password-form input[type="submit"] {
|
||||
padding: 11px 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.widget_search input[type="submit"] {
|
||||
width: 40%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
|
||||
input {
|
||||
&[type="button"],
|
||||
&[type="submit"],
|
||||
&#submit {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
}
|
||||
}
|
||||
121
wp-content/themes/Pirate-Rogue/css/sass/elements/_galleries.scss
Normal file
121
wp-content/themes/Pirate-Rogue/css/sass/elements/_galleries.scss
Normal file
@@ -0,0 +1,121 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Image Galleries
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.gallery {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-top: 10px;
|
||||
|
||||
.gallery-item {
|
||||
float: left;
|
||||
margin-top: 0;
|
||||
width: 33.3%;
|
||||
a {
|
||||
border-bottom: none;
|
||||
}
|
||||
.gallery-caption {
|
||||
margin: 0;
|
||||
padding: 8px 2px 30px;
|
||||
@include px2rem($font-size-small);
|
||||
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
dl, dt {
|
||||
margin: 0;
|
||||
}
|
||||
br + br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
.shadow-images .entry-content .gallery img {
|
||||
width: 100%;
|
||||
box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.8);
|
||||
}
|
||||
|
||||
|
||||
.tiled-gallery {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
||||
|
||||
.gallery-columns-2 .gallery-item {
|
||||
width: 50%;
|
||||
&:nth-of-type(odd) {
|
||||
padding-right: 1.4%;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-columns-3 .gallery-item:nth-of-type(3n+1) {
|
||||
padding-right: 1.4%;
|
||||
}
|
||||
|
||||
.gallery-columns-2 .gallery-item:nth-of-type(even) {
|
||||
padding-left: 1.4%;
|
||||
}
|
||||
|
||||
.gallery-columns-3 .gallery-item {
|
||||
&:nth-of-type(3n+3) {
|
||||
padding-left: 1.4%;
|
||||
}
|
||||
&:nth-of-type(3n+2) {
|
||||
padding-left: 0.7%;
|
||||
padding-right: 0.7%;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-columns-4 .gallery-item {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.gallery-columns-5 .gallery-item {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.gallery-columns-6 .gallery-item {
|
||||
width: 16.6%;
|
||||
}
|
||||
|
||||
.gallery-columns-7 .gallery-item {
|
||||
width: 14%;
|
||||
}
|
||||
|
||||
.gallery-columns-8 .gallery-item {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.gallery-columns-9 .gallery-item {
|
||||
width: 11%;
|
||||
}
|
||||
|
||||
.gallery-columns-2 .attachment-medium {
|
||||
max-width: 92%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.gallery-columns-4 .attachment-thumbnail,
|
||||
.gallery-columns-5 .attachment-thumbnail,
|
||||
.gallery-columns-6 .attachment-thumbnail {
|
||||
max-width: 93%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.gallery-columns-7 .attachment-thumbnail,
|
||||
.gallery-columns-8 .attachment-thumbnail,
|
||||
.gallery-columns-9 .attachment-thumbnail {
|
||||
max-width: 94%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
.single .gallery .gallery-item .gallery-caption {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,266 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* General Styles
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.front-section-title,
|
||||
.social-front-title,
|
||||
p.text-big, .widget_mc4wp_form_widget p,
|
||||
.jetpack_subscription_widget #subscribe-text p,
|
||||
.single-post .entry-content p.intro {
|
||||
@include px2rem($font-size-entrytitle);
|
||||
}
|
||||
|
||||
.section-about-column-one p {
|
||||
@include px2rem($font-size-bigtext);
|
||||
}
|
||||
|
||||
.entry-content p {
|
||||
&.pull-left,
|
||||
&.pull-right {
|
||||
@include px2rem($font-size-bigtext);
|
||||
}
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
|
||||
|
||||
.entry-header {
|
||||
p.intro {
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
}
|
||||
|
||||
p.site-title {
|
||||
font-weight: bold;
|
||||
padding-right: 55px;
|
||||
margin: 0;
|
||||
@include px2rem($font-size-sitetitle);
|
||||
}
|
||||
|
||||
#overlay-nav ul li a,
|
||||
#desktop-navigation ul li a,
|
||||
.comments-toggle {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
|
||||
|
||||
.section-about-column-one p cite,
|
||||
.footer-feature-btn,
|
||||
.page a.post-edit-link {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
|
||||
.site-content {
|
||||
p.nocomments,
|
||||
div.wpcf7 p input.wpcf7-submit {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
}
|
||||
|
||||
.entry-summary,
|
||||
.footer-menu ul li,
|
||||
#overlay-nav ul ul li a,
|
||||
#footer-social span {
|
||||
@include px2rem($font-size-small);
|
||||
hypens: auto;
|
||||
}
|
||||
|
||||
.widget_rss ul li {
|
||||
.rssSummary,
|
||||
cite {
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
}
|
||||
|
||||
.contact-form label span {
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
|
||||
#site-info,
|
||||
.front-section a.all-posts-link,
|
||||
.single-post .canonical-link,
|
||||
.null-instagram-feed .clear {
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
|
||||
#overlay-nav ul li a,
|
||||
#desktop-navigation ul li a,
|
||||
.site-content p.nocomments {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* --- Links + Colors --- */
|
||||
|
||||
.comments-show #comments-toggle,
|
||||
#comments-toggle:focus,
|
||||
#comments-toggle:hover {
|
||||
border: 2px solid #0c6ca6;
|
||||
}
|
||||
|
||||
#primary #infinite-handle span:focus,
|
||||
#front-section-three a.all-posts-link:focus,
|
||||
.footer-feature-btn:focus,
|
||||
#offcanvas-widgets-open:focus,
|
||||
#primary #infinite-handle span:hover,
|
||||
#front-section-three a.all-posts-link:hover,
|
||||
.footer-feature-btn:hover,
|
||||
#offcanvas-widgets-open:hover,
|
||||
.offcanvas-widgets-show #offcanvas-widgets-open {
|
||||
border: 2px solid #0c6ca6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* --- Typography --- */
|
||||
|
||||
p {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.entry-summary & {
|
||||
@include hyphens(auto);
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content p:last-child,
|
||||
.team-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dfn, em, i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
s, strike, del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
address {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
|
||||
pre {
|
||||
max-width: 100%;
|
||||
word-wrap: break-word;
|
||||
margin-bottom: 30px;
|
||||
padding: 15px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
code, kbd, tt, var, pre {
|
||||
font-family: $font-family-monospace;
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
|
||||
abbr, acronym {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: dotted;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
mark, ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
sup, sub {
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
height: 0;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
sup {
|
||||
bottom: 1ex;
|
||||
}
|
||||
|
||||
sub {
|
||||
top: .5ex;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
big {
|
||||
font-size: 125%;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
padding-bottom: 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
|
||||
dl {
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
|
||||
.front-section-title,
|
||||
.social-front-title {
|
||||
@include px2rem($font-size-h1-sm);
|
||||
}
|
||||
|
||||
.entry-header p.intro,
|
||||
.section-about-column-one p,
|
||||
p.text-big,
|
||||
.single-post .entry-content p.intro {
|
||||
@include px2rem($font-size-entrytitle-sm);
|
||||
}
|
||||
|
||||
.entry-content p {
|
||||
&.pull-left,
|
||||
&.pull-right {
|
||||
@include px2rem($font-size-bigtext-sm);
|
||||
}
|
||||
@include px2rem($font-size-base-sm);
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
ol, ul, dl {
|
||||
@include px2rem($font-size-base-sm);
|
||||
}
|
||||
}
|
||||
.big-thumb .entry-header p.intro,
|
||||
.section-one-column-one .type-post .entry-summary,
|
||||
.section-three-column-one .type-post .entry-summary,
|
||||
p.text-small {
|
||||
@include px2rem($font-size-base-sm);
|
||||
}
|
||||
|
||||
address {
|
||||
@include px2rem($font-size-base-sm);
|
||||
}
|
||||
|
||||
.entry-summary {
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
|
||||
|
||||
.null-instagram-feed .clear {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
.section-fourcolumn-postwrap .type-post .entry-summary,
|
||||
.section-sixcolumn-postwrap .type-post .entry-summary {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
}
|
||||
344
wp-content/themes/Pirate-Rogue/css/sass/elements/_headlines.scss
Normal file
344
wp-content/themes/Pirate-Rogue/css/sass/elements/_headlines.scss
Normal file
@@ -0,0 +1,344 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Headlines
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
@include hyphens(auto);
|
||||
font-familiy: $font-family-headlines;
|
||||
}
|
||||
|
||||
#section-fullwidth,
|
||||
.site-content,
|
||||
.entry-content {
|
||||
h1 {
|
||||
padding: 6px 0 9px;
|
||||
@include px2rem($font-size-h1);
|
||||
@include hyphens(manual);
|
||||
}
|
||||
h2 {
|
||||
@include px2rem($font-size-h2);
|
||||
padding: 6px 0 9px;
|
||||
@include hyphens(manual);
|
||||
}
|
||||
h3 {
|
||||
@include px2rem($font-size-h3);
|
||||
padding: 5px 0 8px;
|
||||
}
|
||||
h4 {
|
||||
@include px2rem($font-size-h4);
|
||||
padding: 5px 0 8px;
|
||||
}
|
||||
h5 {
|
||||
@include px2rem($font-size-h5);
|
||||
padding: 3px 0;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
h6 {
|
||||
@include px2rem($font-size-h6);
|
||||
padding: 3px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
#overlay-nav ul li a,
|
||||
#desktop-navigation ul li a,
|
||||
.authorbox h3.author-title,
|
||||
#comments h3.comments-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
p.site-title,
|
||||
h1.site-title {
|
||||
font-weight: bold;
|
||||
padding-right: 25px;
|
||||
@include px2rem($font-size-base-sm);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
h1 {
|
||||
.single-post .entry-header &.entry-title,
|
||||
.entry-header &.entry-title,
|
||||
.attachment &.entry-title,
|
||||
.page &.entry-title,
|
||||
&.entry-title,
|
||||
.archive-header &.archive-title,
|
||||
.site-content &,
|
||||
.entry-content & {
|
||||
text-transform: uppercase;
|
||||
border-bottom: 7px;
|
||||
border-style: solid;
|
||||
margin-bottom: 50px;
|
||||
display: table-cell;
|
||||
padding-bottom: 1px;
|
||||
|
||||
& + * {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
.single-post .entry-header &::after.entry-title,
|
||||
.entry-header &::after.entry-title,
|
||||
.page &::after.entry-title,
|
||||
.attachment &::after.entry-title,
|
||||
.archive-header &::after.archive-title
|
||||
article &::after,
|
||||
.entry-content &::after {
|
||||
content: " ";
|
||||
display: table-cell;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.h1noupper &,
|
||||
.h1noupper .entry-header &.entry-title,
|
||||
.h1noupper.page &.entry-title {
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-header {
|
||||
h1.entry-title {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#secondary h2.widget-title,
|
||||
#sidebar-page h2.widget-title {
|
||||
@include px2rem($font-size-h2-widget);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
h2 {
|
||||
#footer-social &.socialmedia {
|
||||
@include px2rem($font-size-small);
|
||||
hypens: auto;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 8px 15px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-header {
|
||||
h2.entry-title {
|
||||
@include px2rem($font-size-h2-entryheader);
|
||||
@include hyphens(manual);
|
||||
text-decoration: none;
|
||||
padding: 4px 0 8px;
|
||||
display: block;
|
||||
margin: 0;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget {
|
||||
h2.widget-title {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 15px 0 24px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_mc4wp_form_widget h2.widget-title,
|
||||
.jetpack_subscription_widget h2.widget-title {
|
||||
@include px2rem($font-size-headersmall);
|
||||
}
|
||||
|
||||
|
||||
|
||||
h3 {
|
||||
&#reply-title {
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
|
||||
#footer-social &.socialmedia {
|
||||
@include px2rem($font-size-small);
|
||||
hypens: auto;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 8px 15px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-menu h3.footer-menu-title {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
|
||||
.footer-menu h3.footer-menu-title,
|
||||
.authorbox h3.author-title {
|
||||
@include px2rem($font-size-headersmall);
|
||||
}
|
||||
|
||||
#comments {
|
||||
h3.comments-title,
|
||||
#respond h3#reply-title {
|
||||
@include px2rem($font-size-headersmall);
|
||||
}
|
||||
}
|
||||
|
||||
#front-section-three h3.front-section-title {
|
||||
@include px2rem($font-size-entrytitle);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.single-post .entry-header h1.entry-title,
|
||||
.blog-wrap h3.blog-title,
|
||||
.archive-header h1.archive-title,
|
||||
.attachment h1.entry-title,
|
||||
.page h1.entry-title,
|
||||
.featured-slider .entry-header h2.entry-title,
|
||||
#front-section-four .entry-header h2.entry-title,
|
||||
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-header h2.entry-title,
|
||||
.section-one-column-one .entry-header h2.entry-title,
|
||||
.section-three-column-one .entry-header h2.entry-title,
|
||||
.jetpack_subscription_widget #subscribe-text p,
|
||||
#front-section-three h3.front-section-title,
|
||||
.recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline,
|
||||
#big-footer-feature h2.footer-feature-title,
|
||||
#big-footer-feature h3.footer-feature-title {
|
||||
@include px2rem($font-size-entrytitle);
|
||||
}
|
||||
|
||||
.site-content,
|
||||
.entry-content {
|
||||
header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.home.page .entry-header h1 {
|
||||
@extend .screen-reader-text;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
p.site-title,
|
||||
h1.site-title {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
.single-post .entry-header h1.entry-title,
|
||||
.single-attachment .entry-header h1.entry-title,
|
||||
.attachment h1.entry-title,
|
||||
h1.entry-title {
|
||||
@include px2rem($font-size-h1-sitetitle-sm);
|
||||
}
|
||||
|
||||
.blog-wrap h3.blog-title,
|
||||
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-header h2.entry-title,
|
||||
.section-one-column-one .entry-header h2.entry-title,
|
||||
.section-three-column-one .entry-header h2.entry-title,
|
||||
#front-section-four .entry-header h2.entry-title,
|
||||
.recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline,
|
||||
.archive-header h1.archive-title,
|
||||
.entry-content h1 {
|
||||
@include px2rem($font-size-h1-sm);
|
||||
}
|
||||
|
||||
#section-fullwidth,
|
||||
.entry-content {
|
||||
h2 {
|
||||
@include px2rem($font-size-h2-sm);
|
||||
}
|
||||
h3 {
|
||||
@include px2rem($font-size-h3-sm);
|
||||
}
|
||||
h4 {
|
||||
@include px2rem($font-size-h4-sm);
|
||||
}
|
||||
h5 {
|
||||
@include px2rem($font-size-h5-sm);
|
||||
}
|
||||
h6 {
|
||||
@include px2rem($font-size-h6-sm);
|
||||
}
|
||||
}
|
||||
.entry-header h2.entry-title {
|
||||
@include px2rem($font-size-h2-entryheader-sm);
|
||||
|
||||
}
|
||||
.section-one-column-two .type-post:nth-of-type(n+2) .entry-header h2.entry-title,
|
||||
.section-two-column-two .type-post .entry-header h2.entry-title,
|
||||
.section-three-column-two .type-post .entry-header h2.entry-title,
|
||||
#front-section-fourcolumn .type-post .entry-header h2.entry-title,
|
||||
.section-sixcolumn-postwrap .type-post .entry-header h2.entry-title {
|
||||
@include px2rem($font-size-h2-entryheader);
|
||||
}
|
||||
|
||||
.page div.sharedaddy h3.sd-title,
|
||||
.null-instagram-feed .clear {
|
||||
@include px2rem($font-size-headersmall);
|
||||
}
|
||||
|
||||
.attachment h1.entry-title,
|
||||
.page h1.entry-title {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-1024) {
|
||||
.entry-header h2.entry-title {
|
||||
@include px2rem($font-size-h2-entryheader-1024);
|
||||
}
|
||||
#front-section-twocolumn .entry-header h2.entry-title {
|
||||
@include px2rem($font-size-h2-entryheader-1024);
|
||||
}
|
||||
.widget {
|
||||
h2.widget-title {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
h1.site-title {
|
||||
@include px2rem( $font-size-h1-sitetitle-1060);
|
||||
text-align: center;
|
||||
padding-right: 0;
|
||||
}
|
||||
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-header h2.entry-title,
|
||||
.section-one-column-one .entry-header h2.entry-title,
|
||||
.section-three-column-one .entry-header h2.entry-title,
|
||||
#front-section-four .entry-header h2.entry-title {
|
||||
@include px2rem( $font-size-h2-entryheader-1060);
|
||||
|
||||
}
|
||||
#front-section-fourcolumn .type-post .entry-header h2.entry-title,
|
||||
.recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
|
||||
@include px2rem( $font-size-h2-entryheader-1060-small);
|
||||
|
||||
}
|
||||
#front-section-four {
|
||||
entry-header h2.entry-title {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-lg) {
|
||||
.single-post .entry-header h1.entry-title,
|
||||
#front-section-four .entry-header h2.entry-title {
|
||||
@include px2rem($font-size-h2-entryheader-lg);
|
||||
}
|
||||
}
|
||||
125
wp-content/themes/Pirate-Rogue/css/sass/elements/_images.scss
Normal file
125
wp-content/themes/Pirate-Rogue/css/sass/elements/_images.scss
Normal file
@@ -0,0 +1,125 @@
|
||||
/* --- Images --- */
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
/* Adhere to container width. */
|
||||
height: auto;
|
||||
/* Make sure images are scaled correctly. */
|
||||
|
||||
&.wp-post-image {
|
||||
padding: 0;
|
||||
}
|
||||
&.img-border {
|
||||
border: 5px solid #e2e2e2;
|
||||
}
|
||||
&.img-border-thin {
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
border: 1px solid #ededee;
|
||||
}
|
||||
&.shadow {
|
||||
max-width: calc(100% - 10px);
|
||||
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.6);
|
||||
}
|
||||
&.noshadow {
|
||||
max-width: inherit;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.rounded {
|
||||
border-radius: 50%;
|
||||
}
|
||||
&.roundedges {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
&.alignleft,
|
||||
&.alignright {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.widget img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.wp-caption {
|
||||
&.alignnone {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img#wpstats {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
.wp-caption-text,
|
||||
p.wp-caption-text {
|
||||
margin: 0;
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
|
||||
.shadow-images & img {
|
||||
max-width: calc(100% - 10px);
|
||||
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.6);
|
||||
}
|
||||
.shadow-images & img.noshadow {
|
||||
max-width: inherit;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.type-attachment .entry-content .entry-caption p {
|
||||
margin: 0;
|
||||
padding: 8px 10px 30px 2px;
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
p.wp-caption-text {
|
||||
text-align: right;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
.alignleft p.wp-caption-text {
|
||||
text-align: left;
|
||||
}
|
||||
.alignright p.wp-caption-text {
|
||||
text-align: right;
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 10px 0 20px 0;
|
||||
figcaption {
|
||||
text-align: right;
|
||||
padding: 0 10px 0 0;
|
||||
margin: 0;
|
||||
@include px2rem($font-size-small);
|
||||
max-width: 100%;
|
||||
}
|
||||
&.entry-thumbnail {
|
||||
figcaption {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.shadow-images & img {
|
||||
max-width: calc(100% - 10px);
|
||||
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.single-post {
|
||||
.entry-thumbnail {
|
||||
@media screen and (min-width:$breakpoint-sm) {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
53
wp-content/themes/Pirate-Rogue/css/sass/elements/_links.scss
Normal file
53
wp-content/themes/Pirate-Rogue/css/sass/elements/_links.scss
Normal file
@@ -0,0 +1,53 @@
|
||||
/*
|
||||
Links and colors
|
||||
*/
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
.entry-content &,
|
||||
.comment-text & {
|
||||
font-weight: bold;
|
||||
}
|
||||
.author-bio &,
|
||||
.textwidget & {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
#secondary h2.widget-title,
|
||||
#sidebar-page h2.widget-title {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#primary #infinite-handle span:focus,
|
||||
#front-section-three a.all-posts-link:focus,
|
||||
#offcanvas-widgets-open:focus,
|
||||
#primary #infinite-handle span:hover,
|
||||
#front-section-three a.all-posts-link:hover,
|
||||
#offcanvas-widgets-open:hover,
|
||||
.offcanvas-widgets-show #offcanvas-widgets-open {
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.comments-show #comments-toggle,
|
||||
#comments-toggle:focus,
|
||||
#comments-toggle:hover {
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
|
||||
.desktop-search input.search-field {
|
||||
&:active,
|
||||
&:focus {
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-caption-text {
|
||||
a {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
}
|
||||
272
wp-content/themes/Pirate-Rogue/css/sass/elements/_lists.scss
Normal file
272
wp-content/themes/Pirate-Rogue/css/sass/elements/_lists.scss
Normal file
@@ -0,0 +1,272 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Lists
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin: 0 0 30px 0;
|
||||
padding-left: 40px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
ol {
|
||||
margin: 0;
|
||||
list-style: lower-alpha;
|
||||
|
||||
ol {
|
||||
list-style: lower-roman;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
& > ul,
|
||||
& > ol {
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.entry-content {
|
||||
ul {
|
||||
padding-left: 50px;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding: 0 0 0 24px;
|
||||
list-style-position: outside;
|
||||
list-style-type: none;
|
||||
|
||||
&:before {
|
||||
@extend .fa;
|
||||
@extend .fa-chevron-circle-right;
|
||||
margin-right: 10px;
|
||||
margin-left: -24px;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 50px;
|
||||
|
||||
li {
|
||||
padding-left: 24px;
|
||||
|
||||
&:before {
|
||||
@extend .fa;
|
||||
@extend .fa-chevron-circle-right;
|
||||
}
|
||||
|
||||
li {
|
||||
display: list-item;
|
||||
list-style-type: circle;
|
||||
padding-left: 0px;
|
||||
&:before {
|
||||
content: "";
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ol li:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 50px;
|
||||
}
|
||||
&.default {
|
||||
li {
|
||||
display: list-item;
|
||||
padding: 0;
|
||||
list-style-type: circle;
|
||||
&:before {
|
||||
content: "";
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: square;
|
||||
|
||||
li {
|
||||
list-style-type: disc ;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nolist {
|
||||
li {
|
||||
@include no-list;
|
||||
}
|
||||
li:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.sign {
|
||||
li {
|
||||
list-style-type: none;
|
||||
padding-left: 30px;
|
||||
margin-left: 20px;
|
||||
background-image:url(../img/signet-maincolor-24.gif);
|
||||
background-repeat:no-repeat;
|
||||
background-position:left 3px;
|
||||
display: list-item;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
background-image: none;
|
||||
list-style-type: circle;
|
||||
list-style-image: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
ul li {
|
||||
list-style-type: square;
|
||||
|
||||
}
|
||||
}
|
||||
ol li {
|
||||
background-image: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
&.grau {
|
||||
li {
|
||||
background-image:url(../img/signet-grau-24.gif);
|
||||
}
|
||||
}
|
||||
&.secondcolor {
|
||||
li {
|
||||
background-image:url(../img/signet-secondcolor-24.gif);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.line {
|
||||
li {
|
||||
position: relative;
|
||||
padding: 0 0 0 24px;
|
||||
list-style-position: outside;
|
||||
list-style-type: none;
|
||||
|
||||
&:before {
|
||||
vertical-align: top;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: '\2013';
|
||||
padding: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 50px;
|
||||
|
||||
li {
|
||||
padding-left: 24px;
|
||||
}
|
||||
}
|
||||
ol li:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.textlist {
|
||||
@extend .nolist;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
padding-left: 0;
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
ol {
|
||||
padding-left: 70px;
|
||||
li {
|
||||
padding-left: 4px;
|
||||
list-style-position: outside;
|
||||
}
|
||||
ol {
|
||||
padding-left: 50px;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
padding-left: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.comment-text {
|
||||
ul,
|
||||
ol {
|
||||
margin: 0 0 15px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding: 0 0 0 24px;
|
||||
}
|
||||
ul li:before {
|
||||
vertical-align: top;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: '\2013';
|
||||
padding: 0;
|
||||
}
|
||||
ul li {
|
||||
ul li {
|
||||
padding-left: 24px;
|
||||
}
|
||||
ol li:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
ol ul li {
|
||||
padding: 0 0 0 24px;
|
||||
}
|
||||
}
|
||||
|
||||
#comments {
|
||||
ul ul, ol ol {
|
||||
padding-left: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.fontawesome-icon-list {
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
i {
|
||||
color: $color-text;
|
||||
min-width: 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,145 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Display of meta elements, like tags, categories, timestampts and so on
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
.entry-meta,
|
||||
.entry-cats {
|
||||
@include px2rem($font-size-xsmall);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-meta {
|
||||
display: block;
|
||||
clear: both;
|
||||
|
||||
.entry-tags ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#primary .hentry {
|
||||
.entry-date,
|
||||
.entry-edit {
|
||||
display: block;
|
||||
}
|
||||
.entry-date {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.featured-slider .entry-cats a,
|
||||
.section-one-column-one .entry-cats a,
|
||||
.section-three-column-one .entry-cats a,
|
||||
#front-section-four .entry-cats a,
|
||||
.single-post .entry-cats a {
|
||||
padding: 3px 5px;
|
||||
margin: 0 2px 4px 0;
|
||||
}
|
||||
|
||||
|
||||
.section-one-column-one {
|
||||
.entry-cats {
|
||||
position: absolute;
|
||||
top: 37px;
|
||||
left: 17px;
|
||||
}
|
||||
}
|
||||
.section-three-column-two {
|
||||
.entry-cats {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.search-results .entry-cats a:nth-child(n+2):before,
|
||||
.archive .entry-cats a:nth-child(n+2):before {
|
||||
content: ' / ';
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.single-post {
|
||||
.entry-header {
|
||||
@include px2rem($font-size-small);
|
||||
.entry-cats {
|
||||
display: block;
|
||||
text-align: right;
|
||||
a {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.entry-tags {
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.blog {
|
||||
#primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-cats a:before,
|
||||
.section-one-column-one .entry-cats a:before,
|
||||
.section-three-column-one .entry-cats a:before,
|
||||
#front-section-four .entry-cats a:before {
|
||||
display: none;
|
||||
}
|
||||
.hentry .entry-cats a {
|
||||
display: none;
|
||||
|
||||
&:nth-child(1),
|
||||
&:nth-child(2),
|
||||
&:nth-child(3),
|
||||
&:nth-child(4) {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.entry-cats a:nth-child(n+2):before {
|
||||
content: ' / ';
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#primary .hentry.has-post-thumbnail:nth-child(4n+1) {
|
||||
.entry-cats a {
|
||||
padding: 2px 5px;
|
||||
display: inline;
|
||||
}
|
||||
.entry-date,
|
||||
.entry-comments,
|
||||
.entry-edit,
|
||||
.entry-author {
|
||||
display: inline-block;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.entry-date {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.front_hidecats {
|
||||
.blog .entry-cats {display: none !important;}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
.single-post .hentry .entry-meta,
|
||||
.single-attachment .hentry .entry-meta,
|
||||
.shortcode-section a.all-posts-link,
|
||||
.front-section a.all-posts-link {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
.single-post {
|
||||
.canonical-link,
|
||||
.entry-tags {
|
||||
@include px2rem($font-size-smaller);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
145
wp-content/themes/Pirate-Rogue/css/sass/elements/_quotes.scss
Normal file
145
wp-content/themes/Pirate-Rogue/css/sass/elements/_quotes.scss
Normal file
@@ -0,0 +1,145 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Blockquotes and cites
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
blockquote {
|
||||
display:block;
|
||||
padding: 20px 20px 20px 45px;
|
||||
margin: 10px 20px 30px;
|
||||
position: relative;
|
||||
font-family: $font-family-quotation;
|
||||
border-left-style: solid;
|
||||
border-left-width: 15px;
|
||||
border-right-style: solid;
|
||||
border-right-width: 2px;
|
||||
font-style: italic;
|
||||
@include hyphens(manual);
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
em{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
p {
|
||||
position: relative;
|
||||
font-weight: 600;
|
||||
@include px2rem($font-size-blockquote);
|
||||
}
|
||||
cite {
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
padding-right: 30px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
@include px2rem($font-size-blockquote-cite);
|
||||
|
||||
&::before {
|
||||
content: "\2013 ";
|
||||
}
|
||||
}
|
||||
&.quotesign {
|
||||
padding: 20px 20px 20px 60px;
|
||||
|
||||
&::before {
|
||||
content: "\201C"; // Unicode for Left Double Quote
|
||||
font-family: Georgia, serif;
|
||||
font-size: 70px;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 0px;
|
||||
}
|
||||
&::after{
|
||||
// Reset to make sure
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
&.smallborder {
|
||||
border-left-width: 2px;
|
||||
border-right-width: 2px;
|
||||
}
|
||||
&.boxborder {
|
||||
border-top-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
&.small {
|
||||
border-left-width: 2px;
|
||||
border-right-width: 2px;
|
||||
font-style: normal;
|
||||
padding: 10px 10px 10px 25px;
|
||||
p {
|
||||
font-weight: normal;
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
cite {
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
|
||||
}
|
||||
&.borderless {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
.inner-offcanvas-wrap & {
|
||||
background: inherit;
|
||||
margin: 10px 5px 30px 20px;
|
||||
|
||||
border: 0;
|
||||
|
||||
&::before {
|
||||
content: "\201C"; // Unicode for Left Double Quote
|
||||
font-family: Georgia, serif;
|
||||
font-size: 60px;
|
||||
font-weight: bold;
|
||||
color: lighten($color-text,20%); //lighten($color-text,50%);
|
||||
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
top: -5px;
|
||||
}
|
||||
&::after{
|
||||
// Reset to make sure
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
blockquote
|
||||
|
||||
#comments blockquote {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
p {
|
||||
position: relative;
|
||||
font-weight: 600;
|
||||
}
|
||||
cite {
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
font-style: normal;
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
.entry-content blockquote:not(.small) {
|
||||
p {
|
||||
@include px2rem($font-size-blockquote-sm);
|
||||
}
|
||||
cite {
|
||||
@include px2rem($font-size-blockquote-cite-sm);
|
||||
}
|
||||
}
|
||||
}
|
||||
102
wp-content/themes/Pirate-Rogue/css/sass/elements/_reset.scss
Normal file
102
wp-content/themes/Pirate-Rogue/css/sass/elements/_reset.scss
Normal file
@@ -0,0 +1,102 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Reset
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
audio, canvas, video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
audio:not([controls]), [hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body, figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover, &:active, &:focus {
|
||||
outline: none;
|
||||
-moz-outline-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
&:before, &:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
::selection, ::-moz-selection {
|
||||
background: #d7f4f9;
|
||||
}
|
||||
|
||||
/* Clearfix */
|
||||
|
||||
.clearfix:after, #main-wrap .sharedaddy:after, .clear:after {
|
||||
clear: both;
|
||||
content: ' ';
|
||||
display: block;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.cf {
|
||||
&:before {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
&:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
433
wp-content/themes/Pirate-Rogue/css/sass/elements/_slider.scss
Normal file
433
wp-content/themes/Pirate-Rogue/css/sass/elements/_slider.scss
Normal file
@@ -0,0 +1,433 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Featured Slider + Custom Header Image
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.featured-content {
|
||||
.no-js & {
|
||||
display: none;
|
||||
}
|
||||
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
|
||||
.header-image {
|
||||
display: block;
|
||||
line-height: 0;
|
||||
margin-bottom: 35px;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-on.slider-boxed .featured-content {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.headerimg-on {
|
||||
&.slider-on.slider-boxed .featured-content {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
&.header-boxed .header-image {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-on.slider-boxed .featured-slider {
|
||||
.entry-header,
|
||||
.entry-meta,
|
||||
.credits {
|
||||
padding-left: 17px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.featured-slider {
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
padding-bottom: 35px;
|
||||
article header {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.meta-main-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding-bottom: 17px;
|
||||
}
|
||||
|
||||
.entry-author {
|
||||
display: none;
|
||||
}
|
||||
.entry-edit {
|
||||
margin-left: 20px;
|
||||
}
|
||||
button {
|
||||
&.slick-next {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 50%;
|
||||
height: 35px;
|
||||
background: transparent;
|
||||
outline: 0;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-bottom: 1px solid #ddd;
|
||||
text-indent: -99999px;
|
||||
}
|
||||
&.slick-prev {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 50%;
|
||||
height: 35px;
|
||||
background: transparent;
|
||||
outline: 0;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-bottom: 1px solid #ddd;
|
||||
text-indent: -99999px;
|
||||
left: 0;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
&.slick-next {
|
||||
right: 0;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
.entry-header,
|
||||
.entry-meta,
|
||||
.credits {
|
||||
padding-left: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
padding-right: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
}
|
||||
|
||||
.entry-edit,
|
||||
.entry-cats a:before {
|
||||
display: none;
|
||||
}
|
||||
.entry-date {
|
||||
padding-right: 20px;
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.entry-thumbnail img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.credits {
|
||||
@include px2rem($font-size-small);
|
||||
color: $color-slider-credits;
|
||||
text-shadow: 1px 2px 2px black;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-initialized {
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.section-one-column-one {
|
||||
.entry-author,
|
||||
.entry-date:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.slider-on.slider-boxed .featured-slider button {
|
||||
&.slick-prev {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
&.slick-next {
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
.featured-slider button {
|
||||
&.slick-prev:after,
|
||||
&.slick-next:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
@extend .fa;
|
||||
text-indent: 0;
|
||||
color: $color-text;
|
||||
bottom: 13px;
|
||||
}
|
||||
&.slick-prev:after {
|
||||
left: 47%;
|
||||
content: $fa-var-chevron-left;
|
||||
}
|
||||
&.slick-next:after {
|
||||
right: 47%;
|
||||
content: $fa-var-chevron-right;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Fullscreen Slider and Header Image Option --- */
|
||||
|
||||
.slider-on.slider-fullscreen .featured-content,
|
||||
.headerimg-on.header-fullscreen .featured-content {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.home.blog {
|
||||
&.slider-on.slider-fullscreen #site-branding,
|
||||
&.headerimg-on.header-fullscreen #site-branding {
|
||||
background: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.home.blog {
|
||||
&.slider-on.slider-fullscreen #site-branding {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.slider-on.slider-boxed .featured-content {
|
||||
padding-left: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
padding-right: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
}
|
||||
|
||||
.featured-slider .entry-thumbnail a {
|
||||
width: 130%;
|
||||
}
|
||||
|
||||
.slider-on .front-section:first-of-type {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-600) {
|
||||
.featured-slider .entry-edit {
|
||||
display: inline-block;
|
||||
}
|
||||
.featured-slider .format-video .entry-thumbnail a:before {
|
||||
width: 60px;
|
||||
height: 42px;
|
||||
padding: 22px 0 0 24px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
.featured-slider {
|
||||
padding-bottom: 0;
|
||||
.entry-header h2.entry-title {
|
||||
@include px2rem($font-size-slider-title-sm);
|
||||
a {
|
||||
text-shadow: 1px 2px 2px black;
|
||||
|
||||
}
|
||||
}
|
||||
.credits {
|
||||
bottom: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
.meta-main-wrap {
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
button {
|
||||
&.slick-next,
|
||||
&.slick-prev {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
outline: 0;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-bottom: none;
|
||||
text-indent: -99999px;
|
||||
z-index: 1;
|
||||
background: rgba(26, 26, 26, 0.75);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
&.slick-next:focus,
|
||||
&.slick-next:hover {
|
||||
background: rgba(26, 26, 26, 1);
|
||||
}
|
||||
&.slick-prev {
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: rgba(26, 26, 26, 1);
|
||||
}
|
||||
left: auto;
|
||||
right: 50px;
|
||||
border-right: none;
|
||||
}
|
||||
&.slick-next {
|
||||
right: 0;
|
||||
}
|
||||
&.slick-prev:after,
|
||||
&.slick-next:after {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
&.slick-prev:after {
|
||||
left: 13px;
|
||||
bottom: 13px;
|
||||
}
|
||||
&.slick-next:after {
|
||||
right: 13px;
|
||||
bottom: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.slider-on.slider-boxed .featured-slider button {
|
||||
&.slick-prev,
|
||||
&.slick-next {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-on.slider-boxed .featured-slider {
|
||||
.entry-header, .entry-meta {
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
}
|
||||
.slider-on .featured-slider .entry-thumbnail a{
|
||||
max-height: 400px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-1024) {
|
||||
.featured-slider .entry-thumbnail a {
|
||||
width: 100%;
|
||||
}
|
||||
.slider-on .featured-slider .entry-thumbnail a{
|
||||
max-height: 700px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
.blog {
|
||||
&.slider-on #masthead {
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
.slider-on.slider-boxed #masthead {
|
||||
border-bottom: 1px solid #ddd !important;
|
||||
}
|
||||
|
||||
.featured-slider {
|
||||
article header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.entry-header,
|
||||
.entry-meta,
|
||||
.credits {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: 57.63888888888889%;
|
||||
/* -- 830px at 1440px ---*/
|
||||
margin-left: 6.25%;
|
||||
}
|
||||
|
||||
.entry-header h2.entry-title {
|
||||
@include px2rem($font-size-slider-title-1060);
|
||||
padding-top: 10px;
|
||||
}
|
||||
.format-video .entry-thumbnail a:before {
|
||||
left: 6.25%;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
.entry-date:before {
|
||||
content: ' / ';
|
||||
padding: 0 2px;
|
||||
display: inline-block;
|
||||
|
||||
.no-author & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-meta {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.entry-author {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.slider-on.slider-boxed .featured-content {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-left: 6.25%;
|
||||
margin-right: 6.25%;
|
||||
padding-top: 30px;
|
||||
width: 87.5%;
|
||||
}
|
||||
|
||||
.slider-on.slider-boxed .featured-slider {
|
||||
.entry-header, .entry-meta {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@media screen and (min-width: 85em) {
|
||||
.featured-slider .entry-header h2.entry-title {
|
||||
@include px2rem($font-size-slider-title-lg);
|
||||
}
|
||||
.slider-on .featured-slider .entry-thumbnail a{
|
||||
max-height: 900px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 112.5em) {
|
||||
.slider-on.slider-boxed .featured-content {
|
||||
width: 70%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.featured-slider {
|
||||
.entry-header,
|
||||
.entry-meta,
|
||||
.credits {
|
||||
width: 70%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 137.5em) {
|
||||
.slider-on.slider-boxed .featured-content {
|
||||
width: 56%;
|
||||
}
|
||||
.featured-slider {
|
||||
.entry-header,
|
||||
.entry-meta,
|
||||
.credits {
|
||||
width: 56%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,387 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Social Media Icons
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.social-nav {
|
||||
ul {
|
||||
@extend .fa-ul;
|
||||
li {
|
||||
display: inline-block;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 50%;
|
||||
a {
|
||||
background: $color-page-background;
|
||||
color: $color-text;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
}
|
||||
:hover {
|
||||
background: $color-text;
|
||||
color: $color-page-background;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
a {
|
||||
@extend .fa-star;
|
||||
&::before {
|
||||
@extend .fa;
|
||||
@include px2rem($font-size-socialmedia-icon);
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
|
||||
&[href*="diaspora.com"] {
|
||||
// @extend .fa-star-o;
|
||||
background-color: #ccc;
|
||||
border-color: #ccc;
|
||||
color: white;
|
||||
}
|
||||
&[href*="diaspora.com"]:before {
|
||||
@include px2rem($font-size-socialmedia-icon * 2, $font-size-base , $font-size-base * 2);
|
||||
content: "*";
|
||||
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
&[href*="diaspora.com"]:focus,
|
||||
&[href*="diaspora.com"]:hover {
|
||||
background-color: darken(#ccc,10%);
|
||||
}
|
||||
|
||||
&[href*="delicious.com"] {
|
||||
@extend .fa-delicious;
|
||||
background-color: #eeeeee;
|
||||
border-color: #eeeeee;
|
||||
color: white;
|
||||
}
|
||||
&[href*="delicious.com"]:focus,
|
||||
&[href*="delicious.com"]:hover {
|
||||
background-color: darken(#eeeeee,10%);
|
||||
}
|
||||
|
||||
&[href*="facebook.com"] {
|
||||
@extend .fa-facebook;
|
||||
background-color: #3b5998;
|
||||
border-color: #3b5998;
|
||||
color: white;
|
||||
}
|
||||
&[href*="facebook.com"]:focus,
|
||||
&[href*="facebook.com"]:hover {
|
||||
background-color: darken(#3b5998,10%);
|
||||
}
|
||||
|
||||
&[href*="feed"] {
|
||||
@extend .fa-rss;
|
||||
background-color: #ff8800;
|
||||
border-color: #ff8800;
|
||||
color: white;
|
||||
}
|
||||
&[href*="feed"]:focus,
|
||||
&[href*="feed"]:hover {
|
||||
background-color: darken(#ff8800,10%);
|
||||
}
|
||||
&[href*="flattr.com"] {
|
||||
@extend .fa-refresh;
|
||||
background-color: #5CB85C;
|
||||
border-color: #5CB85C;
|
||||
color: white;
|
||||
}
|
||||
&[href*="flattr.com"]:focus,
|
||||
&[href*="flattr.com"]:hover {
|
||||
background-color: darken(#5CB85C,10%);
|
||||
}
|
||||
&[href*="flickr.com"] {
|
||||
@extend .fa-flickr;
|
||||
background-color: #ff0084;
|
||||
border-color: #ff0084;
|
||||
color: white;
|
||||
}
|
||||
&[href*="flickr.com"]:focus,
|
||||
&[href*="flickr.com"]:hover {
|
||||
background-color: darken(#ff0084,10%);
|
||||
}
|
||||
&[href*="google.com"] {
|
||||
@extend .fa-google;
|
||||
background-color: #4285f4;
|
||||
border-color: #4285f4;
|
||||
color: white;
|
||||
}
|
||||
&[href*="google.com"]:focus,
|
||||
&[href*="google.com"]:hover {
|
||||
background-color: darken(#4285f4,10%);
|
||||
}
|
||||
|
||||
|
||||
&[href*="github.com"] {
|
||||
@extend .fa-github;
|
||||
background-color: #4078c0;
|
||||
border-color: #4078c0;
|
||||
color: white;
|
||||
}
|
||||
&[href*="github.com"]:focus,
|
||||
&[href*="github.com"]:hover {
|
||||
background-color: darken(#4078c0,20%);
|
||||
}
|
||||
&[href*="instagram.com"] {
|
||||
@extend .fa-instagram;
|
||||
background-color: #c13584;
|
||||
border-color: #c13584;
|
||||
color: white;
|
||||
}
|
||||
&[href*="instagram.com"]:focus,
|
||||
&[href*="instagram.com"]:hover {
|
||||
background-color: darken(#c13584,20%);
|
||||
}
|
||||
&[href*="linkedin.com"] {
|
||||
@extend .fa-linkedin;
|
||||
background-color: #0077b5;
|
||||
border-color: #0077b5;
|
||||
color: white;
|
||||
}
|
||||
&[href*="linkedin.com"]:focus,
|
||||
&[href*="linkedin.com"]:hover {
|
||||
background-color: darken(#0077b5,20%);
|
||||
}
|
||||
|
||||
&[href*="pinterest.com"] {
|
||||
@extend .fa-pinterest;
|
||||
background-color: #bd081c;
|
||||
border-color: #bd081c;
|
||||
color: white;
|
||||
}
|
||||
&[href*="pinterest.com"]:focus,
|
||||
&[href*="pinterest.com"]:hover {
|
||||
background-color: darken(#bd081c,20%);
|
||||
}
|
||||
&[href*="reddit.com"] {
|
||||
@extend .fa-reddit;
|
||||
background-color: #ff4500;
|
||||
border-color: #ff4500;
|
||||
color: white;
|
||||
}
|
||||
&[href*="reddit.com"]:focus,
|
||||
&[href*="reddit.com"]:hover {
|
||||
background-color: darken(#ff4500,20%);
|
||||
}
|
||||
&[href*="slack.com"] {
|
||||
@extend .fa-slack;
|
||||
background-color: #6ecadc;
|
||||
border-color: #6ecadc;
|
||||
color: white;
|
||||
}
|
||||
&[href*="slack.com"]:focus,
|
||||
&[href*="slack.com"]:hover {
|
||||
background-color: darken(#6ecadc,20%);
|
||||
}
|
||||
&[href*="snapchat.com"] {
|
||||
@extend .fa-snapchat;
|
||||
background-color: #fffc00;
|
||||
border-color: #fffc00;
|
||||
color: white;
|
||||
}
|
||||
&[href*="snapchat.com"]:focus,
|
||||
&[href*="snapchat.com"]:hover {
|
||||
background-color: darken(#fffc00,20%);
|
||||
}
|
||||
|
||||
&[href*="slideshare.com"] {
|
||||
@extend .fa-slideshare;
|
||||
background-color: #bddfdf;
|
||||
border-color: #bddfdf;
|
||||
color: black;
|
||||
}
|
||||
&[href*="slideshare.com"]:focus,
|
||||
&[href*="slideshare.com"]:hover {
|
||||
background-color: darken(#bddfdf,20%);
|
||||
}
|
||||
|
||||
|
||||
&[href*="skype.com"],
|
||||
&[href*="skype:"] {
|
||||
@extend .fa-skype;
|
||||
}
|
||||
&[href*="spotify.com"] {
|
||||
@extend .fa-spotify;
|
||||
}
|
||||
&[href*="stumbleupon.com"] {
|
||||
@extend .fa-stumbleupon;
|
||||
}
|
||||
&[href*="tumblr.com"] {
|
||||
@extend .fa-tumblr;
|
||||
background-color: #56BC8A;
|
||||
border-color: #56BC8A;
|
||||
color: white;
|
||||
}
|
||||
&[href*="tumblr.com"]:focus,
|
||||
&[href*="tumblr.com"]:hover {
|
||||
background-color: darken(#56BC8A,20%);
|
||||
}
|
||||
|
||||
&[href*="twitter.com"] {
|
||||
@extend .fa-twitter;
|
||||
background-color: #1da1f2;
|
||||
border-color: #1da1f2;
|
||||
color: white;
|
||||
}
|
||||
&[href*="twitter.com"]:focus,
|
||||
&[href*="twitter.com"]:hover {
|
||||
background-color: darken(#1da1f2,20%);
|
||||
}
|
||||
&[href*="vimeo.com"] {
|
||||
@extend .fa-vimeo;
|
||||
background-color: #162221;
|
||||
border-color: #162221;
|
||||
color: white;
|
||||
}
|
||||
&[href*="vimeo.com"]:focus,
|
||||
&[href*="vimeo.com"]:hover {
|
||||
background-color: lighten(#162221,20%)
|
||||
}
|
||||
|
||||
&[href*="whatsapp.com"] {
|
||||
@extend .fa-whatsapp;
|
||||
}
|
||||
&[href*="wordpress.org"],
|
||||
&[href*="wordpress.com"] {
|
||||
@extend .fa-wordpress;
|
||||
}
|
||||
|
||||
&[href*="xing.com"] {
|
||||
@extend .fa-xing;
|
||||
background-color: #026466;
|
||||
border-color: #026466;
|
||||
color: white;
|
||||
}
|
||||
&[href*="xing.com"]:focus,
|
||||
&[href*="xing.com"]:hover {
|
||||
background-color: darken(#026466,20%)
|
||||
}
|
||||
&[href*="youtube.com"] {
|
||||
@extend .fa-youtube;
|
||||
background-color: #cd201f;
|
||||
border-color: #cd201f;
|
||||
color: white;
|
||||
}
|
||||
&[href*="youtube.com"]:focus,
|
||||
&[href*="youtube.com"]:hover {
|
||||
background-color: darken(#162221,20%)
|
||||
}
|
||||
|
||||
&[href^="mailto"] {
|
||||
@extend .fa-envelope-o;
|
||||
}
|
||||
// Mailinglists
|
||||
&[href*="lists.piratenpartei.de"] {
|
||||
@extend .fa-envelope;
|
||||
background-color: #ff8800;
|
||||
border-color: #ff8800;
|
||||
color: white;
|
||||
}
|
||||
&[href*="lists.piratenpartei.de"]:focus,
|
||||
&[href*="lists.piratenpartei.de"]:hover {
|
||||
background-color: darken(#ff8800,20%)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.socialmedia-maincolor .social-nav ul li {
|
||||
a {
|
||||
color: $color-main;
|
||||
background-color: $color-page-background;
|
||||
border-color: $color-page-background;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $color-second;
|
||||
color: $color-page-background;
|
||||
border-color: $color-second;
|
||||
}
|
||||
}
|
||||
:focus,
|
||||
:hover {
|
||||
background: $color-second;
|
||||
color: $color-page-background;
|
||||
border-color: $color-second;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.socialmedia-secondcolor .social-nav ul li {
|
||||
a {
|
||||
color: $color-second;
|
||||
background-color: $color-page-background;
|
||||
border-color: $color-page-background;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $color-main;
|
||||
color: $color-page-background;
|
||||
border-color: $color-main;
|
||||
}
|
||||
}
|
||||
:focus,
|
||||
:hover {
|
||||
background: $color-main;
|
||||
color: $color-page-background;
|
||||
border-color: $color-main;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#footer-social.social-nav {
|
||||
li {
|
||||
border: none;
|
||||
}
|
||||
.socialmedia-maincolor & ul li a {
|
||||
color: $color-main;
|
||||
background: $color-footer-background;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $color-second;
|
||||
color: $color-page-background;
|
||||
border-color: $color-second;
|
||||
|
||||
}
|
||||
}
|
||||
.socialmedia-secondcolor & ul li a {
|
||||
color: $color-main;
|
||||
|
||||
background: $color-footer-background;
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $color-main;
|
||||
color: $color-page-background;
|
||||
border-color: $color-main;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
.header-social {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 40px;
|
||||
height: 59px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#header-social-sticky {
|
||||
top: 7px;
|
||||
right: 20px;
|
||||
|
||||
.header-stick & {
|
||||
z-index: 9999;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
107
wp-content/themes/Pirate-Rogue/css/sass/elements/_tables.scss
Normal file
107
wp-content/themes/Pirate-Rogue/css/sass/elements/_tables.scss
Normal file
@@ -0,0 +1,107 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Tables
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
table {
|
||||
line-height: 2;
|
||||
@include px2rem($font-size-tables);
|
||||
border-collapse: collapse;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-spacing: 0;
|
||||
border-width: 1px;
|
||||
margin: 0 0 1.6em;
|
||||
width: 100%;
|
||||
|
||||
&.sorttable {
|
||||
thead {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&.center {
|
||||
th, td {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
&.right {
|
||||
td {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
thead {
|
||||
th {
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
&.long,
|
||||
&.border {
|
||||
td {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
caption, th, td {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
caption {
|
||||
padding: 3px 5px;
|
||||
font-style: italic;
|
||||
margin: 40px 0;
|
||||
|
||||
&.right {
|
||||
text-align: right;
|
||||
}
|
||||
&.center {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
th, td {
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
th.right,
|
||||
td.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th.center,
|
||||
td.center {
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (max-width: $breakpoint-sm) {
|
||||
|
||||
table, tr, td {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
table {
|
||||
border:none;
|
||||
}
|
||||
|
||||
thead {
|
||||
display:none;
|
||||
}
|
||||
|
||||
tr {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
td {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding:1em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Font File Dejaweb
|
||||
* DejaWeb
|
||||
* by AnatoleType
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'DejaWeb';
|
||||
src: url('./fonts/dejaweb/DejaWeb-Bold.ttf');
|
||||
src: url('./fonts/dejaweb/DejaWeb-Bold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DejaWeb';
|
||||
src: url('./fonts/dejaweb/DejaWeb-BoldItalic.ttf');
|
||||
src: url('./fonts/dejaweb/DejaWeb-BoldItalic.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DejaWeb';
|
||||
src: url('./fonts/dejaweb/DejaWeb-Italic.ttf');
|
||||
src: url('./fonts/dejaweb/DejaWeb-Italic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'DejaWeb';
|
||||
src: url('./fonts/dejaweb/DejaWeb.ttf');
|
||||
src: url('./fonts/dejaweb/DejaWeb.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Font Roboto
|
||||
* Apache License
|
||||
* Version 2.0, January 2004
|
||||
* http://www.apache.org/licenses/
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
@font-face {
|
||||
font-family: 'roboto';
|
||||
src: url('./fonts/roboto/Roboto-Bold-webfont.eot');
|
||||
src: url('./fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('./fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
|
||||
url('./fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
|
||||
url('./fonts/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'roboto';
|
||||
src: url('./fonts/roboto/Roboto-BoldItalic-webfont.eot');
|
||||
src: url('./fonts/roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('./fonts/roboto/Roboto-BoldItalic-webfont.woff') format('woff'),
|
||||
url('./fonts/roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'),
|
||||
url('./fonts/roboto/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'roboto';
|
||||
src: url('./fonts/roboto/Roboto-Italic-webfont.eot');
|
||||
src: url('./fonts/roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('./fonts/roboto/Roboto-Italic-webfont.woff') format('woff'),
|
||||
url('./fonts/roboto/Roboto-Italic-webfont.ttf') format('truetype'),
|
||||
url('./fonts/roboto/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'roboto';
|
||||
src: url('./fonts/roboto/Roboto-Regular-webfont.eot');
|
||||
src: url('./fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('./fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
|
||||
url('./fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
|
||||
url('./fonts/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'roboto-light';
|
||||
src: url('./fonts/roboto/Roboto-Light-webfont.eot');
|
||||
src: url('./fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('./fonts/roboto/Roboto-Light-webfont.woff') format('woff'),
|
||||
url('./fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'),
|
||||
url('./fonts/roboto/Roboto-Light-webfont.svg#robotolight') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
45
wp-content/themes/Pirate-Rogue/css/sass/fonts/_fonts.scss
Normal file
45
wp-content/themes/Pirate-Rogue/css/sass/fonts/_fonts.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Fonts
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
@import "font-roboto";
|
||||
@import "font-dejaweb";
|
||||
@import "font-awesome/font-awesome";
|
||||
|
||||
|
||||
/* --- Serif Styles --- */
|
||||
p.site-title,
|
||||
.entry-summary,
|
||||
.widget,
|
||||
.title-footer,
|
||||
.entry-header p.intro,
|
||||
.entry-content,
|
||||
.entry-content p,
|
||||
.entry-content table,
|
||||
.entry-content dl,
|
||||
.entry-content ul,
|
||||
.entry-content ol,
|
||||
p.section-about-text,
|
||||
p.text-big,
|
||||
p.text-small {
|
||||
font-family: $font-family-base;
|
||||
}
|
||||
.entry-content blockquote p,
|
||||
.entry-content p span.uppercase,
|
||||
.section-about-column-two .social-nav ul li a,
|
||||
.section-about-column-one p cite,
|
||||
.widget_mc4wp_form_widget input[type="email"],
|
||||
.widget_mc4wp_form_widget input[type="submit"],
|
||||
.jetpack_subscription_widget #subscribe-email input[type="email"],
|
||||
.jetpack_subscription_widget #subscribe-submit input[type="submit"],
|
||||
.contact-form input[type="submit"],
|
||||
input,
|
||||
textarea,
|
||||
.site-content div.wpcf7 input,
|
||||
.site-content div.wpcf7 textarea,
|
||||
.site-content div.wpcf7 p,
|
||||
a.standard-btn,
|
||||
.big-instagram-wrap .clear,
|
||||
.single-product .entry-summary h1 {
|
||||
font-family: $font-family-base;
|
||||
}
|
||||
34
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_animated.scss
vendored
Normal file
34
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_animated.scss
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
// Spinning Icons
|
||||
// --------------------------
|
||||
|
||||
.#{$fa-css-prefix}-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pulse {
|
||||
-webkit-animation: fa-spin 1s infinite steps(8);
|
||||
animation: fa-spin 1s infinite steps(8);
|
||||
}
|
||||
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
25
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_bordered-pulled.scss
vendored
Normal file
25
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_bordered-pulled.scss
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
// Bordered & Pulled
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-border {
|
||||
padding: .2em .25em .15em;
|
||||
border: solid .08em $fa-border-color;
|
||||
border-radius: .1em;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pull-left { float: left; }
|
||||
.#{$fa-css-prefix}-pull-right { float: right; }
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
|
||||
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
|
||||
}
|
||||
|
||||
/* Deprecated as of 4.4.0 */
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.pull-left { margin-right: .3em; }
|
||||
&.pull-right { margin-left: .3em; }
|
||||
}
|
||||
12
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_core.scss
vendored
Normal file
12
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_core.scss
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
// Base Class Definition
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
6
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_fixed-width.scss
vendored
Normal file
6
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_fixed-width.scss
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
// Fixed Width Icons
|
||||
// -------------------------
|
||||
.#{$fa-css-prefix}-fw {
|
||||
width: (18em / 14);
|
||||
text-align: center;
|
||||
}
|
||||
18
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_font-awesome.scss
vendored
Normal file
18
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_font-awesome.scss
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*/
|
||||
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "path";
|
||||
@import "core";
|
||||
@import "larger";
|
||||
@import "fixed-width";
|
||||
@import "list";
|
||||
@import "bordered-pulled";
|
||||
@import "animated";
|
||||
@import "rotated-flipped";
|
||||
@import "stacked";
|
||||
@import "icons";
|
||||
@import "screen-reader";
|
||||
789
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_icons.scss
vendored
Normal file
789
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_icons.scss
vendored
Normal file
@@ -0,0 +1,789 @@
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
|
||||
.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
|
||||
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
|
||||
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
|
||||
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
|
||||
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
|
||||
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
|
||||
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
|
||||
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
|
||||
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
|
||||
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
|
||||
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
|
||||
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
|
||||
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
|
||||
.#{$fa-css-prefix}-remove:before,
|
||||
.#{$fa-css-prefix}-close:before,
|
||||
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
|
||||
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
|
||||
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
|
||||
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
|
||||
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
|
||||
.#{$fa-css-prefix}-gear:before,
|
||||
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
|
||||
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
|
||||
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
|
||||
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
|
||||
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
|
||||
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
|
||||
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
|
||||
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
|
||||
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
|
||||
.#{$fa-css-prefix}-rotate-right:before,
|
||||
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
|
||||
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
|
||||
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
|
||||
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
|
||||
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
|
||||
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
|
||||
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
|
||||
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
|
||||
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
|
||||
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
|
||||
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
|
||||
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
|
||||
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
|
||||
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
|
||||
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
|
||||
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
|
||||
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
|
||||
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
|
||||
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
|
||||
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
|
||||
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
|
||||
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
|
||||
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
|
||||
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
|
||||
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
|
||||
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
|
||||
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
|
||||
.#{$fa-css-prefix}-dedent:before,
|
||||
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
|
||||
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
|
||||
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
|
||||
.#{$fa-css-prefix}-photo:before,
|
||||
.#{$fa-css-prefix}-image:before,
|
||||
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
|
||||
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
|
||||
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
|
||||
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
|
||||
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
|
||||
.#{$fa-css-prefix}-edit:before,
|
||||
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
|
||||
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
|
||||
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
|
||||
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
|
||||
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
|
||||
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
|
||||
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
|
||||
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
|
||||
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
|
||||
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
|
||||
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
|
||||
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
|
||||
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
|
||||
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
|
||||
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
|
||||
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
|
||||
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
|
||||
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
|
||||
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
|
||||
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
|
||||
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
|
||||
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
|
||||
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
|
||||
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
|
||||
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
|
||||
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
|
||||
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
|
||||
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
|
||||
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
|
||||
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
|
||||
.#{$fa-css-prefix}-mail-forward:before,
|
||||
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
|
||||
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
|
||||
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
|
||||
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
|
||||
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
|
||||
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
|
||||
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
|
||||
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
|
||||
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
|
||||
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
|
||||
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
|
||||
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
|
||||
.#{$fa-css-prefix}-warning:before,
|
||||
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
|
||||
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
|
||||
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
|
||||
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
|
||||
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
|
||||
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
|
||||
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
|
||||
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
|
||||
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
|
||||
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
|
||||
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
|
||||
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
|
||||
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
|
||||
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
|
||||
.#{$fa-css-prefix}-bar-chart-o:before,
|
||||
.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
|
||||
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
|
||||
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
|
||||
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
|
||||
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
|
||||
.#{$fa-css-prefix}-gears:before,
|
||||
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
|
||||
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
|
||||
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
|
||||
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
|
||||
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
|
||||
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
|
||||
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
|
||||
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
|
||||
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
|
||||
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
|
||||
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
|
||||
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
|
||||
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
|
||||
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
|
||||
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
|
||||
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
|
||||
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
|
||||
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
|
||||
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
|
||||
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
|
||||
.#{$fa-css-prefix}-facebook-f:before,
|
||||
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
|
||||
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
|
||||
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
|
||||
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
|
||||
.#{$fa-css-prefix}-feed:before,
|
||||
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
|
||||
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
|
||||
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
|
||||
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
|
||||
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
|
||||
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
|
||||
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
|
||||
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
|
||||
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
|
||||
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
|
||||
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
|
||||
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
|
||||
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
|
||||
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
|
||||
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
|
||||
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
|
||||
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
|
||||
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
|
||||
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
|
||||
.#{$fa-css-prefix}-group:before,
|
||||
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
|
||||
.#{$fa-css-prefix}-chain:before,
|
||||
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
|
||||
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
|
||||
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
|
||||
.#{$fa-css-prefix}-cut:before,
|
||||
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
|
||||
.#{$fa-css-prefix}-copy:before,
|
||||
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
|
||||
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
|
||||
.#{$fa-css-prefix}-save:before,
|
||||
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
|
||||
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
|
||||
.#{$fa-css-prefix}-navicon:before,
|
||||
.#{$fa-css-prefix}-reorder:before,
|
||||
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
|
||||
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
|
||||
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
|
||||
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
|
||||
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
|
||||
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
|
||||
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
|
||||
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
|
||||
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
|
||||
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
|
||||
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
|
||||
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
|
||||
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
|
||||
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
|
||||
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
|
||||
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
|
||||
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
|
||||
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
|
||||
.#{$fa-css-prefix}-unsorted:before,
|
||||
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
|
||||
.#{$fa-css-prefix}-sort-down:before,
|
||||
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
|
||||
.#{$fa-css-prefix}-sort-up:before,
|
||||
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
|
||||
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
|
||||
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
|
||||
.#{$fa-css-prefix}-rotate-left:before,
|
||||
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
|
||||
.#{$fa-css-prefix}-legal:before,
|
||||
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
|
||||
.#{$fa-css-prefix}-dashboard:before,
|
||||
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
|
||||
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
|
||||
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
|
||||
.#{$fa-css-prefix}-flash:before,
|
||||
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
|
||||
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
|
||||
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
|
||||
.#{$fa-css-prefix}-paste:before,
|
||||
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
|
||||
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
|
||||
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
|
||||
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
|
||||
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
|
||||
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
|
||||
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
|
||||
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
|
||||
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
|
||||
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
|
||||
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
|
||||
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
|
||||
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
|
||||
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
|
||||
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
|
||||
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
|
||||
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
|
||||
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
|
||||
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
|
||||
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
|
||||
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
|
||||
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
|
||||
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
|
||||
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
|
||||
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
|
||||
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
|
||||
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
|
||||
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
|
||||
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
|
||||
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
|
||||
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
|
||||
.#{$fa-css-prefix}-mobile-phone:before,
|
||||
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
|
||||
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
|
||||
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
|
||||
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
|
||||
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
|
||||
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
|
||||
.#{$fa-css-prefix}-mail-reply:before,
|
||||
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
|
||||
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
|
||||
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
|
||||
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
|
||||
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
|
||||
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
|
||||
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
|
||||
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
|
||||
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
|
||||
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
|
||||
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
|
||||
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
|
||||
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
|
||||
.#{$fa-css-prefix}-mail-reply-all:before,
|
||||
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
|
||||
.#{$fa-css-prefix}-star-half-empty:before,
|
||||
.#{$fa-css-prefix}-star-half-full:before,
|
||||
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
|
||||
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
|
||||
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
|
||||
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
|
||||
.#{$fa-css-prefix}-unlink:before,
|
||||
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
|
||||
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
|
||||
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
|
||||
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
|
||||
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
|
||||
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
|
||||
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
|
||||
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
|
||||
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
|
||||
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
|
||||
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
|
||||
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
|
||||
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
|
||||
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
|
||||
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
|
||||
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
|
||||
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
|
||||
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
|
||||
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
|
||||
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
|
||||
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
|
||||
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
|
||||
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
|
||||
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
|
||||
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
|
||||
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
|
||||
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
|
||||
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
|
||||
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
|
||||
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
|
||||
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
|
||||
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
|
||||
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
|
||||
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
|
||||
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
|
||||
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
|
||||
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
|
||||
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
|
||||
.#{$fa-css-prefix}-toggle-down:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
|
||||
.#{$fa-css-prefix}-toggle-up:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
|
||||
.#{$fa-css-prefix}-toggle-right:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
|
||||
.#{$fa-css-prefix}-euro:before,
|
||||
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
|
||||
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
|
||||
.#{$fa-css-prefix}-dollar:before,
|
||||
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
|
||||
.#{$fa-css-prefix}-rupee:before,
|
||||
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
|
||||
.#{$fa-css-prefix}-cny:before,
|
||||
.#{$fa-css-prefix}-rmb:before,
|
||||
.#{$fa-css-prefix}-yen:before,
|
||||
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
|
||||
.#{$fa-css-prefix}-ruble:before,
|
||||
.#{$fa-css-prefix}-rouble:before,
|
||||
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
|
||||
.#{$fa-css-prefix}-won:before,
|
||||
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
|
||||
.#{$fa-css-prefix}-bitcoin:before,
|
||||
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
|
||||
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
|
||||
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
|
||||
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
|
||||
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
|
||||
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
|
||||
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
|
||||
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
|
||||
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
|
||||
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
|
||||
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
|
||||
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
|
||||
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
|
||||
.#{$fa-css-prefix}-xing:before { content: "\f168"; } // $fa-var-xing;
|
||||
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
|
||||
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
|
||||
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
|
||||
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
|
||||
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
|
||||
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
|
||||
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
|
||||
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
|
||||
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
|
||||
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
|
||||
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
|
||||
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
|
||||
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
|
||||
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
|
||||
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
|
||||
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
|
||||
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
|
||||
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
|
||||
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
|
||||
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
|
||||
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
|
||||
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
|
||||
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
|
||||
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
|
||||
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
|
||||
.#{$fa-css-prefix}-gittip:before,
|
||||
.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
|
||||
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
|
||||
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
|
||||
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
|
||||
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
|
||||
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
|
||||
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
|
||||
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
|
||||
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
|
||||
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
|
||||
.#{$fa-css-prefix}-toggle-left:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
|
||||
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
|
||||
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
|
||||
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
|
||||
.#{$fa-css-prefix}-turkish-lira:before,
|
||||
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
|
||||
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
|
||||
.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
|
||||
.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
|
||||
.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
|
||||
.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
|
||||
.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
|
||||
.#{$fa-css-prefix}-institution:before,
|
||||
.#{$fa-css-prefix}-bank:before,
|
||||
.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
|
||||
.#{$fa-css-prefix}-mortar-board:before,
|
||||
.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
|
||||
.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
|
||||
.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
|
||||
.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
|
||||
.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
|
||||
.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
|
||||
.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
|
||||
.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
|
||||
.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
|
||||
.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
|
||||
.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
|
||||
.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
|
||||
.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
|
||||
.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
|
||||
.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
|
||||
.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
|
||||
.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
|
||||
.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
|
||||
.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
|
||||
.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
|
||||
.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
|
||||
.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
|
||||
.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
|
||||
.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
|
||||
.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
|
||||
.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
|
||||
.#{$fa-css-prefix}-automobile:before,
|
||||
.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
|
||||
.#{$fa-css-prefix}-cab:before,
|
||||
.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
|
||||
.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
|
||||
.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
|
||||
.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
|
||||
.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
|
||||
.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
|
||||
.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
|
||||
.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
|
||||
.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
|
||||
.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
|
||||
.#{$fa-css-prefix}-file-photo-o:before,
|
||||
.#{$fa-css-prefix}-file-picture-o:before,
|
||||
.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
|
||||
.#{$fa-css-prefix}-file-zip-o:before,
|
||||
.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
|
||||
.#{$fa-css-prefix}-file-sound-o:before,
|
||||
.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
|
||||
.#{$fa-css-prefix}-file-movie-o:before,
|
||||
.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
|
||||
.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
|
||||
.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
|
||||
.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
|
||||
.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
|
||||
.#{$fa-css-prefix}-life-bouy:before,
|
||||
.#{$fa-css-prefix}-life-buoy:before,
|
||||
.#{$fa-css-prefix}-life-saver:before,
|
||||
.#{$fa-css-prefix}-support:before,
|
||||
.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
|
||||
.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
|
||||
.#{$fa-css-prefix}-ra:before,
|
||||
.#{$fa-css-prefix}-resistance:before,
|
||||
.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
|
||||
.#{$fa-css-prefix}-ge:before,
|
||||
.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
|
||||
.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
|
||||
.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
|
||||
.#{$fa-css-prefix}-y-combinator-square:before,
|
||||
.#{$fa-css-prefix}-yc-square:before,
|
||||
.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
|
||||
.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
|
||||
.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
|
||||
.#{$fa-css-prefix}-wechat:before,
|
||||
.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
|
||||
.#{$fa-css-prefix}-send:before,
|
||||
.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
|
||||
.#{$fa-css-prefix}-send-o:before,
|
||||
.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
|
||||
.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
|
||||
.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
|
||||
.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
|
||||
.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
|
||||
.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
|
||||
.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
|
||||
.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
|
||||
.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
|
||||
.#{$fa-css-prefix}-soccer-ball-o:before,
|
||||
.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
|
||||
.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
|
||||
.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
|
||||
.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
|
||||
.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
|
||||
.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
|
||||
.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
|
||||
.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
|
||||
.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
|
||||
.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
|
||||
.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
|
||||
.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
|
||||
.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
|
||||
.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
|
||||
.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
|
||||
.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
|
||||
.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
|
||||
.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
|
||||
.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
|
||||
.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
|
||||
.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
|
||||
.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
|
||||
.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
|
||||
.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
|
||||
.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
|
||||
.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
|
||||
.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
|
||||
.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
|
||||
.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
|
||||
.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
|
||||
.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
|
||||
.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
|
||||
.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
|
||||
.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
|
||||
.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
|
||||
.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
|
||||
.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
|
||||
.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
|
||||
.#{$fa-css-prefix}-shekel:before,
|
||||
.#{$fa-css-prefix}-sheqel:before,
|
||||
.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
|
||||
.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
|
||||
.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
|
||||
.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
|
||||
.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
|
||||
.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
|
||||
.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
|
||||
.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
|
||||
.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
|
||||
.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
|
||||
.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
|
||||
.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
|
||||
.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
|
||||
.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
|
||||
.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
|
||||
.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
|
||||
.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
|
||||
.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
|
||||
.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
|
||||
.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
|
||||
.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
|
||||
.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
|
||||
.#{$fa-css-prefix}-intersex:before,
|
||||
.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
|
||||
.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
|
||||
.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
|
||||
.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
|
||||
.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
|
||||
.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
|
||||
.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
|
||||
.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
|
||||
.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
|
||||
.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
|
||||
.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
|
||||
.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
|
||||
.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
|
||||
.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
|
||||
.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
|
||||
.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
|
||||
.#{$fa-css-prefix}-hotel:before,
|
||||
.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
|
||||
.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
|
||||
.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
|
||||
.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
|
||||
.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
|
||||
.#{$fa-css-prefix}-yc:before,
|
||||
.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
|
||||
.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
|
||||
.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
|
||||
.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
|
||||
.#{$fa-css-prefix}-battery-4:before,
|
||||
.#{$fa-css-prefix}-battery:before,
|
||||
.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
|
||||
.#{$fa-css-prefix}-battery-3:before,
|
||||
.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
|
||||
.#{$fa-css-prefix}-battery-2:before,
|
||||
.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
|
||||
.#{$fa-css-prefix}-battery-1:before,
|
||||
.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
|
||||
.#{$fa-css-prefix}-battery-0:before,
|
||||
.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
|
||||
.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
|
||||
.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
|
||||
.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
|
||||
.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
|
||||
.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
|
||||
.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
|
||||
.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
|
||||
.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
|
||||
.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
|
||||
.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
|
||||
.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
|
||||
.#{$fa-css-prefix}-hourglass-1:before,
|
||||
.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
|
||||
.#{$fa-css-prefix}-hourglass-2:before,
|
||||
.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
|
||||
.#{$fa-css-prefix}-hourglass-3:before,
|
||||
.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
|
||||
.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
|
||||
.#{$fa-css-prefix}-hand-grab-o:before,
|
||||
.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
|
||||
.#{$fa-css-prefix}-hand-stop-o:before,
|
||||
.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
|
||||
.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
|
||||
.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
|
||||
.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
|
||||
.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
|
||||
.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
|
||||
.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
|
||||
.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
|
||||
.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
|
||||
.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
|
||||
.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
|
||||
.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
|
||||
.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
|
||||
.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
|
||||
.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
|
||||
.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
|
||||
.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
|
||||
.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
|
||||
.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
|
||||
.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
|
||||
.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
|
||||
.#{$fa-css-prefix}-tv:before,
|
||||
.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
|
||||
.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
|
||||
.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
|
||||
.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
|
||||
.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
|
||||
.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
|
||||
.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
|
||||
.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
|
||||
.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
|
||||
.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
|
||||
.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
|
||||
.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
|
||||
.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
|
||||
.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
|
||||
.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
|
||||
.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
|
||||
.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
|
||||
.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
|
||||
.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
|
||||
.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
|
||||
.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
|
||||
.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
|
||||
.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
|
||||
.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
|
||||
.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
|
||||
.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
|
||||
.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
|
||||
.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
|
||||
.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
|
||||
.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
|
||||
.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
|
||||
.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
|
||||
.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
|
||||
.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
|
||||
.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
|
||||
.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
|
||||
.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
|
||||
.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
|
||||
.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
|
||||
.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
|
||||
.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
|
||||
.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
|
||||
.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
|
||||
.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
|
||||
.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
|
||||
.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
|
||||
.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
|
||||
.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
|
||||
.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
|
||||
.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
|
||||
.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
|
||||
.#{$fa-css-prefix}-asl-interpreting:before,
|
||||
.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
|
||||
.#{$fa-css-prefix}-deafness:before,
|
||||
.#{$fa-css-prefix}-hard-of-hearing:before,
|
||||
.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
|
||||
.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
|
||||
.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
|
||||
.#{$fa-css-prefix}-signing:before,
|
||||
.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
|
||||
.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
|
||||
.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
|
||||
.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
|
||||
.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
|
||||
.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
|
||||
.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
|
||||
.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
|
||||
.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
|
||||
.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
|
||||
.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
|
||||
.#{$fa-css-prefix}-google-plus-circle:before,
|
||||
.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
|
||||
.#{$fa-css-prefix}-fa:before,
|
||||
.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
|
||||
.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
|
||||
.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
|
||||
.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
|
||||
.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
|
||||
.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
|
||||
.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
|
||||
.#{$fa-css-prefix}-vcard:before,
|
||||
.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
|
||||
.#{$fa-css-prefix}-vcard-o:before,
|
||||
.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
|
||||
.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
|
||||
.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
|
||||
.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
|
||||
.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
|
||||
.#{$fa-css-prefix}-drivers-license:before,
|
||||
.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
|
||||
.#{$fa-css-prefix}-drivers-license-o:before,
|
||||
.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
|
||||
.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
|
||||
.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
|
||||
.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
|
||||
.#{$fa-css-prefix}-thermometer-4:before,
|
||||
.#{$fa-css-prefix}-thermometer:before,
|
||||
.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
|
||||
.#{$fa-css-prefix}-thermometer-3:before,
|
||||
.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
|
||||
.#{$fa-css-prefix}-thermometer-2:before,
|
||||
.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
|
||||
.#{$fa-css-prefix}-thermometer-1:before,
|
||||
.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
|
||||
.#{$fa-css-prefix}-thermometer-0:before,
|
||||
.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
|
||||
.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
|
||||
.#{$fa-css-prefix}-bathtub:before,
|
||||
.#{$fa-css-prefix}-s15:before,
|
||||
.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
|
||||
.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
|
||||
.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
|
||||
.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
|
||||
.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
|
||||
.#{$fa-css-prefix}-times-rectangle:before,
|
||||
.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
|
||||
.#{$fa-css-prefix}-times-rectangle-o:before,
|
||||
.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
|
||||
.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
|
||||
.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
|
||||
.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
|
||||
.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
|
||||
.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
|
||||
.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
|
||||
.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
|
||||
.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
|
||||
.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
|
||||
.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
|
||||
.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
|
||||
13
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_larger.scss
vendored
Normal file
13
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_larger.scss
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.#{$fa-css-prefix}-lg {
|
||||
font-size: (4em / 3);
|
||||
line-height: (3em / 4);
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
||||
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
||||
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
||||
19
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_list.scss
vendored
Normal file
19
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_list.scss
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
// List Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-ul {
|
||||
padding-left: 0;
|
||||
margin-left: $fa-li-width;
|
||||
list-style-type: none;
|
||||
> li { position: relative; }
|
||||
}
|
||||
.#{$fa-css-prefix}-li {
|
||||
position: absolute;
|
||||
left: -$fa-li-width;
|
||||
width: $fa-li-width;
|
||||
top: (2em / 14);
|
||||
text-align: center;
|
||||
&.#{$fa-css-prefix}-lg {
|
||||
left: -$fa-li-width + (4em / 14);
|
||||
}
|
||||
}
|
||||
60
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_mixins.scss
vendored
Normal file
60
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_mixins.scss
vendored
Normal file
@@ -0,0 +1,60 @@
|
||||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
@mixin fa-icon() {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
|
||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
||||
-webkit-transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
|
||||
|
||||
// Only display content to screen readers. A la Bootstrap 4.
|
||||
//
|
||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
||||
|
||||
@mixin sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0,0,0,0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Use in conjunction with .sr-only to only display content when it's focused.
|
||||
//
|
||||
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
||||
//
|
||||
// Credit: HTML5 Boilerplate
|
||||
|
||||
@mixin sr-only-focusable {
|
||||
&:active,
|
||||
&:focus {
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
}
|
||||
}
|
||||
15
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_path.scss
vendored
Normal file
15
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_path.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
/* FONT PATH
|
||||
* -------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
|
||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
|
||||
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
20
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_rotated-flipped.scss
vendored
Normal file
20
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_rotated-flipped.scss
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
// Rotated & Flipped Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
||||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
||||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
||||
|
||||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
||||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
||||
|
||||
// Hook for IE8-9
|
||||
// -------------------------
|
||||
|
||||
:root .#{$fa-css-prefix}-rotate-90,
|
||||
:root .#{$fa-css-prefix}-rotate-180,
|
||||
:root .#{$fa-css-prefix}-rotate-270,
|
||||
:root .#{$fa-css-prefix}-flip-horizontal,
|
||||
:root .#{$fa-css-prefix}-flip-vertical {
|
||||
filter: none;
|
||||
}
|
||||
5
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_screen-reader.scss
vendored
Normal file
5
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_screen-reader.scss
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
// Screen Readers
|
||||
// -------------------------
|
||||
|
||||
.sr-only { @include sr-only(); }
|
||||
.sr-only-focusable { @include sr-only-focusable(); }
|
||||
20
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_stacked.scss
vendored
Normal file
20
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_stacked.scss
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
// Stacked Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
||||
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|
||||
800
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_variables.scss
vendored
Normal file
800
wp-content/themes/Pirate-Rogue/css/sass/fonts/font-awesome/_variables.scss
vendored
Normal file
@@ -0,0 +1,800 @@
|
||||
// Variables
|
||||
// --------------------------
|
||||
|
||||
$fa-font-path: "./fonts/fontawesome" !default;
|
||||
$fa-font-size-base: 14px !default;
|
||||
$fa-line-height-base: 1 !default;
|
||||
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
|
||||
$fa-css-prefix: fa !default;
|
||||
$fa-version: "4.7.0" !default;
|
||||
$fa-border-color: #eee !default;
|
||||
$fa-inverse: #fff !default;
|
||||
$fa-li-width: (30em / 14) !default;
|
||||
|
||||
$fa-var-500px: "\f26e";
|
||||
$fa-var-address-book: "\f2b9";
|
||||
$fa-var-address-book-o: "\f2ba";
|
||||
$fa-var-address-card: "\f2bb";
|
||||
$fa-var-address-card-o: "\f2bc";
|
||||
$fa-var-adjust: "\f042";
|
||||
$fa-var-adn: "\f170";
|
||||
$fa-var-align-center: "\f037";
|
||||
$fa-var-align-justify: "\f039";
|
||||
$fa-var-align-left: "\f036";
|
||||
$fa-var-align-right: "\f038";
|
||||
$fa-var-amazon: "\f270";
|
||||
$fa-var-ambulance: "\f0f9";
|
||||
$fa-var-american-sign-language-interpreting: "\f2a3";
|
||||
$fa-var-anchor: "\f13d";
|
||||
$fa-var-android: "\f17b";
|
||||
$fa-var-angellist: "\f209";
|
||||
$fa-var-angle-double-down: "\f103";
|
||||
$fa-var-angle-double-left: "\f100";
|
||||
$fa-var-angle-double-right: "\f101";
|
||||
$fa-var-angle-double-up: "\f102";
|
||||
$fa-var-angle-down: "\f107";
|
||||
$fa-var-angle-left: "\f104";
|
||||
$fa-var-angle-right: "\f105";
|
||||
$fa-var-angle-up: "\f106";
|
||||
$fa-var-apple: "\f179";
|
||||
$fa-var-archive: "\f187";
|
||||
$fa-var-area-chart: "\f1fe";
|
||||
$fa-var-arrow-circle-down: "\f0ab";
|
||||
$fa-var-arrow-circle-left: "\f0a8";
|
||||
$fa-var-arrow-circle-o-down: "\f01a";
|
||||
$fa-var-arrow-circle-o-left: "\f190";
|
||||
$fa-var-arrow-circle-o-right: "\f18e";
|
||||
$fa-var-arrow-circle-o-up: "\f01b";
|
||||
$fa-var-arrow-circle-right: "\f0a9";
|
||||
$fa-var-arrow-circle-up: "\f0aa";
|
||||
$fa-var-arrow-down: "\f063";
|
||||
$fa-var-arrow-left: "\f060";
|
||||
$fa-var-arrow-right: "\f061";
|
||||
$fa-var-arrow-up: "\f062";
|
||||
$fa-var-arrows: "\f047";
|
||||
$fa-var-arrows-alt: "\f0b2";
|
||||
$fa-var-arrows-h: "\f07e";
|
||||
$fa-var-arrows-v: "\f07d";
|
||||
$fa-var-asl-interpreting: "\f2a3";
|
||||
$fa-var-assistive-listening-systems: "\f2a2";
|
||||
$fa-var-asterisk: "\f069";
|
||||
$fa-var-at: "\f1fa";
|
||||
$fa-var-audio-description: "\f29e";
|
||||
$fa-var-automobile: "\f1b9";
|
||||
$fa-var-backward: "\f04a";
|
||||
$fa-var-balance-scale: "\f24e";
|
||||
$fa-var-ban: "\f05e";
|
||||
$fa-var-bandcamp: "\f2d5";
|
||||
$fa-var-bank: "\f19c";
|
||||
$fa-var-bar-chart: "\f080";
|
||||
$fa-var-bar-chart-o: "\f080";
|
||||
$fa-var-barcode: "\f02a";
|
||||
$fa-var-bars: "\f0c9";
|
||||
$fa-var-bath: "\f2cd";
|
||||
$fa-var-bathtub: "\f2cd";
|
||||
$fa-var-battery: "\f240";
|
||||
$fa-var-battery-0: "\f244";
|
||||
$fa-var-battery-1: "\f243";
|
||||
$fa-var-battery-2: "\f242";
|
||||
$fa-var-battery-3: "\f241";
|
||||
$fa-var-battery-4: "\f240";
|
||||
$fa-var-battery-empty: "\f244";
|
||||
$fa-var-battery-full: "\f240";
|
||||
$fa-var-battery-half: "\f242";
|
||||
$fa-var-battery-quarter: "\f243";
|
||||
$fa-var-battery-three-quarters: "\f241";
|
||||
$fa-var-bed: "\f236";
|
||||
$fa-var-beer: "\f0fc";
|
||||
$fa-var-behance: "\f1b4";
|
||||
$fa-var-behance-square: "\f1b5";
|
||||
$fa-var-bell: "\f0f3";
|
||||
$fa-var-bell-o: "\f0a2";
|
||||
$fa-var-bell-slash: "\f1f6";
|
||||
$fa-var-bell-slash-o: "\f1f7";
|
||||
$fa-var-bicycle: "\f206";
|
||||
$fa-var-binoculars: "\f1e5";
|
||||
$fa-var-birthday-cake: "\f1fd";
|
||||
$fa-var-bitbucket: "\f171";
|
||||
$fa-var-bitbucket-square: "\f172";
|
||||
$fa-var-bitcoin: "\f15a";
|
||||
$fa-var-black-tie: "\f27e";
|
||||
$fa-var-blind: "\f29d";
|
||||
$fa-var-bluetooth: "\f293";
|
||||
$fa-var-bluetooth-b: "\f294";
|
||||
$fa-var-bold: "\f032";
|
||||
$fa-var-bolt: "\f0e7";
|
||||
$fa-var-bomb: "\f1e2";
|
||||
$fa-var-book: "\f02d";
|
||||
$fa-var-bookmark: "\f02e";
|
||||
$fa-var-bookmark-o: "\f097";
|
||||
$fa-var-braille: "\f2a1";
|
||||
$fa-var-briefcase: "\f0b1";
|
||||
$fa-var-btc: "\f15a";
|
||||
$fa-var-bug: "\f188";
|
||||
$fa-var-building: "\f1ad";
|
||||
$fa-var-building-o: "\f0f7";
|
||||
$fa-var-bullhorn: "\f0a1";
|
||||
$fa-var-bullseye: "\f140";
|
||||
$fa-var-bus: "\f207";
|
||||
$fa-var-buysellads: "\f20d";
|
||||
$fa-var-cab: "\f1ba";
|
||||
$fa-var-calculator: "\f1ec";
|
||||
$fa-var-calendar: "\f073";
|
||||
$fa-var-calendar-check-o: "\f274";
|
||||
$fa-var-calendar-minus-o: "\f272";
|
||||
$fa-var-calendar-o: "\f133";
|
||||
$fa-var-calendar-plus-o: "\f271";
|
||||
$fa-var-calendar-times-o: "\f273";
|
||||
$fa-var-camera: "\f030";
|
||||
$fa-var-camera-retro: "\f083";
|
||||
$fa-var-car: "\f1b9";
|
||||
$fa-var-caret-down: "\f0d7";
|
||||
$fa-var-caret-left: "\f0d9";
|
||||
$fa-var-caret-right: "\f0da";
|
||||
$fa-var-caret-square-o-down: "\f150";
|
||||
$fa-var-caret-square-o-left: "\f191";
|
||||
$fa-var-caret-square-o-right: "\f152";
|
||||
$fa-var-caret-square-o-up: "\f151";
|
||||
$fa-var-caret-up: "\f0d8";
|
||||
$fa-var-cart-arrow-down: "\f218";
|
||||
$fa-var-cart-plus: "\f217";
|
||||
$fa-var-cc: "\f20a";
|
||||
$fa-var-cc-amex: "\f1f3";
|
||||
$fa-var-cc-diners-club: "\f24c";
|
||||
$fa-var-cc-discover: "\f1f2";
|
||||
$fa-var-cc-jcb: "\f24b";
|
||||
$fa-var-cc-mastercard: "\f1f1";
|
||||
$fa-var-cc-paypal: "\f1f4";
|
||||
$fa-var-cc-stripe: "\f1f5";
|
||||
$fa-var-cc-visa: "\f1f0";
|
||||
$fa-var-certificate: "\f0a3";
|
||||
$fa-var-chain: "\f0c1";
|
||||
$fa-var-chain-broken: "\f127";
|
||||
$fa-var-check: "\f00c";
|
||||
$fa-var-check-circle: "\f058";
|
||||
$fa-var-check-circle-o: "\f05d";
|
||||
$fa-var-check-square: "\f14a";
|
||||
$fa-var-check-square-o: "\f046";
|
||||
$fa-var-chevron-circle-down: "\f13a";
|
||||
$fa-var-chevron-circle-left: "\f137";
|
||||
$fa-var-chevron-circle-right: "\f138";
|
||||
$fa-var-chevron-circle-up: "\f139";
|
||||
$fa-var-chevron-down: "\f078";
|
||||
$fa-var-chevron-left: "\f053";
|
||||
$fa-var-chevron-right: "\f054";
|
||||
$fa-var-chevron-up: "\f077";
|
||||
$fa-var-child: "\f1ae";
|
||||
$fa-var-chrome: "\f268";
|
||||
$fa-var-circle: "\f111";
|
||||
$fa-var-circle-o: "\f10c";
|
||||
$fa-var-circle-o-notch: "\f1ce";
|
||||
$fa-var-circle-thin: "\f1db";
|
||||
$fa-var-clipboard: "\f0ea";
|
||||
$fa-var-clock-o: "\f017";
|
||||
$fa-var-clone: "\f24d";
|
||||
$fa-var-close: "\f00d";
|
||||
$fa-var-cloud: "\f0c2";
|
||||
$fa-var-cloud-download: "\f0ed";
|
||||
$fa-var-cloud-upload: "\f0ee";
|
||||
$fa-var-cny: "\f157";
|
||||
$fa-var-code: "\f121";
|
||||
$fa-var-code-fork: "\f126";
|
||||
$fa-var-codepen: "\f1cb";
|
||||
$fa-var-codiepie: "\f284";
|
||||
$fa-var-coffee: "\f0f4";
|
||||
$fa-var-cog: "\f013";
|
||||
$fa-var-cogs: "\f085";
|
||||
$fa-var-columns: "\f0db";
|
||||
$fa-var-comment: "\f075";
|
||||
$fa-var-comment-o: "\f0e5";
|
||||
$fa-var-commenting: "\f27a";
|
||||
$fa-var-commenting-o: "\f27b";
|
||||
$fa-var-comments: "\f086";
|
||||
$fa-var-comments-o: "\f0e6";
|
||||
$fa-var-compass: "\f14e";
|
||||
$fa-var-compress: "\f066";
|
||||
$fa-var-connectdevelop: "\f20e";
|
||||
$fa-var-contao: "\f26d";
|
||||
$fa-var-copy: "\f0c5";
|
||||
$fa-var-copyright: "\f1f9";
|
||||
$fa-var-creative-commons: "\f25e";
|
||||
$fa-var-credit-card: "\f09d";
|
||||
$fa-var-credit-card-alt: "\f283";
|
||||
$fa-var-crop: "\f125";
|
||||
$fa-var-crosshairs: "\f05b";
|
||||
$fa-var-css3: "\f13c";
|
||||
$fa-var-cube: "\f1b2";
|
||||
$fa-var-cubes: "\f1b3";
|
||||
$fa-var-cut: "\f0c4";
|
||||
$fa-var-cutlery: "\f0f5";
|
||||
$fa-var-dashboard: "\f0e4";
|
||||
$fa-var-dashcube: "\f210";
|
||||
$fa-var-database: "\f1c0";
|
||||
$fa-var-deaf: "\f2a4";
|
||||
$fa-var-deafness: "\f2a4";
|
||||
$fa-var-dedent: "\f03b";
|
||||
$fa-var-delicious: "\f1a5";
|
||||
$fa-var-desktop: "\f108";
|
||||
$fa-var-deviantart: "\f1bd";
|
||||
$fa-var-diamond: "\f219";
|
||||
$fa-var-digg: "\f1a6";
|
||||
$fa-var-dollar: "\f155";
|
||||
$fa-var-dot-circle-o: "\f192";
|
||||
$fa-var-download: "\f019";
|
||||
$fa-var-dribbble: "\f17d";
|
||||
$fa-var-drivers-license: "\f2c2";
|
||||
$fa-var-drivers-license-o: "\f2c3";
|
||||
$fa-var-dropbox: "\f16b";
|
||||
$fa-var-drupal: "\f1a9";
|
||||
$fa-var-edge: "\f282";
|
||||
$fa-var-edit: "\f044";
|
||||
$fa-var-eercast: "\f2da";
|
||||
$fa-var-eject: "\f052";
|
||||
$fa-var-ellipsis-h: "\f141";
|
||||
$fa-var-ellipsis-v: "\f142";
|
||||
$fa-var-empire: "\f1d1";
|
||||
$fa-var-envelope: "\f0e0";
|
||||
$fa-var-envelope-o: "\f003";
|
||||
$fa-var-envelope-open: "\f2b6";
|
||||
$fa-var-envelope-open-o: "\f2b7";
|
||||
$fa-var-envelope-square: "\f199";
|
||||
$fa-var-envira: "\f299";
|
||||
$fa-var-eraser: "\f12d";
|
||||
$fa-var-etsy: "\f2d7";
|
||||
$fa-var-eur: "\f153";
|
||||
$fa-var-euro: "\f153";
|
||||
$fa-var-exchange: "\f0ec";
|
||||
$fa-var-exclamation: "\f12a";
|
||||
$fa-var-exclamation-circle: "\f06a";
|
||||
$fa-var-exclamation-triangle: "\f071";
|
||||
$fa-var-expand: "\f065";
|
||||
$fa-var-expeditedssl: "\f23e";
|
||||
$fa-var-external-link: "\f08e";
|
||||
$fa-var-external-link-square: "\f14c";
|
||||
$fa-var-eye: "\f06e";
|
||||
$fa-var-eye-slash: "\f070";
|
||||
$fa-var-eyedropper: "\f1fb";
|
||||
$fa-var-fa: "\f2b4";
|
||||
$fa-var-facebook: "\f09a";
|
||||
$fa-var-facebook-f: "\f09a";
|
||||
$fa-var-facebook-official: "\f230";
|
||||
$fa-var-facebook-square: "\f082";
|
||||
$fa-var-fast-backward: "\f049";
|
||||
$fa-var-fast-forward: "\f050";
|
||||
$fa-var-fax: "\f1ac";
|
||||
$fa-var-feed: "\f09e";
|
||||
$fa-var-female: "\f182";
|
||||
$fa-var-fighter-jet: "\f0fb";
|
||||
$fa-var-file: "\f15b";
|
||||
$fa-var-file-archive-o: "\f1c6";
|
||||
$fa-var-file-audio-o: "\f1c7";
|
||||
$fa-var-file-code-o: "\f1c9";
|
||||
$fa-var-file-excel-o: "\f1c3";
|
||||
$fa-var-file-image-o: "\f1c5";
|
||||
$fa-var-file-movie-o: "\f1c8";
|
||||
$fa-var-file-o: "\f016";
|
||||
$fa-var-file-pdf-o: "\f1c1";
|
||||
$fa-var-file-photo-o: "\f1c5";
|
||||
$fa-var-file-picture-o: "\f1c5";
|
||||
$fa-var-file-powerpoint-o: "\f1c4";
|
||||
$fa-var-file-sound-o: "\f1c7";
|
||||
$fa-var-file-text: "\f15c";
|
||||
$fa-var-file-text-o: "\f0f6";
|
||||
$fa-var-file-video-o: "\f1c8";
|
||||
$fa-var-file-word-o: "\f1c2";
|
||||
$fa-var-file-zip-o: "\f1c6";
|
||||
$fa-var-files-o: "\f0c5";
|
||||
$fa-var-film: "\f008";
|
||||
$fa-var-filter: "\f0b0";
|
||||
$fa-var-fire: "\f06d";
|
||||
$fa-var-fire-extinguisher: "\f134";
|
||||
$fa-var-firefox: "\f269";
|
||||
$fa-var-first-order: "\f2b0";
|
||||
$fa-var-flag: "\f024";
|
||||
$fa-var-flag-checkered: "\f11e";
|
||||
$fa-var-flag-o: "\f11d";
|
||||
$fa-var-flash: "\f0e7";
|
||||
$fa-var-flask: "\f0c3";
|
||||
$fa-var-flickr: "\f16e";
|
||||
$fa-var-floppy-o: "\f0c7";
|
||||
$fa-var-folder: "\f07b";
|
||||
$fa-var-folder-o: "\f114";
|
||||
$fa-var-folder-open: "\f07c";
|
||||
$fa-var-folder-open-o: "\f115";
|
||||
$fa-var-font: "\f031";
|
||||
$fa-var-font-awesome: "\f2b4";
|
||||
$fa-var-fonticons: "\f280";
|
||||
$fa-var-fort-awesome: "\f286";
|
||||
$fa-var-forumbee: "\f211";
|
||||
$fa-var-forward: "\f04e";
|
||||
$fa-var-foursquare: "\f180";
|
||||
$fa-var-free-code-camp: "\f2c5";
|
||||
$fa-var-frown-o: "\f119";
|
||||
$fa-var-futbol-o: "\f1e3";
|
||||
$fa-var-gamepad: "\f11b";
|
||||
$fa-var-gavel: "\f0e3";
|
||||
$fa-var-gbp: "\f154";
|
||||
$fa-var-ge: "\f1d1";
|
||||
$fa-var-gear: "\f013";
|
||||
$fa-var-gears: "\f085";
|
||||
$fa-var-genderless: "\f22d";
|
||||
$fa-var-get-pocket: "\f265";
|
||||
$fa-var-gg: "\f260";
|
||||
$fa-var-gg-circle: "\f261";
|
||||
$fa-var-gift: "\f06b";
|
||||
$fa-var-git: "\f1d3";
|
||||
$fa-var-git-square: "\f1d2";
|
||||
$fa-var-github: "\f09b";
|
||||
$fa-var-github-alt: "\f113";
|
||||
$fa-var-github-square: "\f092";
|
||||
$fa-var-gitlab: "\f296";
|
||||
$fa-var-gittip: "\f184";
|
||||
$fa-var-glass: "\f000";
|
||||
$fa-var-glide: "\f2a5";
|
||||
$fa-var-glide-g: "\f2a6";
|
||||
$fa-var-globe: "\f0ac";
|
||||
$fa-var-google: "\f1a0";
|
||||
$fa-var-google-plus: "\f0d5";
|
||||
$fa-var-google-plus-circle: "\f2b3";
|
||||
$fa-var-google-plus-official: "\f2b3";
|
||||
$fa-var-google-plus-square: "\f0d4";
|
||||
$fa-var-google-wallet: "\f1ee";
|
||||
$fa-var-graduation-cap: "\f19d";
|
||||
$fa-var-gratipay: "\f184";
|
||||
$fa-var-grav: "\f2d6";
|
||||
$fa-var-group: "\f0c0";
|
||||
$fa-var-h-square: "\f0fd";
|
||||
$fa-var-hacker-news: "\f1d4";
|
||||
$fa-var-hand-grab-o: "\f255";
|
||||
$fa-var-hand-lizard-o: "\f258";
|
||||
$fa-var-hand-o-down: "\f0a7";
|
||||
$fa-var-hand-o-left: "\f0a5";
|
||||
$fa-var-hand-o-right: "\f0a4";
|
||||
$fa-var-hand-o-up: "\f0a6";
|
||||
$fa-var-hand-paper-o: "\f256";
|
||||
$fa-var-hand-peace-o: "\f25b";
|
||||
$fa-var-hand-pointer-o: "\f25a";
|
||||
$fa-var-hand-rock-o: "\f255";
|
||||
$fa-var-hand-scissors-o: "\f257";
|
||||
$fa-var-hand-spock-o: "\f259";
|
||||
$fa-var-hand-stop-o: "\f256";
|
||||
$fa-var-handshake-o: "\f2b5";
|
||||
$fa-var-hard-of-hearing: "\f2a4";
|
||||
$fa-var-hashtag: "\f292";
|
||||
$fa-var-hdd-o: "\f0a0";
|
||||
$fa-var-header: "\f1dc";
|
||||
$fa-var-headphones: "\f025";
|
||||
$fa-var-heart: "\f004";
|
||||
$fa-var-heart-o: "\f08a";
|
||||
$fa-var-heartbeat: "\f21e";
|
||||
$fa-var-history: "\f1da";
|
||||
$fa-var-home: "\f015";
|
||||
$fa-var-hospital-o: "\f0f8";
|
||||
$fa-var-hotel: "\f236";
|
||||
$fa-var-hourglass: "\f254";
|
||||
$fa-var-hourglass-1: "\f251";
|
||||
$fa-var-hourglass-2: "\f252";
|
||||
$fa-var-hourglass-3: "\f253";
|
||||
$fa-var-hourglass-end: "\f253";
|
||||
$fa-var-hourglass-half: "\f252";
|
||||
$fa-var-hourglass-o: "\f250";
|
||||
$fa-var-hourglass-start: "\f251";
|
||||
$fa-var-houzz: "\f27c";
|
||||
$fa-var-html5: "\f13b";
|
||||
$fa-var-i-cursor: "\f246";
|
||||
$fa-var-id-badge: "\f2c1";
|
||||
$fa-var-id-card: "\f2c2";
|
||||
$fa-var-id-card-o: "\f2c3";
|
||||
$fa-var-ils: "\f20b";
|
||||
$fa-var-image: "\f03e";
|
||||
$fa-var-imdb: "\f2d8";
|
||||
$fa-var-inbox: "\f01c";
|
||||
$fa-var-indent: "\f03c";
|
||||
$fa-var-industry: "\f275";
|
||||
$fa-var-info: "\f129";
|
||||
$fa-var-info-circle: "\f05a";
|
||||
$fa-var-inr: "\f156";
|
||||
$fa-var-instagram: "\f16d";
|
||||
$fa-var-institution: "\f19c";
|
||||
$fa-var-internet-explorer: "\f26b";
|
||||
$fa-var-intersex: "\f224";
|
||||
$fa-var-ioxhost: "\f208";
|
||||
$fa-var-italic: "\f033";
|
||||
$fa-var-joomla: "\f1aa";
|
||||
$fa-var-jpy: "\f157";
|
||||
$fa-var-jsfiddle: "\f1cc";
|
||||
$fa-var-key: "\f084";
|
||||
$fa-var-keyboard-o: "\f11c";
|
||||
$fa-var-krw: "\f159";
|
||||
$fa-var-language: "\f1ab";
|
||||
$fa-var-laptop: "\f109";
|
||||
$fa-var-lastfm: "\f202";
|
||||
$fa-var-lastfm-square: "\f203";
|
||||
$fa-var-leaf: "\f06c";
|
||||
$fa-var-leanpub: "\f212";
|
||||
$fa-var-legal: "\f0e3";
|
||||
$fa-var-lemon-o: "\f094";
|
||||
$fa-var-level-down: "\f149";
|
||||
$fa-var-level-up: "\f148";
|
||||
$fa-var-life-bouy: "\f1cd";
|
||||
$fa-var-life-buoy: "\f1cd";
|
||||
$fa-var-life-ring: "\f1cd";
|
||||
$fa-var-life-saver: "\f1cd";
|
||||
$fa-var-lightbulb-o: "\f0eb";
|
||||
$fa-var-line-chart: "\f201";
|
||||
$fa-var-link: "\f0c1";
|
||||
$fa-var-linkedin: "\f0e1";
|
||||
$fa-var-linkedin-square: "\f08c";
|
||||
$fa-var-linode: "\f2b8";
|
||||
$fa-var-linux: "\f17c";
|
||||
$fa-var-list: "\f03a";
|
||||
$fa-var-list-alt: "\f022";
|
||||
$fa-var-list-ol: "\f0cb";
|
||||
$fa-var-list-ul: "\f0ca";
|
||||
$fa-var-location-arrow: "\f124";
|
||||
$fa-var-lock: "\f023";
|
||||
$fa-var-long-arrow-down: "\f175";
|
||||
$fa-var-long-arrow-left: "\f177";
|
||||
$fa-var-long-arrow-right: "\f178";
|
||||
$fa-var-long-arrow-up: "\f176";
|
||||
$fa-var-low-vision: "\f2a8";
|
||||
$fa-var-magic: "\f0d0";
|
||||
$fa-var-magnet: "\f076";
|
||||
$fa-var-mail-forward: "\f064";
|
||||
$fa-var-mail-reply: "\f112";
|
||||
$fa-var-mail-reply-all: "\f122";
|
||||
$fa-var-male: "\f183";
|
||||
$fa-var-map: "\f279";
|
||||
$fa-var-map-marker: "\f041";
|
||||
$fa-var-map-o: "\f278";
|
||||
$fa-var-map-pin: "\f276";
|
||||
$fa-var-map-signs: "\f277";
|
||||
$fa-var-mars: "\f222";
|
||||
$fa-var-mars-double: "\f227";
|
||||
$fa-var-mars-stroke: "\f229";
|
||||
$fa-var-mars-stroke-h: "\f22b";
|
||||
$fa-var-mars-stroke-v: "\f22a";
|
||||
$fa-var-maxcdn: "\f136";
|
||||
$fa-var-meanpath: "\f20c";
|
||||
$fa-var-medium: "\f23a";
|
||||
$fa-var-medkit: "\f0fa";
|
||||
$fa-var-meetup: "\f2e0";
|
||||
$fa-var-meh-o: "\f11a";
|
||||
$fa-var-mercury: "\f223";
|
||||
$fa-var-microchip: "\f2db";
|
||||
$fa-var-microphone: "\f130";
|
||||
$fa-var-microphone-slash: "\f131";
|
||||
$fa-var-minus: "\f068";
|
||||
$fa-var-minus-circle: "\f056";
|
||||
$fa-var-minus-square: "\f146";
|
||||
$fa-var-minus-square-o: "\f147";
|
||||
$fa-var-mixcloud: "\f289";
|
||||
$fa-var-mobile: "\f10b";
|
||||
$fa-var-mobile-phone: "\f10b";
|
||||
$fa-var-modx: "\f285";
|
||||
$fa-var-money: "\f0d6";
|
||||
$fa-var-moon-o: "\f186";
|
||||
$fa-var-mortar-board: "\f19d";
|
||||
$fa-var-motorcycle: "\f21c";
|
||||
$fa-var-mouse-pointer: "\f245";
|
||||
$fa-var-music: "\f001";
|
||||
$fa-var-navicon: "\f0c9";
|
||||
$fa-var-neuter: "\f22c";
|
||||
$fa-var-newspaper-o: "\f1ea";
|
||||
$fa-var-object-group: "\f247";
|
||||
$fa-var-object-ungroup: "\f248";
|
||||
$fa-var-odnoklassniki: "\f263";
|
||||
$fa-var-odnoklassniki-square: "\f264";
|
||||
$fa-var-opencart: "\f23d";
|
||||
$fa-var-openid: "\f19b";
|
||||
$fa-var-opera: "\f26a";
|
||||
$fa-var-optin-monster: "\f23c";
|
||||
$fa-var-outdent: "\f03b";
|
||||
$fa-var-pagelines: "\f18c";
|
||||
$fa-var-paint-brush: "\f1fc";
|
||||
$fa-var-paper-plane: "\f1d8";
|
||||
$fa-var-paper-plane-o: "\f1d9";
|
||||
$fa-var-paperclip: "\f0c6";
|
||||
$fa-var-paragraph: "\f1dd";
|
||||
$fa-var-paste: "\f0ea";
|
||||
$fa-var-pause: "\f04c";
|
||||
$fa-var-pause-circle: "\f28b";
|
||||
$fa-var-pause-circle-o: "\f28c";
|
||||
$fa-var-paw: "\f1b0";
|
||||
$fa-var-paypal: "\f1ed";
|
||||
$fa-var-pencil: "\f040";
|
||||
$fa-var-pencil-square: "\f14b";
|
||||
$fa-var-pencil-square-o: "\f044";
|
||||
$fa-var-percent: "\f295";
|
||||
$fa-var-phone: "\f095";
|
||||
$fa-var-phone-square: "\f098";
|
||||
$fa-var-photo: "\f03e";
|
||||
$fa-var-picture-o: "\f03e";
|
||||
$fa-var-pie-chart: "\f200";
|
||||
$fa-var-pied-piper: "\f2ae";
|
||||
$fa-var-pied-piper-alt: "\f1a8";
|
||||
$fa-var-pied-piper-pp: "\f1a7";
|
||||
$fa-var-pinterest: "\f0d2";
|
||||
$fa-var-pinterest-p: "\f231";
|
||||
$fa-var-pinterest-square: "\f0d3";
|
||||
$fa-var-plane: "\f072";
|
||||
$fa-var-play: "\f04b";
|
||||
$fa-var-play-circle: "\f144";
|
||||
$fa-var-play-circle-o: "\f01d";
|
||||
$fa-var-plug: "\f1e6";
|
||||
$fa-var-plus: "\f067";
|
||||
$fa-var-plus-circle: "\f055";
|
||||
$fa-var-plus-square: "\f0fe";
|
||||
$fa-var-plus-square-o: "\f196";
|
||||
$fa-var-podcast: "\f2ce";
|
||||
$fa-var-power-off: "\f011";
|
||||
$fa-var-print: "\f02f";
|
||||
$fa-var-product-hunt: "\f288";
|
||||
$fa-var-puzzle-piece: "\f12e";
|
||||
$fa-var-qq: "\f1d6";
|
||||
$fa-var-qrcode: "\f029";
|
||||
$fa-var-question: "\f128";
|
||||
$fa-var-question-circle: "\f059";
|
||||
$fa-var-question-circle-o: "\f29c";
|
||||
$fa-var-quora: "\f2c4";
|
||||
$fa-var-quote-left: "\f10d";
|
||||
$fa-var-quote-right: "\f10e";
|
||||
$fa-var-ra: "\f1d0";
|
||||
$fa-var-random: "\f074";
|
||||
$fa-var-ravelry: "\f2d9";
|
||||
$fa-var-rebel: "\f1d0";
|
||||
$fa-var-recycle: "\f1b8";
|
||||
$fa-var-reddit: "\f1a1";
|
||||
$fa-var-reddit-alien: "\f281";
|
||||
$fa-var-reddit-square: "\f1a2";
|
||||
$fa-var-refresh: "\f021";
|
||||
$fa-var-registered: "\f25d";
|
||||
$fa-var-remove: "\f00d";
|
||||
$fa-var-renren: "\f18b";
|
||||
$fa-var-reorder: "\f0c9";
|
||||
$fa-var-repeat: "\f01e";
|
||||
$fa-var-reply: "\f112";
|
||||
$fa-var-reply-all: "\f122";
|
||||
$fa-var-resistance: "\f1d0";
|
||||
$fa-var-retweet: "\f079";
|
||||
$fa-var-rmb: "\f157";
|
||||
$fa-var-road: "\f018";
|
||||
$fa-var-rocket: "\f135";
|
||||
$fa-var-rotate-left: "\f0e2";
|
||||
$fa-var-rotate-right: "\f01e";
|
||||
$fa-var-rouble: "\f158";
|
||||
$fa-var-rss: "\f09e";
|
||||
$fa-var-rss-square: "\f143";
|
||||
$fa-var-rub: "\f158";
|
||||
$fa-var-ruble: "\f158";
|
||||
$fa-var-rupee: "\f156";
|
||||
$fa-var-s15: "\f2cd";
|
||||
$fa-var-safari: "\f267";
|
||||
$fa-var-save: "\f0c7";
|
||||
$fa-var-scissors: "\f0c4";
|
||||
$fa-var-scribd: "\f28a";
|
||||
$fa-var-search: "\f002";
|
||||
$fa-var-search-minus: "\f010";
|
||||
$fa-var-search-plus: "\f00e";
|
||||
$fa-var-sellsy: "\f213";
|
||||
$fa-var-send: "\f1d8";
|
||||
$fa-var-send-o: "\f1d9";
|
||||
$fa-var-server: "\f233";
|
||||
$fa-var-share: "\f064";
|
||||
$fa-var-share-alt: "\f1e0";
|
||||
$fa-var-share-alt-square: "\f1e1";
|
||||
$fa-var-share-square: "\f14d";
|
||||
$fa-var-share-square-o: "\f045";
|
||||
$fa-var-shekel: "\f20b";
|
||||
$fa-var-sheqel: "\f20b";
|
||||
$fa-var-shield: "\f132";
|
||||
$fa-var-ship: "\f21a";
|
||||
$fa-var-shirtsinbulk: "\f214";
|
||||
$fa-var-shopping-bag: "\f290";
|
||||
$fa-var-shopping-basket: "\f291";
|
||||
$fa-var-shopping-cart: "\f07a";
|
||||
$fa-var-shower: "\f2cc";
|
||||
$fa-var-sign-in: "\f090";
|
||||
$fa-var-sign-language: "\f2a7";
|
||||
$fa-var-sign-out: "\f08b";
|
||||
$fa-var-signal: "\f012";
|
||||
$fa-var-signing: "\f2a7";
|
||||
$fa-var-simplybuilt: "\f215";
|
||||
$fa-var-sitemap: "\f0e8";
|
||||
$fa-var-skyatlas: "\f216";
|
||||
$fa-var-skype: "\f17e";
|
||||
$fa-var-slack: "\f198";
|
||||
$fa-var-sliders: "\f1de";
|
||||
$fa-var-slideshare: "\f1e7";
|
||||
$fa-var-smile-o: "\f118";
|
||||
$fa-var-snapchat: "\f2ab";
|
||||
$fa-var-snapchat-ghost: "\f2ac";
|
||||
$fa-var-snapchat-square: "\f2ad";
|
||||
$fa-var-snowflake-o: "\f2dc";
|
||||
$fa-var-soccer-ball-o: "\f1e3";
|
||||
$fa-var-sort: "\f0dc";
|
||||
$fa-var-sort-alpha-asc: "\f15d";
|
||||
$fa-var-sort-alpha-desc: "\f15e";
|
||||
$fa-var-sort-amount-asc: "\f160";
|
||||
$fa-var-sort-amount-desc: "\f161";
|
||||
$fa-var-sort-asc: "\f0de";
|
||||
$fa-var-sort-desc: "\f0dd";
|
||||
$fa-var-sort-down: "\f0dd";
|
||||
$fa-var-sort-numeric-asc: "\f162";
|
||||
$fa-var-sort-numeric-desc: "\f163";
|
||||
$fa-var-sort-up: "\f0de";
|
||||
$fa-var-soundcloud: "\f1be";
|
||||
$fa-var-space-shuttle: "\f197";
|
||||
$fa-var-spinner: "\f110";
|
||||
$fa-var-spoon: "\f1b1";
|
||||
$fa-var-spotify: "\f1bc";
|
||||
$fa-var-square: "\f0c8";
|
||||
$fa-var-square-o: "\f096";
|
||||
$fa-var-stack-exchange: "\f18d";
|
||||
$fa-var-stack-overflow: "\f16c";
|
||||
$fa-var-star: "\f005";
|
||||
$fa-var-star-half: "\f089";
|
||||
$fa-var-star-half-empty: "\f123";
|
||||
$fa-var-star-half-full: "\f123";
|
||||
$fa-var-star-half-o: "\f123";
|
||||
$fa-var-star-o: "\f006";
|
||||
$fa-var-steam: "\f1b6";
|
||||
$fa-var-steam-square: "\f1b7";
|
||||
$fa-var-step-backward: "\f048";
|
||||
$fa-var-step-forward: "\f051";
|
||||
$fa-var-stethoscope: "\f0f1";
|
||||
$fa-var-sticky-note: "\f249";
|
||||
$fa-var-sticky-note-o: "\f24a";
|
||||
$fa-var-stop: "\f04d";
|
||||
$fa-var-stop-circle: "\f28d";
|
||||
$fa-var-stop-circle-o: "\f28e";
|
||||
$fa-var-street-view: "\f21d";
|
||||
$fa-var-strikethrough: "\f0cc";
|
||||
$fa-var-stumbleupon: "\f1a4";
|
||||
$fa-var-stumbleupon-circle: "\f1a3";
|
||||
$fa-var-subscript: "\f12c";
|
||||
$fa-var-subway: "\f239";
|
||||
$fa-var-suitcase: "\f0f2";
|
||||
$fa-var-sun-o: "\f185";
|
||||
$fa-var-superpowers: "\f2dd";
|
||||
$fa-var-superscript: "\f12b";
|
||||
$fa-var-support: "\f1cd";
|
||||
$fa-var-table: "\f0ce";
|
||||
$fa-var-tablet: "\f10a";
|
||||
$fa-var-tachometer: "\f0e4";
|
||||
$fa-var-tag: "\f02b";
|
||||
$fa-var-tags: "\f02c";
|
||||
$fa-var-tasks: "\f0ae";
|
||||
$fa-var-taxi: "\f1ba";
|
||||
$fa-var-telegram: "\f2c6";
|
||||
$fa-var-television: "\f26c";
|
||||
$fa-var-tencent-weibo: "\f1d5";
|
||||
$fa-var-terminal: "\f120";
|
||||
$fa-var-text-height: "\f034";
|
||||
$fa-var-text-width: "\f035";
|
||||
$fa-var-th: "\f00a";
|
||||
$fa-var-th-large: "\f009";
|
||||
$fa-var-th-list: "\f00b";
|
||||
$fa-var-themeisle: "\f2b2";
|
||||
$fa-var-thermometer: "\f2c7";
|
||||
$fa-var-thermometer-0: "\f2cb";
|
||||
$fa-var-thermometer-1: "\f2ca";
|
||||
$fa-var-thermometer-2: "\f2c9";
|
||||
$fa-var-thermometer-3: "\f2c8";
|
||||
$fa-var-thermometer-4: "\f2c7";
|
||||
$fa-var-thermometer-empty: "\f2cb";
|
||||
$fa-var-thermometer-full: "\f2c7";
|
||||
$fa-var-thermometer-half: "\f2c9";
|
||||
$fa-var-thermometer-quarter: "\f2ca";
|
||||
$fa-var-thermometer-three-quarters: "\f2c8";
|
||||
$fa-var-thumb-tack: "\f08d";
|
||||
$fa-var-thumbs-down: "\f165";
|
||||
$fa-var-thumbs-o-down: "\f088";
|
||||
$fa-var-thumbs-o-up: "\f087";
|
||||
$fa-var-thumbs-up: "\f164";
|
||||
$fa-var-ticket: "\f145";
|
||||
$fa-var-times: "\f00d";
|
||||
$fa-var-times-circle: "\f057";
|
||||
$fa-var-times-circle-o: "\f05c";
|
||||
$fa-var-times-rectangle: "\f2d3";
|
||||
$fa-var-times-rectangle-o: "\f2d4";
|
||||
$fa-var-tint: "\f043";
|
||||
$fa-var-toggle-down: "\f150";
|
||||
$fa-var-toggle-left: "\f191";
|
||||
$fa-var-toggle-off: "\f204";
|
||||
$fa-var-toggle-on: "\f205";
|
||||
$fa-var-toggle-right: "\f152";
|
||||
$fa-var-toggle-up: "\f151";
|
||||
$fa-var-trademark: "\f25c";
|
||||
$fa-var-train: "\f238";
|
||||
$fa-var-transgender: "\f224";
|
||||
$fa-var-transgender-alt: "\f225";
|
||||
$fa-var-trash: "\f1f8";
|
||||
$fa-var-trash-o: "\f014";
|
||||
$fa-var-tree: "\f1bb";
|
||||
$fa-var-trello: "\f181";
|
||||
$fa-var-tripadvisor: "\f262";
|
||||
$fa-var-trophy: "\f091";
|
||||
$fa-var-truck: "\f0d1";
|
||||
$fa-var-try: "\f195";
|
||||
$fa-var-tty: "\f1e4";
|
||||
$fa-var-tumblr: "\f173";
|
||||
$fa-var-tumblr-square: "\f174";
|
||||
$fa-var-turkish-lira: "\f195";
|
||||
$fa-var-tv: "\f26c";
|
||||
$fa-var-twitch: "\f1e8";
|
||||
$fa-var-twitter: "\f099";
|
||||
$fa-var-twitter-square: "\f081";
|
||||
$fa-var-umbrella: "\f0e9";
|
||||
$fa-var-underline: "\f0cd";
|
||||
$fa-var-undo: "\f0e2";
|
||||
$fa-var-universal-access: "\f29a";
|
||||
$fa-var-university: "\f19c";
|
||||
$fa-var-unlink: "\f127";
|
||||
$fa-var-unlock: "\f09c";
|
||||
$fa-var-unlock-alt: "\f13e";
|
||||
$fa-var-unsorted: "\f0dc";
|
||||
$fa-var-upload: "\f093";
|
||||
$fa-var-usb: "\f287";
|
||||
$fa-var-usd: "\f155";
|
||||
$fa-var-user: "\f007";
|
||||
$fa-var-user-circle: "\f2bd";
|
||||
$fa-var-user-circle-o: "\f2be";
|
||||
$fa-var-user-md: "\f0f0";
|
||||
$fa-var-user-o: "\f2c0";
|
||||
$fa-var-user-plus: "\f234";
|
||||
$fa-var-user-secret: "\f21b";
|
||||
$fa-var-user-times: "\f235";
|
||||
$fa-var-users: "\f0c0";
|
||||
$fa-var-vcard: "\f2bb";
|
||||
$fa-var-vcard-o: "\f2bc";
|
||||
$fa-var-venus: "\f221";
|
||||
$fa-var-venus-double: "\f226";
|
||||
$fa-var-venus-mars: "\f228";
|
||||
$fa-var-viacoin: "\f237";
|
||||
$fa-var-viadeo: "\f2a9";
|
||||
$fa-var-viadeo-square: "\f2aa";
|
||||
$fa-var-video-camera: "\f03d";
|
||||
$fa-var-vimeo: "\f27d";
|
||||
$fa-var-vimeo-square: "\f194";
|
||||
$fa-var-vine: "\f1ca";
|
||||
$fa-var-vk: "\f189";
|
||||
$fa-var-volume-control-phone: "\f2a0";
|
||||
$fa-var-volume-down: "\f027";
|
||||
$fa-var-volume-off: "\f026";
|
||||
$fa-var-volume-up: "\f028";
|
||||
$fa-var-warning: "\f071";
|
||||
$fa-var-wechat: "\f1d7";
|
||||
$fa-var-weibo: "\f18a";
|
||||
$fa-var-weixin: "\f1d7";
|
||||
$fa-var-whatsapp: "\f232";
|
||||
$fa-var-wheelchair: "\f193";
|
||||
$fa-var-wheelchair-alt: "\f29b";
|
||||
$fa-var-wifi: "\f1eb";
|
||||
$fa-var-wikipedia-w: "\f266";
|
||||
$fa-var-window-close: "\f2d3";
|
||||
$fa-var-window-close-o: "\f2d4";
|
||||
$fa-var-window-maximize: "\f2d0";
|
||||
$fa-var-window-minimize: "\f2d1";
|
||||
$fa-var-window-restore: "\f2d2";
|
||||
$fa-var-windows: "\f17a";
|
||||
$fa-var-won: "\f159";
|
||||
$fa-var-wordpress: "\f19a";
|
||||
$fa-var-wpbeginner: "\f297";
|
||||
$fa-var-wpexplorer: "\f2de";
|
||||
$fa-var-wpforms: "\f298";
|
||||
$fa-var-wrench: "\f0ad";
|
||||
$fa-var-xing: "\f168";
|
||||
$fa-var-xing-square: "\f169";
|
||||
$fa-var-y-combinator: "\f23b";
|
||||
$fa-var-y-combinator-square: "\f1d4";
|
||||
$fa-var-yahoo: "\f19e";
|
||||
$fa-var-yc: "\f23b";
|
||||
$fa-var-yc-square: "\f1d4";
|
||||
$fa-var-yelp: "\f1e9";
|
||||
$fa-var-yen: "\f157";
|
||||
$fa-var-yoast: "\f2b1";
|
||||
$fa-var-youtube: "\f167";
|
||||
$fa-var-youtube-play: "\f16a";
|
||||
$fa-var-youtube-square: "\f166";
|
||||
|
||||
@@ -0,0 +1,272 @@
|
||||
/*
|
||||
* optional grid-Framework, compiled from bootstrap sass
|
||||
*/
|
||||
|
||||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
|
||||
|
||||
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
|
||||
|
||||
.col-xs-1 { width: 8.33333%; }
|
||||
|
||||
.col-xs-2 { width: 16.66667%; }
|
||||
|
||||
.col-xs-3 { width: 25%; }
|
||||
|
||||
.col-xs-4 { width: 33.33333%; }
|
||||
|
||||
.col-xs-5 { width: 41.66667%; }
|
||||
|
||||
.col-xs-6 { width: 50%; }
|
||||
|
||||
.col-xs-7 { width: 58.33333%; }
|
||||
|
||||
.col-xs-8 { width: 66.66667%; }
|
||||
|
||||
.col-xs-9 { width: 75%; }
|
||||
|
||||
.col-xs-10 { width: 83.33333%; }
|
||||
|
||||
.col-xs-11 { width: 91.66667%; }
|
||||
|
||||
.col-xs-12 { width: 100%; }
|
||||
|
||||
.col-xs-pull-0 { right: auto; }
|
||||
|
||||
.col-xs-pull-1 { right: 8.33333%; }
|
||||
|
||||
.col-xs-pull-2 { right: 16.66667%; }
|
||||
|
||||
.col-xs-pull-3 { right: 25%; }
|
||||
|
||||
.col-xs-pull-4 { right: 33.33333%; }
|
||||
|
||||
.col-xs-pull-5 { right: 41.66667%; }
|
||||
|
||||
.col-xs-pull-6 { right: 50%; }
|
||||
|
||||
.col-xs-pull-7 { right: 58.33333%; }
|
||||
|
||||
.col-xs-pull-8 { right: 66.66667%; }
|
||||
|
||||
.col-xs-pull-9 { right: 75%; }
|
||||
|
||||
.col-xs-pull-10 { right: 83.33333%; }
|
||||
|
||||
.col-xs-pull-11 { right: 91.66667%; }
|
||||
|
||||
.col-xs-pull-12 { right: 100%; }
|
||||
|
||||
.col-xs-push-0 { left: auto; }
|
||||
|
||||
.col-xs-push-1 { left: 8.33333%; }
|
||||
|
||||
.col-xs-push-2 { left: 16.66667%; }
|
||||
|
||||
.col-xs-push-3 { left: 25%; }
|
||||
|
||||
.col-xs-push-4 { left: 33.33333%; }
|
||||
|
||||
.col-xs-push-5 { left: 41.66667%; }
|
||||
|
||||
.col-xs-push-6 { left: 50%; }
|
||||
|
||||
.col-xs-push-7 { left: 58.33333%; }
|
||||
|
||||
.col-xs-push-8 { left: 66.66667%; }
|
||||
|
||||
.col-xs-push-9 { left: 75%; }
|
||||
|
||||
.col-xs-push-10 { left: 83.33333%; }
|
||||
|
||||
.col-xs-push-11 { left: 91.66667%; }
|
||||
|
||||
.col-xs-push-12 { left: 100%; }
|
||||
|
||||
.col-xs-offset-0 { margin-left: 0%; }
|
||||
|
||||
.col-xs-offset-1 { margin-left: 8.33333%; }
|
||||
|
||||
.col-xs-offset-2 { margin-left: 16.66667%; }
|
||||
|
||||
.col-xs-offset-3 { margin-left: 25%; }
|
||||
|
||||
.col-xs-offset-4 { margin-left: 33.33333%; }
|
||||
|
||||
.col-xs-offset-5 { margin-left: 41.66667%; }
|
||||
|
||||
.col-xs-offset-6 { margin-left: 50%; }
|
||||
|
||||
.col-xs-offset-7 { margin-left: 58.33333%; }
|
||||
|
||||
.col-xs-offset-8 { margin-left: 66.66667%; }
|
||||
|
||||
.col-xs-offset-9 { margin-left: 75%; }
|
||||
|
||||
.col-xs-offset-10 { margin-left: 83.33333%; }
|
||||
|
||||
.col-xs-offset-11 { margin-left: 91.66667%; }
|
||||
|
||||
.col-xs-offset-12 { margin-left: 100%; }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
|
||||
.col-sm-1 { width: 8.33333%; }
|
||||
.col-sm-2 { width: 16.66667%; }
|
||||
.col-sm-3 { width: 25%; }
|
||||
.col-sm-4 { width: 33.33333%; }
|
||||
.col-sm-5 { width: 41.66667%; }
|
||||
.col-sm-6 { width: 50%; }
|
||||
.col-sm-7 { width: 58.33333%; }
|
||||
.col-sm-8 { width: 66.66667%; }
|
||||
.col-sm-9 { width: 75%; }
|
||||
.col-sm-10 { width: 83.33333%; }
|
||||
.col-sm-11 { width: 91.66667%; }
|
||||
.col-sm-12 { width: 100%; }
|
||||
.col-sm-pull-0 { right: auto; }
|
||||
.col-sm-pull-1 { right: 8.33333%; }
|
||||
.col-sm-pull-2 { right: 16.66667%; }
|
||||
.col-sm-pull-3 { right: 25%; }
|
||||
.col-sm-pull-4 { right: 33.33333%; }
|
||||
.col-sm-pull-5 { right: 41.66667%; }
|
||||
.col-sm-pull-6 { right: 50%; }
|
||||
.col-sm-pull-7 { right: 58.33333%; }
|
||||
.col-sm-pull-8 { right: 66.66667%; }
|
||||
.col-sm-pull-9 { right: 75%; }
|
||||
.col-sm-pull-10 { right: 83.33333%; }
|
||||
.col-sm-pull-11 { right: 91.66667%; }
|
||||
.col-sm-pull-12 { right: 100%; }
|
||||
.col-sm-push-0 { left: auto; }
|
||||
.col-sm-push-1 { left: 8.33333%; }
|
||||
.col-sm-push-2 { left: 16.66667%; }
|
||||
.col-sm-push-3 { left: 25%; }
|
||||
.col-sm-push-4 { left: 33.33333%; }
|
||||
.col-sm-push-5 { left: 41.66667%; }
|
||||
.col-sm-push-6 { left: 50%; }
|
||||
.col-sm-push-7 { left: 58.33333%; }
|
||||
.col-sm-push-8 { left: 66.66667%; }
|
||||
.col-sm-push-9 { left: 75%; }
|
||||
.col-sm-push-10 { left: 83.33333%; }
|
||||
.col-sm-push-11 { left: 91.66667%; }
|
||||
.col-sm-push-12 { left: 100%; }
|
||||
.col-sm-offset-0 { margin-left: 0%; }
|
||||
.col-sm-offset-1 { margin-left: 8.33333%; }
|
||||
.col-sm-offset-2 { margin-left: 16.66667%; }
|
||||
.col-sm-offset-3 { margin-left: 25%; }
|
||||
.col-sm-offset-4 { margin-left: 33.33333%; }
|
||||
.col-sm-offset-5 { margin-left: 41.66667%; }
|
||||
.col-sm-offset-6 { margin-left: 50%; }
|
||||
.col-sm-offset-7 { margin-left: 58.33333%; }
|
||||
.col-sm-offset-8 { margin-left: 66.66667%; }
|
||||
.col-sm-offset-9 { margin-left: 75%; }
|
||||
.col-sm-offset-10 { margin-left: 83.33333%; }
|
||||
.col-sm-offset-11 { margin-left: 91.66667%; }
|
||||
.col-sm-offset-12 { margin-left: 100%; }
|
||||
}
|
||||
@media (min-width: 979px) {
|
||||
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
|
||||
.col-md-1 { width: 8.33333%; }
|
||||
.col-md-2 { width: 16.66667%; }
|
||||
.col-md-3 { width: 25%; }
|
||||
.col-md-4 { width: 33.33333%; }
|
||||
.col-md-5 { width: 41.66667%; }
|
||||
.col-md-6 { width: 50%; }
|
||||
.col-md-7 { width: 58.33333%; }
|
||||
.col-md-8 { width: 66.66667%; }
|
||||
.col-md-9 { width: 75%; }
|
||||
.col-md-10 { width: 83.33333%; }
|
||||
.col-md-11 { width: 91.66667%; }
|
||||
.col-md-12 { width: 100%; }
|
||||
.col-md-pull-0 { right: auto; }
|
||||
.col-md-pull-1 { right: 8.33333%; }
|
||||
.col-md-pull-2 { right: 16.66667%; }
|
||||
.col-md-pull-3 { right: 25%; }
|
||||
.col-md-pull-4 { right: 33.33333%; }
|
||||
.col-md-pull-5 { right: 41.66667%; }
|
||||
.col-md-pull-6 { right: 50%; }
|
||||
.col-md-pull-7 { right: 58.33333%; }
|
||||
.col-md-pull-8 { right: 66.66667%; }
|
||||
.col-md-pull-9 { right: 75%; }
|
||||
.col-md-pull-10 { right: 83.33333%; }
|
||||
.col-md-pull-11 { right: 91.66667%; }
|
||||
.col-md-pull-12 { right: 100%; }
|
||||
.col-md-push-0 { left: auto; }
|
||||
.col-md-push-1 { left: 8.33333%; }
|
||||
.col-md-push-2 { left: 16.66667%; }
|
||||
.col-md-push-3 { left: 25%; }
|
||||
.col-md-push-4 { left: 33.33333%; }
|
||||
.col-md-push-5 { left: 41.66667%; }
|
||||
.col-md-push-6 { left: 50%; }
|
||||
.col-md-push-7 { left: 58.33333%; }
|
||||
.col-md-push-8 { left: 66.66667%; }
|
||||
.col-md-push-9 { left: 75%; }
|
||||
.col-md-push-10 { left: 83.33333%; }
|
||||
.col-md-push-11 { left: 91.66667%; }
|
||||
.col-md-push-12 { left: 100%; }
|
||||
.col-md-offset-0 { margin-left: 0%; }
|
||||
.col-md-offset-1 { margin-left: 8.33333%; }
|
||||
.col-md-offset-2 { margin-left: 16.66667%; }
|
||||
.col-md-offset-3 { margin-left: 25%; }
|
||||
.col-md-offset-4 { margin-left: 33.33333%; }
|
||||
.col-md-offset-5 { margin-left: 41.66667%; }
|
||||
.col-md-offset-6 { margin-left: 50%; }
|
||||
.col-md-offset-7 { margin-left: 58.33333%; }
|
||||
.col-md-offset-8 { margin-left: 66.66667%; }
|
||||
.col-md-offset-9 { margin-left: 75%; }
|
||||
.col-md-offset-10 { margin-left: 83.33333%; }
|
||||
.col-md-offset-11 { margin-left: 91.66667%; }
|
||||
.col-md-offset-12 { margin-left: 100%; }
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
|
||||
.col-lg-1 { width: 8.33333%; }
|
||||
.col-lg-2 { width: 16.66667%; }
|
||||
.col-lg-3 { width: 25%; }
|
||||
.col-lg-4 { width: 33.33333%; }
|
||||
.col-lg-5 { width: 41.66667%; }
|
||||
.col-lg-6 { width: 50%; }
|
||||
.col-lg-7 { width: 58.33333%; }
|
||||
.col-lg-8 { width: 66.66667%; }
|
||||
.col-lg-9 { width: 75%; }
|
||||
.col-lg-10 { width: 83.33333%; }
|
||||
.col-lg-11 { width: 91.66667%; }
|
||||
.col-lg-12 { width: 100%; }
|
||||
.col-lg-pull-0 { right: auto; }
|
||||
.col-lg-pull-1 { right: 8.33333%; }
|
||||
.col-lg-pull-2 { right: 16.66667%; }
|
||||
.col-lg-pull-3 { right: 25%; }
|
||||
.col-lg-pull-4 { right: 33.33333%; }
|
||||
.col-lg-pull-5 { right: 41.66667%; }
|
||||
.col-lg-pull-6 { right: 50%; }
|
||||
.col-lg-pull-7 { right: 58.33333%; }
|
||||
.col-lg-pull-8 { right: 66.66667%; }
|
||||
.col-lg-pull-9 { right: 75%; }
|
||||
.col-lg-pull-10 { right: 83.33333%; }
|
||||
.col-lg-pull-11 { right: 91.66667%; }
|
||||
.col-lg-pull-12 { right: 100%; }
|
||||
.col-lg-push-0 { left: auto; }
|
||||
.col-lg-push-1 { left: 8.33333%; }
|
||||
.col-lg-push-2 { left: 16.66667%; }
|
||||
.col-lg-push-3 { left: 25%; }
|
||||
.col-lg-push-4 { left: 33.33333%; }
|
||||
.col-lg-push-5 { left: 41.66667%; }
|
||||
.col-lg-push-6 { left: 50%; }
|
||||
.col-lg-push-7 { left: 58.33333%; }
|
||||
.col-lg-push-8 { left: 66.66667%; }
|
||||
.col-lg-push-9 { left: 75%; }
|
||||
.col-lg-push-10 { left: 83.33333%; }
|
||||
.col-lg-push-11 { left: 91.66667%; }
|
||||
.col-lg-push-12 { left: 100%; }
|
||||
.col-lg-offset-0 { margin-left: 0%; }
|
||||
.col-lg-offset-1 { margin-left: 8.33333%; }
|
||||
.col-lg-offset-2 { margin-left: 16.66667%; }
|
||||
.col-lg-offset-3 { margin-left: 25%; }
|
||||
.col-lg-offset-4 { margin-left: 33.33333%; }
|
||||
.col-lg-offset-5 { margin-left: 41.66667%; }
|
||||
.col-lg-offset-6 { margin-left: 50%; }
|
||||
.col-lg-offset-7 { margin-left: 58.33333%; }
|
||||
.col-lg-offset-8 { margin-left: 66.66667%; }
|
||||
.col-lg-offset-9 { margin-left: 75%; }
|
||||
.col-lg-offset-10 { margin-left: 83.33333%; }
|
||||
.col-lg-offset-11 { margin-left: 91.66667%; }
|
||||
.col-lg-offset-12 { margin-left: 100%; }
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
// Bootstrap Framework
|
||||
|
||||
@import "bootstrap_colgrids";
|
||||
141
wp-content/themes/Pirate-Rogue/css/sass/mixins/_mixins.scss
Normal file
141
wp-content/themes/Pirate-Rogue/css/sass/mixins/_mixins.scss
Normal file
@@ -0,0 +1,141 @@
|
||||
/*
|
||||
Mixins for borders and gradients
|
||||
*/
|
||||
|
||||
@mixin box-shadow($shadow) {
|
||||
-webkit-box-shadow: $shadow;
|
||||
-moz-box-shadow: $shadow;
|
||||
box-shadow: $shadow;
|
||||
}
|
||||
|
||||
@mixin border-radius($radius) {
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin linear-gradient($fromColor, $toColor) {
|
||||
background-color: $fromColor; /* Fallback Color */
|
||||
background-image: -webkit-gradient(linear, left, right, from($fromColor), to($toColor)); /* Saf4+, Chrome */
|
||||
background-image: -webkit-linear-gradient(left, $fromColor, $toColor); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(left, $fromColor, $toColor); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient(left, $fromColor, $toColor); /* IE10 */
|
||||
background-image: -o-linear-gradient(left, $fromColor, $toColor); /* Opera 11.10+ */
|
||||
background-image: linear-gradient(left, $fromColor, $toColor);
|
||||
}
|
||||
@mixin linear-gradient-fromtop($fromColor, $toColor) {
|
||||
background-color: $fromColor; /* Fallback Color */
|
||||
background-image: -webkit-gradient(linear, top, bottom, from($fromColor), to($toColor)); /* Saf4+, Chrome */
|
||||
background-image: -webkit-linear-gradient(top, $fromColor, $toColor); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, $fromColor, $toColor); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, $fromColor, $toColor); /* IE10 */
|
||||
background-image: -o-linear-gradient(top, $fromColor, $toColor); /* Opera 11.10+ */
|
||||
background-image: linear-gradient(top, $fromColor, $toColor);
|
||||
}
|
||||
|
||||
|
||||
@mixin radial-gradient($color2, $color1) {
|
||||
background: $color2;
|
||||
background: -moz-radial-gradient(center, ellipse cover, $color1 0%, $color2 100%);
|
||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$color1), color-stop(100%,$color2));
|
||||
background: -webkit-radial-gradient(center, ellipse cover, $color1 0%,$color2 100%);
|
||||
background: -o-radial-gradient(center, ellipse cover, $color1 0%,$color2 100%);
|
||||
background: -ms-radial-gradient(center, ellipse cover, $color1 0%,$color2 100%);
|
||||
background: radial-gradient(ellipse at center, $color1 0%,$color2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 );
|
||||
}
|
||||
|
||||
@mixin radial-gradient-image($color2, $color1, $image) {
|
||||
background: $image, $color2;
|
||||
background: $image, -moz-radial-gradient(center, ellipse cover, $color1 0%, $color2 100%);
|
||||
background: $image, -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$color1), color-stop(100%,$color2));
|
||||
background: $image, -webkit-radial-gradient(center, ellipse cover, $color1 0%,$color2 100%);
|
||||
background: $image, -o-radial-gradient(center, ellipse cover, $color1 0%,$color2 100%);
|
||||
background: $image, -ms-radial-gradient(center, ellipse cover, $color1 0%,$color2 100%);
|
||||
background: $image, radial-gradient(ellipse at center, $color1 0%,$color2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 );
|
||||
}
|
||||
|
||||
@mixin transition($duration, $params) {
|
||||
-webkit-transition: $duration $params;
|
||||
-moz-transition: $duration $params;
|
||||
-ms-transition: $duration $params;
|
||||
transition: $duration $params;
|
||||
}
|
||||
|
||||
@mixin hyphens($value) {
|
||||
-moz-hyphens: $value;
|
||||
-o-hyphens: $value;
|
||||
-webkit-hyphens: $value;
|
||||
-ms-hyphens: $value;
|
||||
hyphens: $value;
|
||||
}
|
||||
|
||||
@mixin placeholder($color) {
|
||||
::-webkit-input-placeholder {
|
||||
color: $color;
|
||||
}
|
||||
:-moz-placeholder {
|
||||
color: $color;
|
||||
}
|
||||
::-moz-placeholder {
|
||||
color: $color;
|
||||
}
|
||||
:-ms-input-placeholder {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin no-list() {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin inline-block() {
|
||||
display: inline-block;
|
||||
*display:inline;
|
||||
*zoom:1;
|
||||
}
|
||||
|
||||
@mixin no-margins() {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@mixin line-height($sizeValue: 14) {
|
||||
line-height: floor(($sizeValue * $line-height-base));
|
||||
}
|
||||
|
||||
|
||||
// Center block
|
||||
@mixin center-block {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Clear after (not all clearfix need this also)
|
||||
@mixin clearfix-after() {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
@function px2rem($font-size, $base-font-size: 16) {
|
||||
@return $font-size / $base-font-size + rem;
|
||||
}
|
||||
|
||||
@mixin px2rem($font-size, $base-font-size: 16, $line: $font-size * 1.4) {
|
||||
font-size: $font-size + px; // für den IE8
|
||||
line-height: ($line) + px;
|
||||
font-size: px2rem($font-size, $base-font-size);
|
||||
line-height: ($line / $base-font-size) + rem;
|
||||
}
|
||||
|
||||
42
wp-content/themes/Pirate-Rogue/css/sass/plugins/_cf7.scss
Normal file
42
wp-content/themes/Pirate-Rogue/css/sass/plugins/_cf7.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Contact Form 7
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.site-content {
|
||||
div.wpcf7 {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
padding: 0 0 30px;
|
||||
|
||||
input,
|
||||
textarea,
|
||||
p {
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0;
|
||||
&:last-of-type {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
input {
|
||||
&[type='text'], &[type='email'] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
input.wpcf7-submit,
|
||||
div.wpcf7 p input.wpcf7-submit {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
478
wp-content/themes/Pirate-Rogue/css/sass/plugins/_jetpack.scss
Normal file
478
wp-content/themes/Pirate-Rogue/css/sass/plugins/_jetpack.scss
Normal file
@@ -0,0 +1,478 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Jetpack
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.jetpack_subscription_widget {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin-bottom: 34px;
|
||||
#subscribe-text p {
|
||||
margin-bottom: 23px;
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
p {
|
||||
&#subscribe-email, &#subscribe-submit {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&#subscribe-email input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
input[type="submit"] {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: 100%;
|
||||
border-left: none;
|
||||
}
|
||||
label#jetpack-subscribe-label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-grofile ul.grofile-accounts {
|
||||
margin: 0 auto;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.comment-subscription-form .subscribe-label {
|
||||
display: inline !important;
|
||||
float: none !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
p.comment-subscription-form {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin-top: 2px !important;
|
||||
margin-bottom: 2px !important;
|
||||
font-weight: normal;
|
||||
&:last-child {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_twitter_timeline iframe {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.widget_jetpack_display_posts_widget img {
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
.widget_contact_info {
|
||||
.contact-info-map-canvas {
|
||||
height: 400px;
|
||||
}
|
||||
.confit-address {
|
||||
margin: 30px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
padding: 0 0 30px;
|
||||
div {
|
||||
overflow: hidden;
|
||||
margin-top: 10px;
|
||||
}
|
||||
label {
|
||||
margin-left: 0;
|
||||
margin-bottom: 3px !important;
|
||||
font-weight: 600 !important;
|
||||
span {
|
||||
margin-left: 3 !important;
|
||||
padding-top: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
input, textarea {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.page .contact-form {
|
||||
input {
|
||||
&[type='text'], &[type='email'] {
|
||||
display: block;
|
||||
width: 99%;
|
||||
max-width: 99%;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
display: block;
|
||||
width: 99%;
|
||||
max-width: 99%;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
input {
|
||||
&[type='text'], &[type='email'] {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
}
|
||||
p.contact-submit {
|
||||
clear: both;
|
||||
float: none;
|
||||
overflow: hidden;
|
||||
margin-top: 5px;
|
||||
}
|
||||
input[type='submit'] {
|
||||
width: 99%;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Infinite Scroll --- */
|
||||
|
||||
.infinite-scroll .pagination {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.infinity-end.neverending #colophon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#primary {
|
||||
#infinite-footer .container {
|
||||
display: none;
|
||||
}
|
||||
#infinite-handle {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
float: none;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
span {
|
||||
background: none;
|
||||
border: 2px solid #2b2b2b;
|
||||
border-radius: 0;
|
||||
color: #2b2b2b !important;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 18px;
|
||||
&:hover {
|
||||
padding: 18px;
|
||||
}
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
font-size: 15px;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 600;
|
||||
width: 100%;
|
||||
display: block;
|
||||
button {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
font-size: 15px;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 600;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.infinite-loader {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
.spinner {
|
||||
left: 50% !important;
|
||||
}
|
||||
}
|
||||
#infinite-handle span button {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Jetpack Share Icons --- */
|
||||
|
||||
.disable-share .sharedaddy {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.single-post div.sharedaddy h3.sd-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
.sd-content ul {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.sharedaddy ul li:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.sharedaddy h3.sd-title:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.single-post .sd-social-icon .sd-content ul li[class*='share-'], .page .sd-social-icon .sd-content ul li[class*='share-'] {
|
||||
a {
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
margin: 0;
|
||||
padding: 16px;
|
||||
&:hover {
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
margin: 0;
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
div.option a {
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
margin: 0;
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-post .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button, .page .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
div.sharedaddy h3.sd-title {
|
||||
font-weight: 600 !important;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.single-post .sd-content ul li a.sd-button:before, .page .sd-content ul li a.sd-button:before {
|
||||
font-size: 19px !important;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.single-post .sd-social-icon .sd-content ul li a.sd-button:hover, .page .sd-social-icon .sd-content ul li a.sd-button:hover {
|
||||
color: #fff;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.single-post .sd-social-icon .sd-content ul li a.share-email:hover, .page .sd-social-icon .sd-content ul li a.share-email:hover {
|
||||
color: #555 !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.single-post #sharing_email, .page #sharing_email {
|
||||
z-index: 10000001;
|
||||
}
|
||||
|
||||
/* --- Jetpack Related Posts --- */
|
||||
|
||||
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
|
||||
.jp-relatedposts-post-context, .jp-relatedposts-post-date {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.recommended-posts-wrap #jp-relatedposts {
|
||||
width: 100%;
|
||||
display: none;
|
||||
padding-top: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#jp-relatedposts h3.jp-relatedposts-headline em:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.recommended-posts-wrap #jp-relatedposts {
|
||||
h3.jp-relatedposts-headline {
|
||||
margin: 0;
|
||||
padding: 3px 140px 20px 0;
|
||||
display: block;
|
||||
float: none;
|
||||
font-weight: 600;
|
||||
font-family: inherit;
|
||||
position: relative;
|
||||
border-top: 4px solid #1a1a1a;
|
||||
}
|
||||
.jp-relatedposts-items-visual .jp-relatedposts-post {
|
||||
padding-right: 0;
|
||||
filter: alpha(opacity = 100);
|
||||
-moz-opacity: 1;
|
||||
opacity: 1;
|
||||
width: 46.1%;
|
||||
margin: 0;
|
||||
padding: 20px 0 35px;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
&:nth-of-type(odd) {
|
||||
float: left;
|
||||
margin-right: 2.1865889212828%;
|
||||
clear: left;
|
||||
}
|
||||
&:nth-of-type(even) {
|
||||
float: left;
|
||||
margin-left: 2.1865889212828%;
|
||||
clear: right;
|
||||
}
|
||||
}
|
||||
.jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.1;
|
||||
margin: 0;
|
||||
padding: 8px 0 0 0;
|
||||
}
|
||||
.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* --- Mailchimp for WP Widget --- */
|
||||
|
||||
.widget_mc4wp_form_widget, .jetpack_subscription_widget {
|
||||
padding: 25px 30px 30px;
|
||||
background: #f4f4f4;
|
||||
border: 1px solid #1a1a1a;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#secondary .widget_mc4wp_form_widget:last-of-type, #sidebar-page .widget_mc4wp_form_widget:last-of-type, #secondary .jetpack_subscription_widget:last-of-type, #sidebar-page .jetpack_subscription_widget:last-of-type {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.widget_mc4wp_form_widget h2.widget-title, .jetpack_subscription_widget h2.widget-title {
|
||||
padding: 0 0 15px;
|
||||
border-top: none;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.widget_mc4wp_form_widget p, .jetpack_subscription_widget #subscribe-text p {
|
||||
line-height: 1.4;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.widget_mc4wp_form_widget input[type="email"], .jetpack_subscription_widget #subscribe-email input[type="email"] {
|
||||
width: 100%;
|
||||
padding: 17px 4%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.widget_mc4wp_form_widget input[type="submit"], .jetpack_subscription_widget #subscribe-submit input[type="submit"] {
|
||||
padding: 19px 4%;
|
||||
color: #fff;
|
||||
border: none !important;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.52;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.widget_mc4wp_form_widget input[type="submit"]:hover, .jetpack_subscription_widget #subscribe-submit input[type="submit"]:hover {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* Minimum width of 600 pixels (smartphone landscape)
|
||||
------------------------------------------------------------------------------------ */
|
||||
@media screen and (min-width: $breakpoint-600) {
|
||||
|
||||
.widget_mc4wp_form_widget input[type="email"],
|
||||
.jetpack_subscription_widget #subscribe-email input[type="email"] {
|
||||
width: 58%;
|
||||
float: left;
|
||||
}
|
||||
.widget_mc4wp_form_widget input[type="submit"],
|
||||
.jetpack_subscription_widget #subscribe-submit input[type="submit"] {
|
||||
width: 40%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
/*--- Jetpack Related Posts ---*/
|
||||
.recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
|
||||
width: 21.8%;
|
||||
margin-right: 3.6144578313253%;
|
||||
float: left;
|
||||
clear: none;
|
||||
&:nth-of-type(odd), &:nth-of-type(even) {
|
||||
margin-left: 0;
|
||||
margin-right: 3.6144578313253%;
|
||||
clear: none;
|
||||
}
|
||||
&:nth-of-type(4n+4) {
|
||||
margin-right: 0;
|
||||
clear: right;
|
||||
}
|
||||
&:nth-of-type(4n+1) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
.widget_mc4wp_form_widget input[type="email"],
|
||||
.jetpack_subscription_widget #subscribe-email input[type="email"] {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.widget_mc4wp_form_widget input[type="submit"],
|
||||
.jetpack_subscription_widget #subscribe-submit input[type="submit"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.recommended-posts-wrap {
|
||||
padding-top: 80px;
|
||||
|
||||
#jp-relatedposts .jp-relatedposts-items-visual {
|
||||
.jp-relatedposts-post {
|
||||
width: 22.6%;
|
||||
margin-right: 2.38095238095238%;
|
||||
padding-bottom: 0;
|
||||
&:nth-of-type(odd), &:nth-of-type(even) {
|
||||
margin-right: 2.38095238095238%;
|
||||
}
|
||||
}
|
||||
h4.jp-relatedposts-post-title {
|
||||
padding: 18px 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 85em) {
|
||||
.widget_mc4wp_form_widget p,
|
||||
.jetpack_subscription_widget #subscribe-text p {
|
||||
font-size: 34px;
|
||||
font-size: 2.125rem;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.widget_mc4wp_form_widget,
|
||||
.jetpack_subscription_widget {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
.widget_mc4wp_form_widget input[type="email"],
|
||||
.jetpack_subscription_widget #subscribe-email input[type="email"] {
|
||||
width: 60%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.widget_mc4wp_form_widget input[type="submit"],
|
||||
.jetpack_subscription_widget #subscribe-submit input[type="submit"] {
|
||||
width: 38%;
|
||||
padding: 19px 4%;
|
||||
}
|
||||
|
||||
}
|
||||
1605
wp-content/themes/Pirate-Rogue/css/sass/plugins/_pirate-crew.scss
Normal file
1605
wp-content/themes/Pirate-Rogue/css/sass/plugins/_pirate-crew.scss
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,20 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Plugins
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
// Contact Form 7
|
||||
// @import "jetpack";
|
||||
|
||||
|
||||
// Contact Form 7
|
||||
@import "cf7";
|
||||
|
||||
// Slick Slider
|
||||
@import "slick";
|
||||
@import "slick-gallery";
|
||||
|
||||
|
||||
|
||||
// Pirate Crew Plugin
|
||||
@import "pirate-crew";
|
||||
|
||||
@@ -0,0 +1,175 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider in Gallerys */
|
||||
|
||||
.gallery {
|
||||
|
||||
.slick-loading .slick-list {
|
||||
background: #fff url('./img/ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
color: transparent;
|
||||
display: block;
|
||||
|
||||
width: 50px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
z-index: 20;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus {
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before {
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before {
|
||||
@extend .fa;
|
||||
@extend .fa-3x;
|
||||
line-height: 1;
|
||||
opacity: .75;
|
||||
color: $color-main;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
left: 30px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev {
|
||||
right: 30px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before {
|
||||
@extend .fa-chevron-left;
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before {
|
||||
@extend .fa-chevron-right;
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: 30px;
|
||||
}
|
||||
[dir='rtl'] .slick-next {
|
||||
right: auto;
|
||||
left: 30px;
|
||||
}
|
||||
.slick-next:before {
|
||||
@extend .fa;
|
||||
@extend .fa-chevron-right;
|
||||
}
|
||||
[dir='rtl'] .slick-next:before {
|
||||
@extend .fa;
|
||||
@extend .fa-chevron-left;
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
|
||||
button {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
&:hover:before,
|
||||
&:focus:before {
|
||||
opacity: 0.75;
|
||||
color: $color-main;
|
||||
}
|
||||
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
@extend .fa;
|
||||
@extend .fa-circle;
|
||||
opacity: 0.25;
|
||||
text-align: center;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
}
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
li.slick-active button:before {
|
||||
opacity: 1;
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
|
||||
.slider {
|
||||
img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
li {
|
||||
&::before {
|
||||
content: inherit;
|
||||
display: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.gallery-image-caption {
|
||||
text-align: center;
|
||||
@include px2rem($font-size-gallery-caption);
|
||||
}
|
||||
}
|
||||
}
|
||||
113
wp-content/themes/Pirate-Rogue/css/sass/plugins/_slick.scss
Normal file
113
wp-content/themes/Pirate-Rogue/css/sass/plugins/_slick.scss
Normal file
@@ -0,0 +1,113 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Slick Slider
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after {
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
142
wp-content/themes/Pirate-Rogue/css/sass/structure/_body.scss
Normal file
142
wp-content/themes/Pirate-Rogue/css/sass/structure/_body.scss
Normal file
@@ -0,0 +1,142 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Rahmen
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
html {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $font-family-base;
|
||||
display: block;
|
||||
color: $color-text;
|
||||
background: #ffffff;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.35;
|
||||
|
||||
&.overlay-show {
|
||||
overflow: hidden;
|
||||
}
|
||||
// padding-top: 51px;
|
||||
// if main nav is fixed-positioned */
|
||||
&.blog {
|
||||
&.slider-on.slider-fullscreen,
|
||||
&.headerimg-on.header-fullscreen {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html.overlay-show {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#site-branding,
|
||||
.blog-wrap,
|
||||
.singlepost-wrap,
|
||||
.recommended-posts-wrap,
|
||||
#colophon {
|
||||
padding-left: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
padding-right: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
}
|
||||
|
||||
.mobile-search {
|
||||
padding-left: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
padding-right: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
}
|
||||
|
||||
#overlay-nav ul {
|
||||
li a, ul li a {
|
||||
padding-left: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
padding-right: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
}
|
||||
}
|
||||
|
||||
#mobile-social,
|
||||
#sidebar-offcanvas .widget,
|
||||
.front-section {
|
||||
padding-left: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
padding-right: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
}
|
||||
|
||||
#offcanvas-widgets-open,
|
||||
.headerimg-on.header-boxed .header-image {
|
||||
margin-left: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
margin-right: 5.3125%;
|
||||
/* 17px at 320px */
|
||||
}
|
||||
|
||||
|
||||
#front-section-four .entry-thumbnail a {
|
||||
width: 130%;
|
||||
}
|
||||
|
||||
.featured-content,
|
||||
#front-section-four .type-post {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
.front-section:first-of-type,
|
||||
.page .content-wrap,
|
||||
.singlepost-wrap,
|
||||
.error404 .content-wrap {
|
||||
padding-top: 60px;
|
||||
}
|
||||
*/
|
||||
|
||||
.headerimg-on .front-section:first-of-type {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
||||
.front_section_twocolumn_excerpt {
|
||||
#front-section-twocolumn .entry-summary {display: block;}
|
||||
}
|
||||
.front_section_threecolumn_excerpt {
|
||||
#front-section-threecolumn .entry-summary {display: block;}
|
||||
}
|
||||
.front_section_fourcolumn_excerpt {
|
||||
#front-section-fourcolumn .entry-summary {display: block;}
|
||||
}
|
||||
.front_section_sixcolumn_excerpt {
|
||||
#front-section-sixcolumn .entry-summary {display: block;}
|
||||
}
|
||||
.front_hidedate {
|
||||
.blog .entry-date {display: none !important;}
|
||||
}
|
||||
.front_hidecomments {
|
||||
.blog .entry-comments {display: none !important;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-1024) {
|
||||
.page .content-wrap,
|
||||
.front-section:first-of-type,
|
||||
.page.has-thumb .blog-wrap,
|
||||
.search .blog-wrap,
|
||||
.archive .blog-wrap,
|
||||
.error404 .content-wrap {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.singlepost-wrap {
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
642
wp-content/themes/Pirate-Rogue/css/sass/structure/_entries.scss
Normal file
642
wp-content/themes/Pirate-Rogue/css/sass/structure/_entries.scss
Normal file
@@ -0,0 +1,642 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* 8.0 Blog Posts
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
.entry-thumbnail a {
|
||||
max-height: 900px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.single-post .format-video .entry-thumbnail a:before,
|
||||
.featured-slider .entry-date:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.entry-thumbnail a {
|
||||
position: relative;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.format-video .entry-thumbnail {
|
||||
position: relative;
|
||||
a:before {
|
||||
content: '\25b6';
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 28px;
|
||||
padding: 15px 0 0 16px;
|
||||
font-size: 12px;
|
||||
color: #1a1a1a;
|
||||
background: #fff;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-moz-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
-o-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
#front-section-twocolumn .format-video .entry-thumbnail a:before,
|
||||
#front-section-threecolumn .format-video .entry-thumbnail a:before,
|
||||
.section-one-column-one .format-video .entry-thumbnail a:before,
|
||||
.blog #primary .hentry.format-video:nth-child(4n+1) .entry-thumbnail a:before,
|
||||
.section-two-column-one .format-video .entry-thumbnail a:before {
|
||||
width: 60px;
|
||||
height: 42px;
|
||||
padding: 22px 0 0 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.blog #primary .hentry.format-video:nth-child(4n+1) .entry-thumbnail a:before,
|
||||
#front-section-four .format-video .entry-thumbnail a:before {
|
||||
top: 30px;
|
||||
left: 5.3125%;
|
||||
-webkit-transform: translate(0, 0);
|
||||
-moz-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
-o-transform: translate(0, 0);
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
.featured-slider .format-video .entry-thumbnail a:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sticky {}
|
||||
|
||||
|
||||
/* -- Attachment -- */
|
||||
.attachment {
|
||||
.entry-header {
|
||||
.entry-meta {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Single Post --- */
|
||||
|
||||
.singlepost-wrap,
|
||||
.recommended-posts-wrap {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.single-post {
|
||||
.hentry {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
}
|
||||
.entry-header {
|
||||
display: block;
|
||||
margin: 0 0 35px;
|
||||
padding: 25px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Single Post - Header --- */
|
||||
.single-attachment .entry-header {
|
||||
display: block;
|
||||
margin: 0 0 35px;
|
||||
padding: 25px 0 0;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.single-post {
|
||||
.entry-header {
|
||||
|
||||
h1.entry-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
.hentry .entry-meta {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
padding-top: 15px;
|
||||
border-top: 3px solid #1a1a1a;
|
||||
line-height: 1.6;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment .entry-meta {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
padding-top: 15px;
|
||||
border-top: 3px solid #1a1a1a;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.entry-header p.intro {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 10px 0 0;
|
||||
}
|
||||
|
||||
.meta-columnone {
|
||||
width: 60%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.meta-columntwo, .meta-columthree {
|
||||
width: 40%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.single-post .entry-comments-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.author-pic {
|
||||
width: 35px;
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
img {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
-moz-border-radius: 50px;
|
||||
-webkit-border-radius: 50px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-post {
|
||||
.entry-author,
|
||||
.entry-tags span {
|
||||
font-weight: 600;
|
||||
}
|
||||
.entry-thumbnail {
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
|
||||
.canonical-link {
|
||||
padding: 5px 0 0 0;
|
||||
letter-spacing: 1px;
|
||||
span {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
span:after {
|
||||
content: '\2022';
|
||||
padding: 0 7px;
|
||||
}
|
||||
}
|
||||
.entry-tags {
|
||||
padding: 30px 0 0 0;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
span:after {
|
||||
content: '\2022';
|
||||
padding: 0 7px;
|
||||
}
|
||||
}
|
||||
.authorbox {
|
||||
position: relative;
|
||||
margin: 40px 0 0 0;
|
||||
padding: 30px 0 0 0;
|
||||
clear: both;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
}
|
||||
}
|
||||
.big-thumb {
|
||||
.entry-thumbnail {
|
||||
margin-left: -5.94405594405594%;
|
||||
/* 17px at 320px --- */
|
||||
margin-right: -5.94405594405594%;
|
||||
padding-bottom: 35px;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-meta {
|
||||
margin-top: 0;
|
||||
}
|
||||
.entry-header {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
}
|
||||
.title-wrap {
|
||||
bottom: 88px;
|
||||
width: 111.88811188811188%;
|
||||
margin-left: -5.94405594405594%;
|
||||
/* 17px at 320px --- */
|
||||
margin-right: -5.94405594405594%;
|
||||
padding-bottom: 17px;
|
||||
.entry-cats {
|
||||
padding-left: 5.3125%;
|
||||
padding-right: 5.3125%;
|
||||
}
|
||||
}
|
||||
.entry-header {
|
||||
h1.entry-title, p.intro {
|
||||
padding-left: 5.3125%;
|
||||
padding-right: 5.3125%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.authorbox {
|
||||
.author-pic {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
float: left;
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
.author-heading {
|
||||
padding: 0 0 0 60px;
|
||||
}
|
||||
h3.author-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
span {
|
||||
padding: 0 5px 0 0;
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
}
|
||||
&:after {
|
||||
content: ':';
|
||||
padding-left: 1px;
|
||||
}
|
||||
}
|
||||
p.author-bio {
|
||||
margin: 0;
|
||||
padding: 15px 0 0 60px;
|
||||
}
|
||||
.author-links {
|
||||
padding: 16px 0 0 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.author-links a {
|
||||
&.author-website {
|
||||
position: relative;
|
||||
padding: 0 0 0 20px;
|
||||
display: block;
|
||||
}
|
||||
&.author-twitter {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 4px 0 0 0;
|
||||
padding: 0 0 0 18px;
|
||||
}
|
||||
&.author-website:before,
|
||||
&.author-twitter:before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: -4px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.single-post .hentry .entry-meta,
|
||||
.single-attachment .entry-meta {
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
|
||||
article {
|
||||
header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:$breakpoint-sm) {
|
||||
/* --- Single Post --- */
|
||||
.single-post {
|
||||
.entry-header {
|
||||
margin: 0 0 20px;
|
||||
padding: 25px 0 0;
|
||||
.big-thumb & {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.entry-tags {
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
|
||||
// .entry-thumbnail {
|
||||
// padding-bottom: 53px;
|
||||
// }
|
||||
.big-thumb .entry-thumbnail {
|
||||
padding-bottom: 60px;
|
||||
margin-left: -7.14285714285714%;
|
||||
/* 90px at 1440px */
|
||||
margin-right: -7.14285714285714%;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.big-thumb {
|
||||
.title-wrap {
|
||||
margin-left: -7.14285714285714%;
|
||||
/* 90px at 1440px */
|
||||
margin-right: -7.14285714285714%;
|
||||
bottom: 128px;
|
||||
padding-bottom: 35px;
|
||||
width: 114.28571428571428%;
|
||||
.entry-cats {
|
||||
padding-left: 6.25%;
|
||||
padding-right: 6.25%;
|
||||
}
|
||||
h1.entry-title, p.intro {
|
||||
padding-left: 6.25%;
|
||||
padding-right: 6.25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.meta-columnone {
|
||||
display: block;
|
||||
width: 320px;
|
||||
}
|
||||
.meta-columntwo {
|
||||
display: block;
|
||||
width: 320px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.author-pic {
|
||||
width: 50px;
|
||||
|
||||
img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.authorbox & {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.authorbox {
|
||||
.author-heading,
|
||||
p.author-bio,
|
||||
.author-links {
|
||||
padding-left: 90px;
|
||||
}
|
||||
}
|
||||
.author-links a {
|
||||
&.author-website {
|
||||
display: inline-block;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
&.author-twitter {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
.single-post.no-sidebar {
|
||||
.contentwrap {
|
||||
width: 100%;
|
||||
max-width: 1260px;
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
.entry-content,
|
||||
.entry-footer,
|
||||
#comments {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
}
|
||||
.entry-content .wide-content {
|
||||
margin-left: -12.5%;
|
||||
margin-right: -12.5%;
|
||||
}
|
||||
}
|
||||
.big-thumb .entry-header p.intro {
|
||||
font-size: 26px;
|
||||
font-size: 1.625rem;
|
||||
}
|
||||
|
||||
.entry-meta,
|
||||
.entry-cats,
|
||||
.search-results a.post-edit-link,
|
||||
.archive a.post-edit-link {
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
/* --- Single Post --- */
|
||||
.singlepost-wrap {
|
||||
margin-top: 0;
|
||||
}
|
||||
.single-post .contentwrap,
|
||||
.single-attachment .contentwrap {
|
||||
width: 65.87301587301587%;
|
||||
float: left;
|
||||
}
|
||||
.single-post #colophon,
|
||||
.single-attachment #colophon {
|
||||
margin-top: 80px;
|
||||
}
|
||||
.entry-header p.intro {
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 85em) {
|
||||
.single-post #primary .hentry.has-post-thumbnail:nth-child(4n+1) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.big-thumb .title-wrap {
|
||||
width: 114.28571428571428%;
|
||||
}
|
||||
.single-post {
|
||||
.entry-content {
|
||||
margin-top: -8px;
|
||||
}
|
||||
&.no-sidebar {
|
||||
.contentwrap {
|
||||
width: 100%;
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
.entry-content,
|
||||
.entry-footer,
|
||||
#comments {
|
||||
width: 70%;
|
||||
margin-left: 100px;
|
||||
margin-right: auto;
|
||||
}
|
||||
.entry-content .wide-content {
|
||||
margin-left: 0;
|
||||
margin-right: -31.5%;
|
||||
}
|
||||
}
|
||||
#socialicons-sticky {
|
||||
position: relative;
|
||||
}
|
||||
.sharedaddy .sd-social-icon {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 0;
|
||||
z-index: 10000;
|
||||
}
|
||||
.sd-social-icon .sd-content ul {
|
||||
li {
|
||||
display: block;
|
||||
}
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 112.5em) {
|
||||
.singlepost-wrap,
|
||||
.recommended-posts-wrap {
|
||||
width: 70%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.big-instagram-wrap {
|
||||
width: 70%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.big-thumb {
|
||||
.title-wrap .entry-cats {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
}
|
||||
.entry-header {
|
||||
h1.entry-title, p.intro {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.single-post .big-thumb {
|
||||
.entry-thumbnail {
|
||||
width: 142.85714285714286%;
|
||||
margin-left: -21.42857142857143%;
|
||||
}
|
||||
.title-wrap {
|
||||
width: 142.85714285714286%;
|
||||
margin-left: -21.42857142857143%;
|
||||
margin-right: -21.42857142857143%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Minimum width of 2200 pixels (larger desktop screens)
|
||||
------------------------------------------------------------------------------------ */
|
||||
@media screen and (min-width: 137.5em) {
|
||||
/* --- General --- */
|
||||
|
||||
.singlepost-wrap,
|
||||
.recommended-posts-wrap {
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
.big-instagram-wrap {
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
.big-thumb {
|
||||
.title-wrap .entry-cats {
|
||||
padding-left: 22%;
|
||||
padding-right: 22%;
|
||||
}
|
||||
.entry-header {
|
||||
h1.entry-title, p.intro {
|
||||
padding-left: 22%;
|
||||
padding-right: 22%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.single-post .big-thumb {
|
||||
.entry-thumbnail {
|
||||
width: 178.86178861788618%;
|
||||
margin-left: -39.43089430894309%;
|
||||
}
|
||||
.title-wrap {
|
||||
width: 178.86178861788618%;
|
||||
margin-left: -39.43089430894309%;
|
||||
margin-right: -39.43089430894309%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* --- Image Overlays, if text on image (Customizable im Theme Options) --- */
|
||||
|
||||
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-thumbnail a:after,
|
||||
.featured-slider .entry-thumbnail a:after,
|
||||
.single-post .big-thumb .entry-thumbnail a:after,
|
||||
.header-image:after, #front-section-four .entry-thumbnail a:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
||||
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-thumbnail a:after,
|
||||
.featured-slider .entry-thumbnail a:after,
|
||||
.single-post .big-thumb .entry-thumbnail a:after, .header-image:after {
|
||||
background-color: #000000;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#front-section-four .meta-main-wrap,
|
||||
.featured-slider .meta-main-wrap,
|
||||
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .meta-main-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.big-thumb .title-wrap {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#front-section-four .meta-main-wrap, .featured-slider .meta-main-wrap,
|
||||
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .meta-main-wrap, .big-thumb .title-wrap {
|
||||
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
|
||||
}
|
||||
|
||||
|
||||
356
wp-content/themes/Pirate-Rogue/css/sass/structure/_footer.scss
Normal file
356
wp-content/themes/Pirate-Rogue/css/sass/structure/_footer.scss
Normal file
@@ -0,0 +1,356 @@
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Footer
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
#colophon {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
background: $color-footer-background;
|
||||
border-top: 1px solid $color-footer-background;
|
||||
// seems useless, but in case someone changes the background via user style
|
||||
// this will make a line between main content and footer
|
||||
color: #fff;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
|
||||
.no-sidebar & {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.footer-menu ul a {
|
||||
color: $color-footer-text-links;
|
||||
}
|
||||
p,
|
||||
#site-info {
|
||||
color: $color-footer-text;
|
||||
a {
|
||||
color: $color-footer-text-links;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-menu ul a:focus,
|
||||
#site-info a:focus,
|
||||
.footer-menu ul a:hover,
|
||||
#site-info a:hover {
|
||||
color: $color-footer-text-links-hover;
|
||||
}
|
||||
a {
|
||||
color: $color-footer-text-links;
|
||||
}
|
||||
|
||||
.custom-logo-wrap {
|
||||
text-align: left;
|
||||
display: block;
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.page-template-shop-front #colophon {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#site-info {
|
||||
padding-top: 10px;
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
display: block;
|
||||
|
||||
&.copyright:after,
|
||||
&.wp-credit:after,
|
||||
&.theme-author:after {
|
||||
content: '\002E';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title-footer {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding-bottom: 45px;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* --- Big Footer Featured Area --- */
|
||||
|
||||
.big-footer-feature {
|
||||
display: block;
|
||||
margin-bottom: 40px;
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
#big-footer-feature h2.footer-feature-title,
|
||||
#big-footer-feature h3.footer-feature-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 8px 0 20px;
|
||||
}
|
||||
|
||||
.big-footer-feature p {
|
||||
margin-bottom: 0;
|
||||
&.text-small {
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-feature-textwrap {
|
||||
padding: 15px 0 0 50px;
|
||||
}
|
||||
|
||||
.footer-feature-image a {
|
||||
display: block;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
/* --- Big Instagram Footer Widget Area --- */
|
||||
|
||||
.big-instagram-wrap {
|
||||
.widget h2.widget-title {
|
||||
display: none;
|
||||
}
|
||||
.widget-area .widget {
|
||||
position: relative;
|
||||
padding: 35px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.widget ul.instagram-pics li {
|
||||
a {
|
||||
width: 16.66666666666667%;
|
||||
}
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.null-instagram-feed {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.big-instagram-wrap .null-instagram-feed .clear {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* --- Footer Menus --- */
|
||||
|
||||
.footer-wrap {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer-menus-wrap {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.footer-menu {
|
||||
h3.footer-menu-title {
|
||||
padding: 0 0 20px;
|
||||
}
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#footer-menu-one,
|
||||
#footer-menu-three {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#footer-menu-two,
|
||||
#footer-menu-four {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
.footer-menu ul {
|
||||
margin: 0;
|
||||
padding: 0 0 60px;
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
ul li:last-child {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Footer Search --- */
|
||||
|
||||
#footer-search {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* --- Footer Social --- */
|
||||
|
||||
#footer-social {
|
||||
padding-top: 30px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
h3.socialmedia,
|
||||
span {
|
||||
@extend .screen-reader-text;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-600) {
|
||||
.footer-feature-image {
|
||||
width: 47.8134110787172%;
|
||||
float: left;
|
||||
margin-right: 2.1865889212828%;
|
||||
}
|
||||
.footer-feature-textwrap {
|
||||
width: 47.8134110787172%;
|
||||
float: right;
|
||||
padding-top: 0;
|
||||
margin-left: 2.1865889212828%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
#colophon {
|
||||
padding-top: 70px;
|
||||
}
|
||||
#site-info {
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
#footer-social {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.big-footer-feature {
|
||||
margin-bottom: 70px;
|
||||
padding-bottom: 70px;
|
||||
|
||||
h3.footer-feature-title {
|
||||
padding: 8px 0 35px;
|
||||
}
|
||||
}
|
||||
.big-instagram-wrap .widget-area .widget {
|
||||
padding: 45px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-1024) {
|
||||
.footer-feature-btn {
|
||||
margin: 40px 0 0 0;
|
||||
padding: 18px 40px;
|
||||
}
|
||||
.big-footer-feature p.text-small {
|
||||
padding: 20px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
.footer-feature-textwrap {
|
||||
p.text-big {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
p.text-small {
|
||||
font-size: .8rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
}
|
||||
.title-footer {
|
||||
width: 31.74603174603175%;
|
||||
/* -- 400px at 1440px ---*/
|
||||
margin-right: 2.38095238095238%;
|
||||
/* -- 30px at 1440px ---*/
|
||||
float: left;
|
||||
}
|
||||
#colophon {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
|
||||
.custom-logo-wrap {
|
||||
width: 31.74603174603175%;
|
||||
/* -- 400px at 1440px ---*/
|
||||
margin-right: 2.38095238095238%;
|
||||
/* -- 30px at 1440px ---*/
|
||||
float: left;
|
||||
.custom-logo-link img {
|
||||
max-width: 130px;
|
||||
max-height: 59px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#footer-menu-one,
|
||||
#footer-menu-two,
|
||||
#footer-menu-three,
|
||||
#footer-menu-four {
|
||||
clear: none;
|
||||
}
|
||||
.footer-menu {
|
||||
width: 14.68253968253968%;
|
||||
/* -- 185px at 1440px ---*/
|
||||
float: left;
|
||||
}
|
||||
#footer-menu-one,
|
||||
#footer-menu-two,
|
||||
#footer-menu-three {
|
||||
margin-right: 2.38095238095238%;
|
||||
/* -- 30px at 1440px ---*/
|
||||
}
|
||||
.title-footer {
|
||||
font-size: 36px;
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
#site-info {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
#footer-social {
|
||||
padding-top: 23px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
ul {
|
||||
float: left;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 8px 15px 0px 0px;
|
||||
}
|
||||
}
|
||||
.footer-feature-image {
|
||||
width: 31.74603174603175%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.footer-feature-textwrap {
|
||||
width: 65.87301587301587%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
193
wp-content/themes/Pirate-Rogue/css/sass/structure/_header.scss
Normal file
193
wp-content/themes/Pirate-Rogue/css/sass/structure/_header.scss
Normal file
@@ -0,0 +1,193 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Header
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
#desktop-navigation,
|
||||
.header-social,
|
||||
.search-open,
|
||||
.desktop-search,
|
||||
.sticky-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#site-branding {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
z-index: 21;
|
||||
background: #fff;
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
min-height: 46px;
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
position: relative;
|
||||
width: 87.5%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 17px 0 0;
|
||||
border-bottom: none;
|
||||
background: none;
|
||||
}
|
||||
.admin-bar & {
|
||||
position: absolute;
|
||||
top: 46px;
|
||||
@media screen and (min-width: 783px) {
|
||||
top: 32px;
|
||||
position: fixed;
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
top: 0;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.home.blog {
|
||||
&.headerimg-on.header-fullscreen #site-branding {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
a.site-logo {
|
||||
display: none;
|
||||
line-height: 0;
|
||||
|
||||
.home & {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
p.site-description {
|
||||
display: none;
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 4px 0 0 0;
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
|
||||
.hide-tagline & {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-image {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-logo-wrap {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
display: block;
|
||||
|
||||
a.custom-logo-link {
|
||||
img {
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
max-width: 300px;
|
||||
height: 49px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-header-text,
|
||||
.no-header-subtitle {
|
||||
p.site-description {
|
||||
@extend .unsichtbar;
|
||||
}
|
||||
}
|
||||
.no-header-text,
|
||||
.no-header-title {
|
||||
h1.site-title,
|
||||
p.site-title {
|
||||
@extend .unsichtbar;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
.sticky-header {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
min-height: 59px;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s,-webkit-transform .3s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
|
||||
z-index: 100000;
|
||||
|
||||
&.hidden {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
box-shadow: none;
|
||||
}
|
||||
p {
|
||||
display: none;
|
||||
font-size: 30px;
|
||||
font-size: 1.875rem;
|
||||
}
|
||||
|
||||
.hide-header-sticky & {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.header-stick {
|
||||
.sticky-header p {
|
||||
display: block;
|
||||
padding: 8px 0 0 0;
|
||||
}
|
||||
#overlay-open-sticky {
|
||||
top: 0px;
|
||||
z-index: 9999;
|
||||
}
|
||||
#overlay-open-sticky {
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-logo-wrap {
|
||||
text-align: center;
|
||||
|
||||
a.custom-logo-link img {
|
||||
width: auto;
|
||||
height: 100px;
|
||||
max-width: 360px;
|
||||
}
|
||||
|
||||
.sticky-header & {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
.custom-logo-link img {
|
||||
max-width: 400px;
|
||||
width: auto;
|
||||
height: 59px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
15
wp-content/themes/Pirate-Rogue/css/sass/structure/_main.scss
Normal file
15
wp-content/themes/Pirate-Rogue/css/sass/structure/_main.scss
Normal file
@@ -0,0 +1,15 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Main
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
main {
|
||||
position: relative;
|
||||
top: 35px;
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
top: -14px;
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
317
wp-content/themes/Pirate-Rogue/css/sass/structure/_menus.scss
Normal file
317
wp-content/themes/Pirate-Rogue/css/sass/structure/_menus.scss
Normal file
@@ -0,0 +1,317 @@
|
||||
/*
|
||||
* Menu Settings
|
||||
*/
|
||||
|
||||
|
||||
/* --- Main Menu --- */
|
||||
|
||||
#overlay-nav {
|
||||
display: block;
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
ul li {
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
li a {
|
||||
display: block;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
ul {
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
ul {
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
margin: 0;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
li a {
|
||||
border-bottom: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Sub Menu Toggle --- */
|
||||
|
||||
.dropdown-toggle {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#secondary .dropdown-toggle,
|
||||
#sidebar-offcanvas .widget-area .dropdown-toggle,
|
||||
#colophon .dropdown-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-item-has-children,
|
||||
.page_item_has_children {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 5.3125%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: transparent;
|
||||
|
||||
&:after {
|
||||
vertical-align: top;
|
||||
position: absolute;
|
||||
|
||||
@extend .fa;
|
||||
content: $fa-var-chevron-down;
|
||||
top: 0;
|
||||
right: 5.3125%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
padding: 13px 0 0 0;
|
||||
text-align: inherit;
|
||||
margin-right: -10px;
|
||||
}
|
||||
&.toggle-on:after {
|
||||
content: $fa-var-chevron-up;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu .menu-item-has-children .dropdown-toggle,
|
||||
.children .page_item_has_childrenn .dropdown-toggle:after {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.sub-menu .menu-item-has-children .dropdown-toggle:after,
|
||||
.children .page_item_has_children .dropdown-toggle:after {
|
||||
padding: 4px 0 0 0;
|
||||
}
|
||||
|
||||
#overlay-nav ul {
|
||||
&.sub-menu.toggled-on,
|
||||
&.children.toggled-on {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Overlay - Mobile Social Menu --- */
|
||||
|
||||
.single-attachment .post-navigation a:focus,
|
||||
.single-attachment .post-navigation a:hover {
|
||||
border-bottom: 2px solid #51a8dd;
|
||||
}
|
||||
|
||||
|
||||
#desktop-navigation {
|
||||
ul.menu {
|
||||
font-family: $font-family-headlines;
|
||||
|
||||
li.menu-item-has-children {
|
||||
> a {
|
||||
margin-right: 0px;
|
||||
}
|
||||
> a::after {
|
||||
margin-left: 5px;
|
||||
@extend .fa;
|
||||
content: $fa-var-caret-down;
|
||||
}
|
||||
}
|
||||
li {
|
||||
a {
|
||||
color: $color-main-menu;
|
||||
|
||||
}
|
||||
.external {
|
||||
a::after {
|
||||
margin-left: 5px;
|
||||
@extend .fa;
|
||||
content: $fa-var-external-link-square;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.current-menu-ancestor,
|
||||
li.focus,
|
||||
li:focus,
|
||||
li:hover {
|
||||
a {
|
||||
border-bottom: 3px solid $color-mainnav-active-border;
|
||||
color: $color-main-menu-hover;
|
||||
}
|
||||
li a {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* --- Social Media Icons --- */
|
||||
|
||||
#mobile-social {
|
||||
border-bottom: 1px solid #ddd;
|
||||
li {
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-1024) {
|
||||
#desktop-navigation {
|
||||
display: block;
|
||||
padding: 0;
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 20px 15px 18px;
|
||||
}
|
||||
}
|
||||
.sub-menu,
|
||||
.children,
|
||||
.dropdown-toggle {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
.sub-menu {
|
||||
.sub-menu {
|
||||
border-top: 1px solid #ccc;
|
||||
border-left: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ul {
|
||||
li > ul.focus,
|
||||
li.focus > ul,
|
||||
li:focus > ul,
|
||||
li:hover > ul {
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
display: block;
|
||||
left: 0;
|
||||
li > ul.focus,
|
||||
li.focus > ul,
|
||||
li:focus > ul,
|
||||
li:hover > ul {
|
||||
top: 15px;
|
||||
left: 75px;
|
||||
|
||||
li > ul.focus,
|
||||
li.focus > ul,
|
||||
li:focus > ul,
|
||||
li:hover > ul {
|
||||
top: 15px;
|
||||
left: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ul {
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
position: absolute;
|
||||
margin: 18px 0 0 0;
|
||||
// top: 59px;
|
||||
|
||||
min-width: 230px;
|
||||
max-width: 300px;
|
||||
// margin: 0;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
color: #fff;
|
||||
background: #1a1a1a;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.sub-menu li a,
|
||||
.children li a {
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
@include px2rem($font-size-men-childs);
|
||||
color: #fff !important;
|
||||
text-transform: none;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.sub-menu li,
|
||||
.children li {
|
||||
padding: 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* --- Skiplinks --- */
|
||||
#skiplinks{
|
||||
position: relative;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
text-align: center;
|
||||
list-style: outside none;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
a{
|
||||
position: absolute;
|
||||
left: -99999px;
|
||||
top: 150px;
|
||||
}
|
||||
a:focus,
|
||||
a:active{
|
||||
@include px2rem($font-size-base);
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index:9999;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
background: $color-second;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,322 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Off Canvas Area
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
/* --- Overlay Buttons: Fix-positioning --- */
|
||||
#overlay-open,
|
||||
#overlay-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 5.3125%;
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
|
||||
.no-js & {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#overlay-open {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#overlay-close {
|
||||
z-index: 1000;
|
||||
// margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
.overlay-btn {
|
||||
border: none;
|
||||
outline: none;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 9999;
|
||||
|
||||
background: transparent;
|
||||
line-height: 1;
|
||||
opacity: 1;
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
&:before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#overlay-open:before,
|
||||
#overlay-open-sticky:before {
|
||||
@include px2rem($font-size-overlay-icon);
|
||||
@extend .fa;
|
||||
@extend .fa-2x;
|
||||
@extend .fa-bars;
|
||||
}
|
||||
|
||||
#overlay-close:before {
|
||||
@include px2rem($font-size-overlay-icon);
|
||||
@extend .fa;
|
||||
@extend .fa-2x;
|
||||
@extend .fa-close;
|
||||
}
|
||||
|
||||
.close-btn-wrap {
|
||||
height: 51px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* --- Sub Menu Toggle --- */
|
||||
.menu-item-has-children,
|
||||
.page_item_has_children {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
/* --- Overlay Widget Area --- */
|
||||
.overlay-title-wrap {
|
||||
padding: 15px 5.3125%;
|
||||
background: #f5f5f6;
|
||||
}
|
||||
.inner-offcanvas-wrap {
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: fixed;
|
||||
left: -100%;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
z-index: 1000;
|
||||
background: #fff;
|
||||
-webkit-transition: left,.35s,ease-in-out;
|
||||
-moz-transition: left,.35s,ease-in-out;
|
||||
-o-transition: left,.35s,ease-in-out;
|
||||
transition: left,.35s,ease-in-out;
|
||||
|
||||
|
||||
.admin-bar & {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
.overlay-show {
|
||||
.inner-offcanvas-wrap {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#offcanvas-wrap {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#offcanvas-widgets-open {
|
||||
margin-bottom: 20px;
|
||||
outline: none;
|
||||
width: 89.375%;
|
||||
background: transparent;
|
||||
display: block;
|
||||
padding: 14px 0;
|
||||
border: 2px solid #2b2b2b;
|
||||
font-size: 15px;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sidebar-offcanvas {
|
||||
display: none;
|
||||
padding: 0 0 30px;
|
||||
}
|
||||
|
||||
.offcanvas-widgets-show .sidebar-offcanvas,
|
||||
.mobilewidgets-show .sidebar-offcanvas {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* --- Mobile Search --- */
|
||||
|
||||
.mobile-search {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
background: #f5f5f6;
|
||||
border-bottom: 1px solid #ddd;
|
||||
.searchform #s {
|
||||
width: 100%;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.submit {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Off Canvas Media Query */
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-790) {
|
||||
.admin-bar {
|
||||
.inner-offcanvas-wrap {
|
||||
top: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
/* --- Off Canvas Area --- */
|
||||
#overlay-nav .dropdown-toggle {
|
||||
display: none !important;
|
||||
}
|
||||
.overlay-show #overlay-wrap {
|
||||
width: 100%;
|
||||
/* -- 1010px at 1440px ---*/
|
||||
background: transparent;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -20px;
|
||||
z-index: 90000000;
|
||||
cursor: pointer;
|
||||
}
|
||||
.inner-offcanvas-wrap {
|
||||
position: fixed;
|
||||
left: -100%;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
background: #f4f4f4;
|
||||
width: 70.13888888888889%;
|
||||
/* -- 1010px at 1440px ---*/
|
||||
padding-left: 6.25%;
|
||||
/* -- 90px at 1440px ---*/
|
||||
padding-right: 6.25%;
|
||||
/* -- 90px at 1440px ---*/
|
||||
z-index: 100000000;
|
||||
pointer-events: auto;
|
||||
padding-bottom: 100px;
|
||||
-webkit-transition: left,.35s,ease-in-out;
|
||||
-moz-transition: left,.35s,ease-in-out;
|
||||
-o-transition: left,.35s,ease-in-out;
|
||||
transition: left,.35s,ease-in-out;
|
||||
}
|
||||
.offcanvas-widgets-off .inner-offcanvas-wrap {
|
||||
width: 40.27777777777778%;
|
||||
/* -- 580px at 1440px ---*/
|
||||
}
|
||||
.overlay-show .inner-offcanvas-wrap {
|
||||
left: 0;
|
||||
}
|
||||
#overlay-open {
|
||||
position: absolute;
|
||||
top: 34px;
|
||||
left: -17px;
|
||||
right: auto;
|
||||
width: 4.76190476190476%;
|
||||
height: 59px;
|
||||
text-align: center;
|
||||
}
|
||||
.close-btn-wrap {
|
||||
border: none;
|
||||
}
|
||||
.mobile-search,
|
||||
#mobile-social {
|
||||
display: none;
|
||||
}
|
||||
#overlay-nav {
|
||||
width: 48.19277108433735%;
|
||||
/* -- 400px at 1440px ---*/
|
||||
float: left;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
}
|
||||
#sidebar-offcanvas {
|
||||
width: 48.19277108433735%;
|
||||
/* -- 400px at 1440px ---*/
|
||||
float: right;
|
||||
}
|
||||
.offcanvas-widgets-off #overlay-nav {
|
||||
width: 100%;
|
||||
}
|
||||
.close-btn-wrap {
|
||||
position: relative;
|
||||
height: 160px;
|
||||
}
|
||||
#overlay-close {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: -17px;
|
||||
right: auto;
|
||||
width: 59px;
|
||||
height: 59px;
|
||||
text-align: center;
|
||||
}
|
||||
#overlay-nav ul {
|
||||
margin: 0 0 50px;
|
||||
|
||||
li {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
&.menu-item-has-children,
|
||||
&.page_item_has_children {
|
||||
padding-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
a {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
}
|
||||
&.menu-item-has-children a,
|
||||
&.page_item_has_children a {
|
||||
border-bottom: none !important;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
display: block;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
ul {
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
border-bottom: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
li a {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
#offcanvas-widgets-open {
|
||||
display: none;
|
||||
}
|
||||
#sidebar-offcanvas {
|
||||
display: block !important;
|
||||
.widget {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
.overlay-show .close-btn-wrap {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: auto;
|
||||
right: auto;
|
||||
background: transparent;
|
||||
height: 158px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,190 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Pagination + Infinite Scroll
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
.pagination {
|
||||
position: relative;
|
||||
clear: both;
|
||||
padding: 18px 20px;
|
||||
border: 2px solid $color-border;
|
||||
@include px2rem( $font-size-smaller);
|
||||
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
color: $color-text;
|
||||
margin-bottom: 25px;
|
||||
|
||||
a {
|
||||
color: $color-second;
|
||||
}
|
||||
.nav-links {
|
||||
span,
|
||||
a {
|
||||
&.page-numbers {
|
||||
background: $color-page-background;
|
||||
color: $color-second;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
min-width: 25px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
padding-left: 2px;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $color-main;
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
}
|
||||
&.page-numbers.prev,
|
||||
&.page-numbers.next {
|
||||
padding: 0 5px;
|
||||
border-radius: inherit;
|
||||
&:hover, &:focus {
|
||||
color: $color-page-background;
|
||||
background: $color-main;
|
||||
}
|
||||
}
|
||||
&.next.page-numbers:focus,
|
||||
&.prev.page-numbers:focus,
|
||||
&.next.page-numbers:hover,
|
||||
&.prev.page-numbers:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment {
|
||||
.post-navigation {
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
padding-top: 60px;
|
||||
}
|
||||
.nav-previous {
|
||||
float: left;
|
||||
}
|
||||
.nav-next {
|
||||
float: right;
|
||||
}
|
||||
.post-navigation a {
|
||||
position: relative;
|
||||
display: block;
|
||||
@include px2rem( $font-size-smaller);
|
||||
line-height: 1.15;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.5px;
|
||||
border-bottom: 2px solid $color-text;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#nav-comments {
|
||||
padding: 10px 0;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
.nav-previous {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.page-links {
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
display: inline-block;
|
||||
margin-top: 20px;
|
||||
|
||||
.post-page-numbers {
|
||||
padding: 4px;
|
||||
text-decoration: none;
|
||||
|
||||
&.current {
|
||||
color: $color-second;
|
||||
}
|
||||
|
||||
a {
|
||||
.number {
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.single-post {
|
||||
.post-navigation {
|
||||
clear: both;
|
||||
display: block;
|
||||
margin: 20px 0;
|
||||
|
||||
.nav-next,
|
||||
.nav-previous {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.nav-next {
|
||||
text-align: right;
|
||||
@media screen and (min-width:$breakpoint-sm) {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.pagebreak-links {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
|
||||
.post-navigation,
|
||||
.pagebreak-links {
|
||||
|
||||
a {
|
||||
padding: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
|
||||
|
||||
width: 100%;
|
||||
display: block;
|
||||
@media screen and (min-width:$breakpoint-sm) {
|
||||
width: inherit;
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.next,
|
||||
.prev {
|
||||
padding: 2px 4px;
|
||||
|
||||
}
|
||||
.next {
|
||||
text-align: right;
|
||||
@media screen and (min-width:$breakpoint-sm) {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.next:after {
|
||||
margin-left: 5px;
|
||||
@extend .fa;
|
||||
content: $fa-var-chevron-circle-right;;
|
||||
}
|
||||
.prev:before {
|
||||
margin-right: 5px;
|
||||
@extend .fa;
|
||||
@extend .fa-chevron-circle-left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Seitentypen: Default Page, Fullwidth / Archives / Search Results / 404
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
.page {
|
||||
h1.entry-title {
|
||||
display: block;
|
||||
margin: 0 0 20px;
|
||||
padding: 6px 0 20px;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
a.post-edit-link {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
font-weight: 600;
|
||||
margin-top: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
&.has-thumb {
|
||||
.content-wrap {
|
||||
padding-top: 0;
|
||||
}
|
||||
.blog-wrap {
|
||||
padding-top: 35px;
|
||||
}
|
||||
.entry-thumbnail img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.archive-header .taxonomy-description p {
|
||||
margin: 8px 0 0 0;
|
||||
}
|
||||
|
||||
.author .taxonomy-description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.entry-summary p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.archive .site-content .post {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.search-results .site-content {
|
||||
.post, .page {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.search-no-results .searchform {
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
.error404 .site-content .entry-wrap {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.author h3.author-archive-title {
|
||||
margin: 0;
|
||||
padding: 80px 0 0 0;
|
||||
}
|
||||
|
||||
.page .edit-link {
|
||||
padding-top: 30px;
|
||||
}
|
||||
196
wp-content/themes/Pirate-Rogue/css/sass/structure/_search.scss
Normal file
196
wp-content/themes/Pirate-Rogue/css/sass/structure/_search.scss
Normal file
@@ -0,0 +1,196 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Festgelegte Bereiche zur Suche
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
.search-open {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 50%;
|
||||
|
||||
:focus,
|
||||
:hover {
|
||||
border-radius: 50%;
|
||||
}
|
||||
&:before {
|
||||
@include px2rem($font-size-search-icons);
|
||||
@extend .fa;
|
||||
@extend .fa-search;
|
||||
}
|
||||
span {
|
||||
@extend .screen-reader-text;
|
||||
}
|
||||
|
||||
.no-js & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#footer-search {
|
||||
@include px2rem($font-size-smaller);
|
||||
|
||||
.search-field {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
padding: 5px;
|
||||
letter-spacing: 0.5px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
input#submit,
|
||||
input[type="submit"] {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-1060) {
|
||||
/* --- Search Desktop --- */
|
||||
#masthead {
|
||||
position: relative;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
.search-open,
|
||||
.desktop-search {
|
||||
display: block;
|
||||
}
|
||||
.search-open {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 9.23611111111111%;
|
||||
right: auto;
|
||||
border: none;
|
||||
z-index: 1000;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
|
||||
&:before {
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.desktop-search {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
|
||||
input {
|
||||
&.search-field {
|
||||
width: 33%;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
padding: 9px 0;
|
||||
letter-spacing: 0.5px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
&[type="submit"] {
|
||||
margin-left: 10px;
|
||||
padding: 8px 20px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
font-size: 15px;
|
||||
font-size: 0.9375rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
}
|
||||
.searchform {
|
||||
height: 0;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.searchbar-maincolor .desktop-search {
|
||||
input {
|
||||
&.search-field {
|
||||
&:hover,
|
||||
&:focus {
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
&[type="submit"] {
|
||||
font-weight: bold;
|
||||
}
|
||||
&[type="submit"]:focus,
|
||||
&[type="submit"]:hover {
|
||||
font-weight: bolder;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.desktop-search-show .desktop-search {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
opacity: 1;
|
||||
height: 118px;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
.desktop-search-show .desktop-search .searchform {
|
||||
height: 118px;
|
||||
padding-top: 35px;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
.desktop-search
|
||||
.header-stick {
|
||||
#search-open-sticky {
|
||||
z-index: 9999;
|
||||
}
|
||||
.desktop-search {
|
||||
position: fixed;
|
||||
top: 59px;
|
||||
border-top: none;
|
||||
height: 0;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
&.desktop-search-show .desktop-search {
|
||||
height: 118px;
|
||||
}
|
||||
}
|
||||
#overlay-open-sticky {
|
||||
position: absolute;
|
||||
height: 59px;
|
||||
text-align: center;
|
||||
top: 0px;
|
||||
left: 10px;
|
||||
width: 59px;
|
||||
}
|
||||
#search-open-sticky {
|
||||
top: 17px;
|
||||
left: 69px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,474 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* 16.0 Shortcodes
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
/*
|
||||
* Columns
|
||||
*/
|
||||
.two-columns-one,
|
||||
.three-columns-one,
|
||||
.three-columns-two,
|
||||
.four-columns-one,
|
||||
.four-columns-two,
|
||||
.four-columns-three {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
.two-columns-one,
|
||||
.three-columns-one,
|
||||
.three-columns-two,
|
||||
.four-columns-one,
|
||||
.four-columns-two,
|
||||
.four-columns-three {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
@include px2rem($font-size-base);
|
||||
|
||||
|
||||
&.secondcolor {
|
||||
background: $color-shortcodes-secondcolor;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-secondcolor, 10%);
|
||||
}
|
||||
}
|
||||
&.maincolor {
|
||||
background: $color-shortcodes-maincolor;
|
||||
padding: 10px;
|
||||
a {
|
||||
color: $color-shortcodes-secondcolor;
|
||||
}
|
||||
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-maincolor, 10%);
|
||||
}
|
||||
|
||||
}
|
||||
&.blue {
|
||||
background: $color-shortcodes-blue;
|
||||
padding: 10px;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-blue, 10%);
|
||||
}
|
||||
}
|
||||
&.red {
|
||||
background: $color-shortcodes-red;
|
||||
padding: 10px;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-red, 10%);
|
||||
}
|
||||
}
|
||||
&.yellow {
|
||||
background: $color-shortcodes-yellow;
|
||||
padding: 10px;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-yellow, 10%);
|
||||
}
|
||||
}
|
||||
&.green {
|
||||
background: $color-shortcodes-green;
|
||||
padding: 10px;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-green, 10%);
|
||||
}
|
||||
}
|
||||
&.lightgrey {
|
||||
background: $color-shortcodes-lightgrey;
|
||||
padding: 10px;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-lightgrey, 10%);
|
||||
}
|
||||
}
|
||||
&.grey {
|
||||
background: $color-shortcodes-grey;
|
||||
padding: 10px;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-grey, 10%);
|
||||
}
|
||||
}
|
||||
&.black {
|
||||
background: $color-shortcodes-black;
|
||||
padding: 10px;
|
||||
color: #fff;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-black, 10%);
|
||||
}
|
||||
}
|
||||
&.dark {
|
||||
background: $color-shortcodes-dark;
|
||||
padding: 10px;
|
||||
color: #fff;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-dark, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.two-columns-one p,
|
||||
.three-columns-one p,
|
||||
.three-columns-two p,
|
||||
.four-columns-one p,
|
||||
.four-columns-two p,
|
||||
.four-columns-three p {
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
}
|
||||
|
||||
.last {
|
||||
clear: right;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
width: 100%;
|
||||
margin-bottom: 21px;
|
||||
padding-top: 21px;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#section-fullwidth {
|
||||
padding: 0;
|
||||
// margin: 20px 0;
|
||||
margin: 0;
|
||||
// Kein Margin, um aufeinanderfolgende Bereiche ohne Abstand zuzulassen
|
||||
|
||||
img {
|
||||
z-index: 1;
|
||||
}
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
position:relative;
|
||||
z-index: 2;
|
||||
|
||||
}
|
||||
|
||||
&.withbackground {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: #000; // rgba($color-main, 0.70);
|
||||
color: #fff;
|
||||
display: table;
|
||||
padding: 2px 5px;
|
||||
margin-left: 6.25%;
|
||||
margin-right: 6.25%;
|
||||
}
|
||||
}
|
||||
&.withbackground.maincolor {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-maincolor;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.withbackground.secondcolor {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-secondcolor;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.withbackground.red {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-red;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.withbackground.green {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-green;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.withbackground.yellow {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-yellow;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.withbackground.blue {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-blue;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.withbackground.lightgrey {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-lightgrey;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.withbackground.grey {
|
||||
p, h1, h2, h3, h4, h5, h6, blockquote, em, code {
|
||||
background: $color-shortcodes-grey;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
@include px2rem($font-size-bigtext);
|
||||
}
|
||||
|
||||
|
||||
|
||||
&.secondcolor {
|
||||
background: $color-shortcodes-secondcolor;
|
||||
color: #fff;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-secondcolor, 10%);
|
||||
}
|
||||
}
|
||||
&.maincolor {
|
||||
background: $color-shortcodes-maincolor;
|
||||
a {
|
||||
color: $color-shortcodes-secondcolor;
|
||||
}
|
||||
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-maincolor, 10%);
|
||||
}
|
||||
|
||||
}
|
||||
&.blue {
|
||||
background: $color-shortcodes-blue;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-blue, 10%);
|
||||
}
|
||||
}
|
||||
&.red {
|
||||
background: $color-shortcodes-red;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-red, 10%);
|
||||
}
|
||||
}
|
||||
&.yellow {
|
||||
background: $color-shortcodes-yellow;
|
||||
padding: 10px;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-yellow, 10%);
|
||||
}
|
||||
}
|
||||
&.green {
|
||||
background: $color-shortcodes-green;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-green, 10%);
|
||||
}
|
||||
}
|
||||
&.lightgrey {
|
||||
background: $color-shortcodes-lightgrey;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-lightgrey, 10%);
|
||||
}
|
||||
}
|
||||
&.grey {
|
||||
background: $color-shortcodes-grey;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-grey, 10%);
|
||||
}
|
||||
}
|
||||
&.black {
|
||||
background: $color-shortcodes-black;
|
||||
color: #fff;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-black, 10%);
|
||||
}
|
||||
}
|
||||
&.dark {
|
||||
background: $color-shortcodes-dark;
|
||||
color: #fff;
|
||||
&.lighten {
|
||||
background: lighten( $color-shortcodes-dark, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
.two-columns-one {
|
||||
width: 48.5%;
|
||||
}
|
||||
.three-columns-one {
|
||||
width: 30.3%;
|
||||
}
|
||||
.three-columns-two {
|
||||
width: 65.15%;
|
||||
}
|
||||
.four-columns-one {
|
||||
width: 22.375%;
|
||||
}
|
||||
.four-columns-two {
|
||||
width: 48%;
|
||||
}
|
||||
.four-columns-three {
|
||||
width: 74.5%;
|
||||
}
|
||||
.two-columns-one,
|
||||
.three-columns-one,
|
||||
.three-columns-two,
|
||||
.four-columns-one,
|
||||
.four-columns-two,
|
||||
.four-columns-three {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.two-columns-one {
|
||||
margin: 0 1.5% 0 0;
|
||||
|
||||
&.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.three-columns-two {
|
||||
margin: 0 1.5% 0 0;
|
||||
&.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.three-columns-one {
|
||||
margin: 0 3% 0 0;
|
||||
|
||||
&.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.four-columns-one {
|
||||
margin: 0 3.5% 0 0;
|
||||
&.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* Shortcodes for Sections
|
||||
*/
|
||||
|
||||
.shortcode-section {
|
||||
a.all-posts-link {
|
||||
color: $color-text;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.all-posts-link:after {
|
||||
content: '\2192';
|
||||
text-align: right;
|
||||
padding-left: 3px;
|
||||
}
|
||||
.type-post {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 20px 0 35px;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
}
|
||||
.hentry .entry-cats a {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-cats a:before,
|
||||
.section-one-column-one .entry-cats a:before,
|
||||
.section-three-column-one .entry-cats a:before,
|
||||
#front-section-four .entry-cats a:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#primary .hentry.has-post-thumbnail:nth-child(4n+1) {
|
||||
margin-left: -5.94405594405594%;
|
||||
/* -- 17px at 320px ---*/
|
||||
margin-right: -5.94405594405594%;
|
||||
/* -- 17px at 320px ---*/
|
||||
margin-bottom: 34px;
|
||||
padding: 0;
|
||||
border-top: 0;
|
||||
|
||||
.entry-thumbnail {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
float: none;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.meta-main-wrap {
|
||||
width: 100%;
|
||||
padding: 0 5.3125% 28px;
|
||||
}
|
||||
.entry-meta {
|
||||
float: none;
|
||||
}
|
||||
.entry-summary {
|
||||
display: none;
|
||||
}
|
||||
.entry-cats a {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.entry-date, .entry-comments,
|
||||
.entry-edit, .entry-author {
|
||||
display: inline-block;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.entry-date {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.blogroll {
|
||||
.entry-meta a {
|
||||
color: $color-text;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.entry-cats a:nth-child(n+2):before {
|
||||
content: ' / ';
|
||||
padding: 0 2px;
|
||||
color: $color-text;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
.entry-content & .entry-summary p {
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
|
||||
.page #primary .blogroll .hentry {
|
||||
padding: 20px 0 40px;
|
||||
}
|
||||
/* --- Blog - default --- */
|
||||
.page #primary .blogroll .hentry .entry-meta {
|
||||
width: 25.49019607843137%;
|
||||
/* -- 130px at 1440px ---*/
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.page #primary .blogroll .hentry .entry-main {
|
||||
width: 74.50980392156863%;
|
||||
/* -- 380px at 1440px ---*/
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page #primary .blogroll .hentry .entry-thumbnail {
|
||||
width: 36.14457831325301%;
|
||||
/* -- 300px at 1440px ---*/
|
||||
}
|
||||
.page #primary .blogroll .hentry .meta-main-wrap {
|
||||
width: 61.44578313253012%;
|
||||
/* -- 510px at 1440px ---*/
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Structure
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
@import "body";
|
||||
@import "header";
|
||||
@import "menus";
|
||||
@import "search";
|
||||
@import "main";
|
||||
|
||||
@import "blog-frontpage";
|
||||
@import "entries";
|
||||
@import "off-canvas";
|
||||
@import "pagination";
|
||||
@import "post-types";
|
||||
@import "widgets";
|
||||
@import "thumbnails";
|
||||
@import "footer";
|
||||
@import "shortcodes";
|
||||
@@ -0,0 +1,15 @@
|
||||
/*
|
||||
* Thumbnails
|
||||
*/
|
||||
|
||||
.entry-thumbnail a {
|
||||
max-height: 400px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-lg) {
|
||||
.entry-thumbnail a {
|
||||
max-height: 500px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
227
wp-content/themes/Pirate-Rogue/css/sass/structure/_widgets.scss
Normal file
227
wp-content/themes/Pirate-Rogue/css/sass/structure/_widgets.scss
Normal file
@@ -0,0 +1,227 @@
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* 12.0 Sidebar + Widgets
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
||||
#secondary,
|
||||
#sidebar-page {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.no-sidebar {
|
||||
#secondary,
|
||||
#sidebar-page {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-area .widget {
|
||||
clear: both;
|
||||
float: none;
|
||||
line-height: 1.5;
|
||||
padding-bottom: 34px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
ul {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#secondary .widget:last-of-type,
|
||||
#sidebar-page.widget:last-of-type {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.widget {
|
||||
.widget-title-wrap {
|
||||
display: block;
|
||||
}
|
||||
ul:not(.slick-dots) {
|
||||
ul:before,
|
||||
li:after {
|
||||
display: inline;
|
||||
content: ' / ';
|
||||
}
|
||||
}
|
||||
select,
|
||||
iframe {
|
||||
max-width: 99%;
|
||||
margin-left: 1px;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.widget-area .widget {
|
||||
ul li {
|
||||
list-style: none;
|
||||
display: inline;
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
&::after {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
img.resize {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.wp_widget_tag_cloud div,
|
||||
.widget_tag_cloud div {
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.widget_recent_comments {
|
||||
a.url,
|
||||
span.comment-author-link {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-area {
|
||||
.widget_recent_comments ul li {
|
||||
display: block;
|
||||
padding-bottom: 6px;
|
||||
&:after {
|
||||
display: none;
|
||||
content: ' ';
|
||||
}
|
||||
}
|
||||
.widget_rss ul li:after {
|
||||
display: none;
|
||||
content: ' ';
|
||||
}
|
||||
}
|
||||
|
||||
.tagcloud a {
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
/* --- Search Widget + default Search Form --- */
|
||||
|
||||
.widget_search {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
|
||||
@media screen and (min-width: $breakpoint-600) {
|
||||
input {
|
||||
&.search-field {
|
||||
width: 67.8%;
|
||||
}
|
||||
&[type="submit"] {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.widget ul .dropdown-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* --- RSS Widget --- */
|
||||
|
||||
.widget-area .widget_rss ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
display: block;
|
||||
padding-bottom: 20px;
|
||||
.rssSummary {
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
cite {
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.rsswidget {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.widget-area .widget_rss ul ul:after {
|
||||
display: none;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
/* --- Calendar Widget --- */
|
||||
|
||||
.widget_calendar {
|
||||
#calendar_wrap {
|
||||
position: relative;
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
a {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
#wp-calendar caption {
|
||||
margin: 0 0 15px;
|
||||
text-align: left;
|
||||
}
|
||||
table#wp-calendar {
|
||||
tr {
|
||||
th {
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
td {
|
||||
padding: 7px 0 3px;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
tbody tr td a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Text Widget --- */
|
||||
|
||||
.textwidget {
|
||||
p {
|
||||
margin: 0 0 20px;
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media Gallery */
|
||||
.widget.widget_media_gallery {
|
||||
ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
ul ul:before, ul li:after {
|
||||
display: none;
|
||||
|
||||
}
|
||||
}
|
||||
42
wp-content/themes/Pirate-Rogue/css/sass/style.scss
Normal file
42
wp-content/themes/Pirate-Rogue/css/sass/style.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
//--------------------------------------------------------------
|
||||
// Variables
|
||||
//--------------------------------------------------------------
|
||||
@import "variables";
|
||||
|
||||
// Build Stylesheet header Infos
|
||||
@import "wpheader";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Mixins
|
||||
//--------------------------------------------------------------
|
||||
@import "mixins/mixins";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Fonts
|
||||
//--------------------------------------------------------------
|
||||
@import "fonts/fonts";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Framework
|
||||
//--------------------------------------------------------------
|
||||
@import "framework/framework";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Structure
|
||||
//--------------------------------------------------------------
|
||||
@import "structure/structure";
|
||||
@import "elements/elements";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Plugins
|
||||
//--------------------------------------------------------------
|
||||
@import "plugins/plugins";
|
||||
//--------------------------------------------------------------
|
||||
// Mediaqueries (downwardscompatibiliy - has to be moved in elements later)
|
||||
//--------------------------------------------------------------
|
||||
@import "mediaqueries";
|
||||
|
||||
//--------------------------------------------------------------
|
||||
// Print
|
||||
//--------------------------------------------------------------
|
||||
@import "print";
|
||||
Reference in New Issue
Block a user