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">
|
||||
<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
|
||||
/* 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>
|
||||
<span class="sep"> | </span>
|
||||
</a-->
|
||||
<!--span class="sep"></span-->
|
||||
<?php
|
||||
/* 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 -->
|
||||
</footer><!-- #colophon -->
|
||||
|
|
74
header.php
74
header.php
|
@ -18,6 +18,7 @@
|
|||
<link rel="profile" href="https://gmpg.org/xfn/11">
|
||||
|
||||
<?php wp_head(); ?>
|
||||
<link rel="stylesheet" href="./style-extra.css" media="all" />
|
||||
</head>
|
||||
|
||||
<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>
|
||||
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="site-branding">
|
||||
<?php
|
||||
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
|
||||
else :
|
||||
?>
|
||||
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
|
||||
<?php
|
||||
endif;
|
||||
$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; ?>
|
||||
</div><!-- .site-branding -->
|
||||
<div class="main">
|
||||
<div class="site-branding">
|
||||
<?php
|
||||
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
|
||||
else :
|
||||
?>
|
||||
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
|
||||
<?php
|
||||
endif;
|
||||
$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; ?>
|
||||
</div><!-- .site-branding -->
|
||||
|
||||
<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>
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'menu-1',
|
||||
'menu_id' => 'primary-menu',
|
||||
)
|
||||
);
|
||||
?>
|
||||
</nav><!-- #site-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>
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'menu-1',
|
||||
'menu_id' => 'primary-menu',
|
||||
)
|
||||
);
|
||||
?>
|
||||
</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 -->
|
||||
|
|
|
@ -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.
|
||||
msgid ""
|
||||
msgstr ""
|
||||
"Project-Id-Version: _s 1.0.0\n"
|
||||
"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/_s\n"
|
||||
"Project-Id-Version: Oficina de Suport de Xarxaprod 1.0.0\n"
|
||||
"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/oficinasuport-wp-theme\n"
|
||||
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
||||
"Language-Team: LANGUAGE <LL@li.org>\n"
|
||||
"MIME-Version: 1.0\n"
|
||||
"Content-Type: text/plain; charset=UTF-8\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"
|
||||
"X-Generator: WP-CLI 2.4.0\n"
|
||||
"X-Domain: _s\n"
|
||||
"X-Generator: WP-CLI 2.7.1\n"
|
||||
"X-Domain: ofsupxxp\n"
|
||||
|
||||
#. Theme Name of the theme
|
||||
msgid "_s"
|
||||
msgid "Oficina de Suport de Xarxaprod"
|
||||
msgstr ""
|
||||
|
||||
#. Theme URI of the theme
|
||||
msgid "https://underscores.me/"
|
||||
msgid "https://git.hangar.org/xarxaprod/oficinasuport-wp-theme"
|
||||
msgstr ""
|
||||
|
||||
#. 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 ""
|
||||
|
||||
#. Author of the theme
|
||||
msgid "Automattic"
|
||||
msgid "Jorge - vitrubio.net"
|
||||
msgstr ""
|
||||
|
||||
#. Author URI of the theme
|
||||
msgid "https://automattic.com/"
|
||||
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>"
|
||||
msgid "https://vitrubio.net"
|
||||
msgstr ""
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
.main-navigation {
|
||||
display: block;
|
||||
width: 100%;
|
||||
.main-navigation,.secondary-navigation {
|
||||
//display: block;
|
||||
//width: 100%;
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
|
@ -74,9 +74,25 @@
|
|||
.main-navigation.toggled ul {
|
||||
display: block;
|
||||
}
|
||||
/* secondary navigation */
|
||||
.secondary-navigation ul {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@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 {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
@ -7,5 +7,18 @@
|
|||
"header"
|
||||
"main"
|
||||
"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 URI: http://underscores.me/
|
||||
Author: jorge-vitrubio.net
|
||||
|
@ -73,6 +74,7 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
|||
/*--------------------------------------------------------------
|
||||
# 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/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
|
||||
--------------------------------------------- */
|
||||
@import "utilities/alignments";
|
||||
|
||||
|
|
128
style.css
128
style.css
|
@ -1,4 +1,5 @@
|
|||
/*!
|
||||
|
||||
Theme Name: Oficina de Suport theme
|
||||
Theme URI: http://underscores.me/
|
||||
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
|
||||
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||
*/
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
>>> TABLE OF CONTENTS:
|
||||
----------------------------------------------------------------
|
||||
|
@ -49,19 +49,14 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
|||
- Alignments
|
||||
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Generic
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
/* Normalize
|
||||
--------------------------------------------- */
|
||||
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
|
@ -73,7 +68,6 @@ html {
|
|||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
@ -99,7 +93,6 @@ h1 {
|
|||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
|
@ -121,7 +114,6 @@ pre {
|
|||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
@ -187,7 +179,6 @@ sup {
|
|||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
@ -197,7 +188,6 @@ img {
|
|||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
|
@ -343,7 +333,6 @@ textarea {
|
|||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
@ -360,7 +349,6 @@ summary {
|
|||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
@ -377,7 +365,6 @@ template {
|
|||
|
||||
/* Box sizing
|
||||
--------------------------------------------- */
|
||||
|
||||
/* 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/ */
|
||||
*,
|
||||
|
@ -393,7 +380,6 @@ html {
|
|||
/*--------------------------------------------------------------
|
||||
# Base
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
/* Typography
|
||||
--------------------------------------------- */
|
||||
body,
|
||||
|
@ -437,7 +423,7 @@ address {
|
|||
}
|
||||
|
||||
pre {
|
||||
background: #eee;
|
||||
background: #fdfdfd;
|
||||
font-family: "Courier 10 Pitch", courier, monospace;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1.6em;
|
||||
|
@ -461,7 +447,7 @@ acronym {
|
|||
|
||||
mark,
|
||||
ins {
|
||||
background: #fff9c0;
|
||||
background: #fefefe;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
@ -476,7 +462,7 @@ body {
|
|||
}
|
||||
|
||||
hr {
|
||||
background-color: #ccc;
|
||||
background-color: #000;
|
||||
border: 0;
|
||||
height: 1px;
|
||||
margin-bottom: 1.5em;
|
||||
|
@ -533,25 +519,22 @@ table {
|
|||
/* Links
|
||||
--------------------------------------------- */
|
||||
a {
|
||||
color: #4169e1;
|
||||
color: #101010;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #800080;
|
||||
color: #505050;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: #191970;
|
||||
a:hover, a:focus, a:active {
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
a:hover, a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
@ -562,9 +545,9 @@ input[type="button"],
|
|||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
border: 1px solid;
|
||||
border-color: #ccc #ccc #bbb;
|
||||
border-color: #000 #000 #000;
|
||||
border-radius: 3px;
|
||||
background: #e6e6e6;
|
||||
background: #fff;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
line-height: 1;
|
||||
padding: 0.6em 1em 0.4em;
|
||||
|
@ -574,18 +557,17 @@ button:hover,
|
|||
input[type="button"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="submit"]:hover {
|
||||
border-color: #ccc #bbb #aaa;
|
||||
border-color: #111 #111 #111;
|
||||
}
|
||||
|
||||
button:active,
|
||||
button:focus,
|
||||
button:active, button:focus,
|
||||
input[type="button"]:active,
|
||||
input[type="button"]:focus,
|
||||
input[type="reset"]:active,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:active,
|
||||
input[type="submit"]:focus {
|
||||
border-color: #aaa #bbb #bbb;
|
||||
border-color: #222 #222 #222;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
|
@ -605,7 +587,7 @@ input[type="datetime-local"],
|
|||
input[type="color"],
|
||||
textarea {
|
||||
color: #666;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid #000;
|
||||
border-radius: 3px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
@ -630,7 +612,7 @@ textarea:focus {
|
|||
}
|
||||
|
||||
select {
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
textarea {
|
||||
|
@ -640,26 +622,38 @@ textarea {
|
|||
/*--------------------------------------------------------------
|
||||
# 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
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
/* Navigation
|
||||
--------------------------------------------- */
|
||||
.main-navigation {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main-navigation ul {
|
||||
.main-navigation ul, .secondary-navigation ul {
|
||||
display: none;
|
||||
list-style: none;
|
||||
margin: 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);
|
||||
float: left;
|
||||
position: absolute;
|
||||
|
@ -668,31 +662,33 @@ textarea {
|
|||
z-index: 99999;
|
||||
}
|
||||
|
||||
.main-navigation ul ul ul {
|
||||
.main-navigation ul ul ul, .secondary-navigation ul ul ul {
|
||||
left: -999em;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.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;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.main-navigation ul ul a {
|
||||
.main-navigation ul ul a, .secondary-navigation ul ul a {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.main-navigation li {
|
||||
.main-navigation li, .secondary-navigation li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.main-navigation a {
|
||||
.main-navigation a, .secondary-navigation a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
@ -703,21 +699,31 @@ textarea {
|
|||
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 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation ul {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.site-main .comment-navigation,
|
||||
.site-main
|
||||
.posts-navigation,
|
||||
.site-main
|
||||
.site-main .comment-navigation, .site-main
|
||||
.posts-navigation, .site-main
|
||||
.post-navigation {
|
||||
margin: 0 0 1.5em;
|
||||
}
|
||||
|
@ -877,10 +883,8 @@ textarea {
|
|||
/*--------------------------------------------------------------
|
||||
# Plugins
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
/* Jetpack infinite scroll
|
||||
--------------------------------------------- */
|
||||
|
||||
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
|
||||
.infinite-scroll .posts-navigation,
|
||||
.infinite-scroll.neverending .site-footer {
|
||||
|
@ -895,10 +899,8 @@ textarea {
|
|||
/*--------------------------------------------------------------
|
||||
# Utilities
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
/* Accessibility
|
||||
--------------------------------------------- */
|
||||
|
||||
/* Text meant only for screen readers. */
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
|
@ -914,12 +916,12 @@ textarea {
|
|||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: #f1f1f1;
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: #21759b;
|
||||
color: #020202;
|
||||
display: block;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 700;
|
||||
|
@ -941,20 +943,16 @@ textarea {
|
|||
/* Alignments
|
||||
--------------------------------------------- */
|
||||
.alignleft {
|
||||
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
|
||||
/*rtl:ignore*/
|
||||
margin-right: 1.5em;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
|
||||
/*rtl:ignore*/
|
||||
float: right;
|
||||
|
||||
/*rtl:ignore*/
|
||||
margin-left: 1.5em;
|
||||
margin-bottom: 1.5em;
|
||||
|
@ -967,3 +965,5 @@ textarea {
|
|||
margin-right: auto;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue