first changes to match design
This commit is contained in:
parent
f1e5255af7
commit
6efd731330
10
footer.php
10
footer.php
|
@ -13,16 +13,16 @@
|
||||||
|
|
||||||
<footer id="colophon" class="site-footer">
|
<footer id="colophon" class="site-footer">
|
||||||
<div class="site-info">
|
<div class="site-info">
|
||||||
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'ofisuport' ) ); ?>">
|
<!--a href="<?php //echo esc_url( __( 'https://wordpress.org/', 'ofisuport' ) ); ?>">
|
||||||
<?php
|
<?php
|
||||||
/* translators: %s: CMS name, i.e. WordPress. */
|
/* translators: %s: CMS name, i.e. WordPress. */
|
||||||
printf( esc_html__( 'Proudly powered by %s', 'ofisuport' ), 'WordPress' );
|
//printf( esc_html__( 'Proudly powered by %s', 'ofisuport' ), 'WordPress' );
|
||||||
?>
|
?>
|
||||||
</a>
|
</a-->
|
||||||
<span class="sep"> | </span>
|
<!--span class="sep"></span-->
|
||||||
<?php
|
<?php
|
||||||
/* translators: 1: Theme name, 2: Theme author. */
|
/* translators: 1: Theme name, 2: Theme author. */
|
||||||
printf( esc_html__( 'Theme: %1$s by %2$s.', 'ofisuport' ), 'ofisuport', '<a href="https://vitrubio.net">jorge-vitrubio.net</a>' );
|
//printf( esc_html__( 'Theme: %1$s by %2$s.', 'ofisuport' ), 'ofisuport', '<a href="https://vitrubio.net">jorge-vitrubio.net</a>' );
|
||||||
?>
|
?>
|
||||||
</div><!-- .site-info -->
|
</div><!-- .site-info -->
|
||||||
</footer><!-- #colophon -->
|
</footer><!-- #colophon -->
|
||||||
|
|
74
header.php
74
header.php
|
@ -18,6 +18,7 @@
|
||||||
<link rel="profile" href="https://gmpg.org/xfn/11">
|
<link rel="profile" href="https://gmpg.org/xfn/11">
|
||||||
|
|
||||||
<?php wp_head(); ?>
|
<?php wp_head(); ?>
|
||||||
|
<link rel="stylesheet" href="./style-extra.css" media="all" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body <?php body_class(); ?>>
|
<body <?php body_class(); ?>>
|
||||||
|
@ -26,34 +27,49 @@
|
||||||
<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'ofisuport' ); ?></a>
|
<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'ofisuport' ); ?></a>
|
||||||
|
|
||||||
<header id="masthead" class="site-header">
|
<header id="masthead" class="site-header">
|
||||||
<div class="site-branding">
|
<div class="main">
|
||||||
<?php
|
<div class="site-branding">
|
||||||
the_custom_logo();
|
<?php
|
||||||
if ( is_front_page() && is_home() ) :
|
the_custom_logo();
|
||||||
?>
|
if ( is_front_page() && is_home() ) :
|
||||||
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
|
?>
|
||||||
<?php
|
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
|
||||||
else :
|
<?php
|
||||||
?>
|
else :
|
||||||
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
|
?>
|
||||||
<?php
|
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
|
||||||
endif;
|
<?php
|
||||||
$ofisuport_description = get_bloginfo( 'description', 'display' );
|
endif;
|
||||||
if ( $ofisuport_description || is_customize_preview() ) :
|
$ofisuport_description = get_bloginfo( 'description', 'display' );
|
||||||
?>
|
if ( $ofisuport_description || is_customize_preview() ) :
|
||||||
<p class="site-description"><?php echo $ofisuport_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
|
?>
|
||||||
<?php endif; ?>
|
<p class="site-description"><?php echo $ofisuport_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
|
||||||
</div><!-- .site-branding -->
|
<?php endif; ?>
|
||||||
|
</div><!-- .site-branding -->
|
||||||
|
|
||||||
<nav id="site-navigation" class="main-navigation">
|
<nav id="site-navigation" class="main-navigation">
|
||||||
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'ofisuport' ); ?></button>
|
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'ofisuport' ); ?></button>
|
||||||
<?php
|
<?php
|
||||||
wp_nav_menu(
|
wp_nav_menu(
|
||||||
array(
|
array(
|
||||||
'theme_location' => 'menu-1',
|
'theme_location' => 'menu-1',
|
||||||
'menu_id' => 'primary-menu',
|
'menu_id' => 'primary-menu',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</nav><!-- #site-navigation -->
|
</nav><!--primary #site-navigation -->
|
||||||
|
</div>
|
||||||
|
<div class="secondary">
|
||||||
|
<?php the_header_image_tag(); ?>
|
||||||
|
<nav id="site-navigation" class="secondary-navigation">
|
||||||
|
<?php
|
||||||
|
wp_nav_menu(
|
||||||
|
array(
|
||||||
|
'theme_location' => 'menu-2',
|
||||||
|
'menu_id' => 'secondary-menu',
|
||||||
|
)
|
||||||
|
);
|
||||||
|
?>
|
||||||
|
</nav><!--secondary #site-navigation -->
|
||||||
|
</div>
|
||||||
</header><!-- #masthead -->
|
</header><!-- #masthead -->
|
||||||
|
|
|
@ -1,198 +1,35 @@
|
||||||
# Copyright (C) 2020 Automattic
|
# Copyright (C) 2022 Jorge - vitrubio.net
|
||||||
# This file is distributed under the GNU General Public License v2 or later.
|
# This file is distributed under the GNU General Public License v2 or later.
|
||||||
msgid ""
|
msgid ""
|
||||||
msgstr ""
|
msgstr ""
|
||||||
"Project-Id-Version: _s 1.0.0\n"
|
"Project-Id-Version: Oficina de Suport de Xarxaprod 1.0.0\n"
|
||||||
"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/_s\n"
|
"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/oficinasuport-wp-theme\n"
|
||||||
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
||||||
"Language-Team: LANGUAGE <LL@li.org>\n"
|
"Language-Team: LANGUAGE <LL@li.org>\n"
|
||||||
"MIME-Version: 1.0\n"
|
"MIME-Version: 1.0\n"
|
||||||
"Content-Type: text/plain; charset=UTF-8\n"
|
"Content-Type: text/plain; charset=UTF-8\n"
|
||||||
"Content-Transfer-Encoding: 8bit\n"
|
"Content-Transfer-Encoding: 8bit\n"
|
||||||
"POT-Creation-Date: 2020-04-17T21:03:15+00:00\n"
|
"POT-Creation-Date: 2022-10-25T20:51:09+02:00\n"
|
||||||
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
||||||
"X-Generator: WP-CLI 2.4.0\n"
|
"X-Generator: WP-CLI 2.7.1\n"
|
||||||
"X-Domain: _s\n"
|
"X-Domain: ofsupxxp\n"
|
||||||
|
|
||||||
#. Theme Name of the theme
|
#. Theme Name of the theme
|
||||||
msgid "_s"
|
msgid "Oficina de Suport de Xarxaprod"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#. Theme URI of the theme
|
#. Theme URI of the theme
|
||||||
msgid "https://underscores.me/"
|
msgid "https://git.hangar.org/xarxaprod/oficinasuport-wp-theme"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#. Description of the theme
|
#. Description of the theme
|
||||||
msgid "Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for."
|
msgid "Theme for the Oficina de Suport de Xarxaprod.cat"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#. Author of the theme
|
#. Author of the theme
|
||||||
msgid "Automattic"
|
msgid "Jorge - vitrubio.net"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#. Author URI of the theme
|
#. Author URI of the theme
|
||||||
msgid "https://automattic.com/"
|
msgid "https://vitrubio.net"
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: 404.php:18
|
|
||||||
msgid "Oops! That page can’t be found."
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: 404.php:22
|
|
||||||
msgid "It looks like nothing was found at this location. Maybe try one of the links below or a search?"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: 404.php:31
|
|
||||||
msgid "Most Used Categories"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: %1$s: smiley
|
|
||||||
#: 404.php:49
|
|
||||||
msgid "Try looking in the monthly archives. %1$s"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: 1: title.
|
|
||||||
#: comments.php:35
|
|
||||||
msgid "One thought on “%1$s”"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: 1: comment count number, 2: title.
|
|
||||||
#: comments.php:41
|
|
||||||
msgctxt "comments title"
|
|
||||||
msgid "%1$s thought on “%2$s”"
|
|
||||||
msgid_plural "%1$s thoughts on “%2$s”"
|
|
||||||
msgstr[0] ""
|
|
||||||
msgstr[1] ""
|
|
||||||
|
|
||||||
#: comments.php:68
|
|
||||||
msgid "Comments are closed."
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: footer.php:18
|
|
||||||
msgid "https://wordpress.org/"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: %s: CMS name, i.e. WordPress.
|
|
||||||
#: footer.php:21
|
|
||||||
msgid "Proudly powered by %s"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: 1: Theme name, 2: Theme author.
|
|
||||||
#: footer.php:27
|
|
||||||
msgid "Theme: %1$s by %2$s."
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: functions.php:53
|
|
||||||
msgid "Primary"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: functions.php:130
|
|
||||||
msgid "Sidebar"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: functions.php:132
|
|
||||||
msgid "Add widgets here."
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: header.php:26
|
|
||||||
msgid "Skip to content"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: header.php:49
|
|
||||||
msgid "Primary Menu"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: %s: post date.
|
|
||||||
#: inc/template-tags.php:30
|
|
||||||
msgctxt "post date"
|
|
||||||
msgid "Posted on %s"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: %s: post author.
|
|
||||||
#: inc/template-tags.php:46
|
|
||||||
msgctxt "post author"
|
|
||||||
msgid "by %s"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: used between list items, there is a space after the comma
|
|
||||||
#: inc/template-tags.php:63
|
|
||||||
msgid ", "
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: 1: list of categories.
|
|
||||||
#: inc/template-tags.php:66
|
|
||||||
msgid "Posted in %1$s"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: used between list items, there is a space after the comma
|
|
||||||
#: inc/template-tags.php:70
|
|
||||||
msgctxt "list item separator"
|
|
||||||
msgid ", "
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: 1: list of tags.
|
|
||||||
#: inc/template-tags.php:73
|
|
||||||
msgid "Tagged %1$s"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: %s: post title
|
|
||||||
#: inc/template-tags.php:83
|
|
||||||
msgid "Leave a Comment<span class=\"screen-reader-text\"> on %s</span>"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: %s: Name of current post. Only visible to screen readers
|
|
||||||
#: inc/template-tags.php:100
|
|
||||||
#: template-parts/content-page.php:39
|
|
||||||
msgid "Edit <span class=\"screen-reader-text\">%s</span>"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: inc/woocommerce.php:186
|
|
||||||
msgid "View your shopping cart"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: number of items in the mini cart.
|
|
||||||
#: inc/woocommerce.php:190
|
|
||||||
msgid "%d item"
|
|
||||||
msgid_plural "%d items"
|
|
||||||
msgstr[0] ""
|
|
||||||
msgstr[1] ""
|
|
||||||
|
|
||||||
#. translators: %s: search query.
|
|
||||||
#: search.php:22
|
|
||||||
msgid "Search Results for: %s"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: single.php:23
|
|
||||||
msgid "Previous:"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: single.php:24
|
|
||||||
msgid "Next:"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: template-parts/content-none.php:14
|
|
||||||
msgid "Nothing Found"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: 1: link to WP admin new post page.
|
|
||||||
#: template-parts/content-none.php:24
|
|
||||||
msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>."
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: template-parts/content-none.php:37
|
|
||||||
msgid "Sorry, but nothing matched your search terms. Please try again with some different keywords."
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: template-parts/content-none.php:44
|
|
||||||
msgid "It seems we can’t find what you’re looking for. Perhaps searching can help."
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: template-parts/content-page.php:25
|
|
||||||
#: template-parts/content.php:53
|
|
||||||
msgid "Pages:"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#. translators: %s: Name of current post. Only visible to screen readers
|
|
||||||
#: template-parts/content.php:40
|
|
||||||
msgid "Continue reading<span class=\"screen-reader-text\"> \"%s\"</span>"
|
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
.main-navigation {
|
.main-navigation,.secondary-navigation {
|
||||||
display: block;
|
//display: block;
|
||||||
width: 100%;
|
//width: 100%;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -74,9 +74,25 @@
|
||||||
.main-navigation.toggled ul {
|
.main-navigation.toggled ul {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
/* secondary navigation */
|
||||||
|
.secondary-navigation ul {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 37.5em) {
|
@media screen and (min-width: 37.5em) {
|
||||||
|
.site-branding {
|
||||||
|
// display: inline-block;
|
||||||
|
// float: left;
|
||||||
|
}
|
||||||
|
.custom-logo {
|
||||||
|
max-width: 11rem;
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
.menu-primary-menu-container,
|
||||||
|
.menu-secondary-menu-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
}
|
||||||
.menu-toggle {
|
.menu-toggle {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,5 +7,18 @@
|
||||||
"header"
|
"header"
|
||||||
"main"
|
"main"
|
||||||
"footer";
|
"footer";
|
||||||
|
padding: 3rem;
|
||||||
|
}
|
||||||
|
.site-header {
|
||||||
|
.main {
|
||||||
|
display:flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.secondary {
|
||||||
|
display:flex;
|
||||||
|
justify-content: center;
|
||||||
|
border-top: 1px solid $color__light-grey;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
/*!
|
/*!
|
||||||
|
|
||||||
Theme Name: Oficina de Suport theme
|
Theme Name: Oficina de Suport theme
|
||||||
Theme URI: http://underscores.me/
|
Theme URI: http://underscores.me/
|
||||||
Author: jorge-vitrubio.net
|
Author: jorge-vitrubio.net
|
||||||
|
@ -73,6 +74,7 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
# Layouts
|
# Layouts
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
@import "layouts/no-sidebar"; // Uncomment this line for a no sidebar content.
|
||||||
// @import "layouts/content-sidebar"; // Uncomment this line for a sidebar on right side of your content.
|
// @import "layouts/content-sidebar"; // Uncomment this line for a sidebar on right side of your content.
|
||||||
// @import "layouts/sidebar-content"; // Uncomment this line for a sidebar on left side of your content.
|
// @import "layouts/sidebar-content"; // Uncomment this line for a sidebar on left side of your content.
|
||||||
|
|
||||||
|
@ -100,3 +102,4 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||||
/* Alignments
|
/* Alignments
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
@import "utilities/alignments";
|
@import "utilities/alignments";
|
||||||
|
|
||||||
|
|
128
style.css
128
style.css
|
@ -1,4 +1,5 @@
|
||||||
/*!
|
/*!
|
||||||
|
|
||||||
Theme Name: Oficina de Suport theme
|
Theme Name: Oficina de Suport theme
|
||||||
Theme URI: http://underscores.me/
|
Theme URI: http://underscores.me/
|
||||||
Author: jorge-vitrubio.net
|
Author: jorge-vitrubio.net
|
||||||
|
@ -21,7 +22,6 @@ Underscores is distributed under the terms of the GNU GPL v2 or later.
|
||||||
Normalizing styles have been helped along thanks to the fine work of
|
Normalizing styles have been helped along thanks to the fine work of
|
||||||
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
>>> TABLE OF CONTENTS:
|
>>> TABLE OF CONTENTS:
|
||||||
----------------------------------------------------------------
|
----------------------------------------------------------------
|
||||||
|
@ -49,19 +49,14 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||||
- Alignments
|
- Alignments
|
||||||
|
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
# Generic
|
# Generic
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
/* Normalize
|
/* Normalize
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
|
|
||||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
/* Document
|
/* Document
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the line height in all browsers.
|
* 1. Correct the line height in all browsers.
|
||||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
|
@ -73,7 +68,6 @@ html {
|
||||||
|
|
||||||
/* Sections
|
/* Sections
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the margin in all browsers.
|
* Remove the margin in all browsers.
|
||||||
*/
|
*/
|
||||||
|
@ -99,7 +93,6 @@ h1 {
|
||||||
|
|
||||||
/* Grouping content
|
/* Grouping content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Add the correct box sizing in Firefox.
|
* 1. Add the correct box sizing in Firefox.
|
||||||
* 2. Show the overflow in Edge and IE.
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
@ -121,7 +114,6 @@ pre {
|
||||||
|
|
||||||
/* Text-level semantics
|
/* Text-level semantics
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the gray background on active links in IE 10.
|
* Remove the gray background on active links in IE 10.
|
||||||
*/
|
*/
|
||||||
|
@ -187,7 +179,6 @@ sup {
|
||||||
|
|
||||||
/* Embedded content
|
/* Embedded content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the border on images inside links in IE 10.
|
* Remove the border on images inside links in IE 10.
|
||||||
*/
|
*/
|
||||||
|
@ -197,7 +188,6 @@ img {
|
||||||
|
|
||||||
/* Forms
|
/* Forms
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Change the font styles in all browsers.
|
* 1. Change the font styles in all browsers.
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
@ -343,7 +333,6 @@ textarea {
|
||||||
|
|
||||||
/* Interactive
|
/* Interactive
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
*/
|
*/
|
||||||
|
@ -360,7 +349,6 @@ summary {
|
||||||
|
|
||||||
/* Misc
|
/* Misc
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct display in IE 10+.
|
* Add the correct display in IE 10+.
|
||||||
*/
|
*/
|
||||||
|
@ -377,7 +365,6 @@ template {
|
||||||
|
|
||||||
/* Box sizing
|
/* Box sizing
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
|
|
||||||
/* Inherit box-sizing to more easily change it's value on a component level.
|
/* Inherit box-sizing to more easily change it's value on a component level.
|
||||||
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
|
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
|
||||||
*,
|
*,
|
||||||
|
@ -393,7 +380,6 @@ html {
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
# Base
|
# Base
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
/* Typography
|
/* Typography
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
body,
|
body,
|
||||||
|
@ -437,7 +423,7 @@ address {
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
background: #eee;
|
background: #fdfdfd;
|
||||||
font-family: "Courier 10 Pitch", courier, monospace;
|
font-family: "Courier 10 Pitch", courier, monospace;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
margin-bottom: 1.6em;
|
margin-bottom: 1.6em;
|
||||||
|
@ -461,7 +447,7 @@ acronym {
|
||||||
|
|
||||||
mark,
|
mark,
|
||||||
ins {
|
ins {
|
||||||
background: #fff9c0;
|
background: #fefefe;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -476,7 +462,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
background-color: #ccc;
|
background-color: #000;
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
|
@ -533,25 +519,22 @@ table {
|
||||||
/* Links
|
/* Links
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
a {
|
a {
|
||||||
color: #4169e1;
|
color: #101010;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #800080;
|
color: #505050;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover, a:focus, a:active {
|
||||||
a:focus,
|
color: #707070;
|
||||||
a:active {
|
|
||||||
color: #191970;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus {
|
a:focus {
|
||||||
outline: thin dotted;
|
outline: thin dotted;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover, a:active {
|
||||||
a:active {
|
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -562,9 +545,9 @@ input[type="button"],
|
||||||
input[type="reset"],
|
input[type="reset"],
|
||||||
input[type="submit"] {
|
input[type="submit"] {
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-color: #ccc #ccc #bbb;
|
border-color: #000 #000 #000;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: #e6e6e6;
|
background: #fff;
|
||||||
color: rgba(0, 0, 0, 0.8);
|
color: rgba(0, 0, 0, 0.8);
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: 0.6em 1em 0.4em;
|
padding: 0.6em 1em 0.4em;
|
||||||
|
@ -574,18 +557,17 @@ button:hover,
|
||||||
input[type="button"]:hover,
|
input[type="button"]:hover,
|
||||||
input[type="reset"]:hover,
|
input[type="reset"]:hover,
|
||||||
input[type="submit"]:hover {
|
input[type="submit"]:hover {
|
||||||
border-color: #ccc #bbb #aaa;
|
border-color: #111 #111 #111;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:active,
|
button:active, button:focus,
|
||||||
button:focus,
|
|
||||||
input[type="button"]:active,
|
input[type="button"]:active,
|
||||||
input[type="button"]:focus,
|
input[type="button"]:focus,
|
||||||
input[type="reset"]:active,
|
input[type="reset"]:active,
|
||||||
input[type="reset"]:focus,
|
input[type="reset"]:focus,
|
||||||
input[type="submit"]:active,
|
input[type="submit"]:active,
|
||||||
input[type="submit"]:focus {
|
input[type="submit"]:focus {
|
||||||
border-color: #aaa #bbb #bbb;
|
border-color: #222 #222 #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"],
|
input[type="text"],
|
||||||
|
@ -605,7 +587,7 @@ input[type="datetime-local"],
|
||||||
input[type="color"],
|
input[type="color"],
|
||||||
textarea {
|
textarea {
|
||||||
color: #666;
|
color: #666;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #000;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
}
|
}
|
||||||
|
@ -630,7 +612,7 @@ textarea:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
select {
|
select {
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
|
@ -640,26 +622,38 @@ textarea {
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
# Layouts
|
# Layouts
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
.no-sidebar .site {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto;
|
||||||
|
grid-template-areas: "header" "main" "footer";
|
||||||
|
padding: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-sidebar .site-header .main {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-sidebar .site-header .secondary {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
# Components
|
# Components
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
/* Navigation
|
/* Navigation
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
.main-navigation {
|
.main-navigation ul, .secondary-navigation ul {
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-navigation ul {
|
|
||||||
display: none;
|
display: none;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation ul ul {
|
.main-navigation ul ul, .secondary-navigation ul ul {
|
||||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
|
||||||
float: left;
|
float: left;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -668,31 +662,33 @@ textarea {
|
||||||
z-index: 99999;
|
z-index: 99999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation ul ul ul {
|
.main-navigation ul ul ul, .secondary-navigation ul ul ul {
|
||||||
left: -999em;
|
left: -999em;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation ul ul li:hover > ul,
|
.main-navigation ul ul li:hover > ul,
|
||||||
.main-navigation ul ul li.focus > ul {
|
.main-navigation ul ul li.focus > ul, .secondary-navigation ul ul li:hover > ul,
|
||||||
|
.secondary-navigation ul ul li.focus > ul {
|
||||||
display: block;
|
display: block;
|
||||||
left: auto;
|
left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation ul ul a {
|
.main-navigation ul ul a, .secondary-navigation ul ul a {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation ul li:hover > ul,
|
.main-navigation ul li:hover > ul,
|
||||||
.main-navigation ul li.focus > ul {
|
.main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul,
|
||||||
|
.secondary-navigation ul li.focus > ul {
|
||||||
left: auto;
|
left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation li {
|
.main-navigation li, .secondary-navigation li {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation a {
|
.main-navigation a, .secondary-navigation a {
|
||||||
display: block;
|
display: block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
@ -703,21 +699,31 @@ textarea {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 37.5em) {
|
/* secondary navigation */
|
||||||
|
.secondary-navigation ul {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 37.5em) {
|
||||||
|
.custom-logo {
|
||||||
|
max-width: 11rem;
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
.menu-primary-menu-container,
|
||||||
|
.menu-secondary-menu-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
}
|
||||||
.menu-toggle {
|
.menu-toggle {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation ul {
|
.main-navigation ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-main .comment-navigation,
|
.site-main .comment-navigation, .site-main
|
||||||
.site-main
|
.posts-navigation, .site-main
|
||||||
.posts-navigation,
|
|
||||||
.site-main
|
|
||||||
.post-navigation {
|
.post-navigation {
|
||||||
margin: 0 0 1.5em;
|
margin: 0 0 1.5em;
|
||||||
}
|
}
|
||||||
|
@ -877,10 +883,8 @@ textarea {
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
# Plugins
|
# Plugins
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
/* Jetpack infinite scroll
|
/* Jetpack infinite scroll
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
|
|
||||||
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
|
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
|
||||||
.infinite-scroll .posts-navigation,
|
.infinite-scroll .posts-navigation,
|
||||||
.infinite-scroll.neverending .site-footer {
|
.infinite-scroll.neverending .site-footer {
|
||||||
|
@ -895,10 +899,8 @@ textarea {
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
# Utilities
|
# Utilities
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
/* Accessibility
|
/* Accessibility
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
|
|
||||||
/* Text meant only for screen readers. */
|
/* Text meant only for screen readers. */
|
||||||
.screen-reader-text {
|
.screen-reader-text {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
@ -914,12 +916,12 @@ textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
.screen-reader-text:focus {
|
.screen-reader-text:focus {
|
||||||
background-color: #f1f1f1;
|
background-color: #fff;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||||
clip: auto !important;
|
clip: auto !important;
|
||||||
clip-path: none;
|
clip-path: none;
|
||||||
color: #21759b;
|
color: #020202;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
@ -941,20 +943,16 @@ textarea {
|
||||||
/* Alignments
|
/* Alignments
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
.alignleft {
|
.alignleft {
|
||||||
|
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
float: left;
|
float: left;
|
||||||
|
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
margin-right: 1.5em;
|
margin-right: 1.5em;
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alignright {
|
.alignright {
|
||||||
|
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
margin-left: 1.5em;
|
margin-left: 1.5em;
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
|
@ -967,3 +965,5 @@ textarea {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=style.css.map */
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue