Commit 8b05ed05 authored by Cristiano Silva's avatar Cristiano Silva
Browse files

Page 404 styles & other fixes

parent 59b2042a
......@@ -4,7 +4,7 @@ mail: webmaster@drupal.pt
slogan: 'Comunidade Portuguesa de Drupal'
page:
403: ''
404: /node/722
404: /node/723
front: /node/682
admin_compact_mode: false
weight_select_max: 100
......
......@@ -8972,7 +8972,7 @@ nav.tabs {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
border: 2px solid #fff; }
.content-topic .topic-links a {
.topic-links a {
display: inline-block;
padding: 9px 12px;
font: 600 13px/16px 'Inter', sans-serif;
......@@ -8984,7 +8984,7 @@ nav.tabs {
text-transform: uppercase;
text-align: center;
border: 2px solid #00F0F3; }
.content-topic .topic-links a:hover {
.topic-links a:hover {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); }
/*
......@@ -9174,6 +9174,14 @@ body {
.navbar-toggler:focus {
outline: none; }
::selection {
background: #00F0F3;
/* WebKit/Blink Browsers */ }
::-moz-selection {
background: #00F0F3;
/* Gecko Browsers */ }
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0; }
......@@ -9282,15 +9290,16 @@ ul.list-of-text {
margin-bottom: 15px; }
.content-topic p {
margin-bottom: 35px; }
.content-topic .topic-links {
display: flex;
flex-wrap: wrap;
margin-bottom: -15px;
list-style: none;
padding-left: 0; }
.content-topic .topic-links a {
margin-right: 15px;
margin-bottom: 15px; }
.topic-links {
display: flex;
flex-wrap: wrap;
margin-bottom: -15px;
list-style: none;
padding-left: 0; }
.topic-links a {
margin-right: 15px;
margin-bottom: 15px; }
.form-group {
margin-bottom: 0; }
......@@ -9719,8 +9728,9 @@ ul.list-of-text {
* Info pages, remove padding-bottom
* --- Termos e Condições: .page-node-719
* --- Politica de Privacidade: .page-node-720
* --- Página 404
*/
.page-node-719 .node__content, .page-node-720 .node__content {
.page-node-719 .node__content, .page-node-720 .node__content, .pagina-404 .node__content {
padding-bottom: 0 !important; }
.info-page {
......@@ -9818,6 +9828,9 @@ ul.list-of-text {
*
*/
@media (max-width: 575.98px) {
#scrolldown {
margin-top: 115px !important; }
.home-community .view-header .view-header-titles h2 {
font-size: 78px; }
......@@ -9916,6 +9929,70 @@ ul.list-of-text {
max-width: 100%; } }
/*
*
--- --- SCROLL DOWN MOUSE
*
*/
#scrolldown {
margin-top: 150px;
text-align: center; }
#scrolldown a {
position: relative;
padding-top: 60px;
font: 600 11px/16px 'Inter', sans-serif;
color: #fff;
text-transform: uppercase; }
#scrolldown a span {
position: absolute;
top: 0;
left: 50%;
width: 30px;
height: 50px;
margin-left: -15px;
border: 2px solid #fff;
border-radius: 50px;
box-sizing: border-box;
font-size: 0; }
#scrolldown a span::before {
position: absolute;
top: 10px;
left: 50%;
content: '';
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sdb10 2s infinite;
animation: sdb10 2s infinite;
box-sizing: border-box; }
@-webkit-keyframes sdb10 {
0% {
-webkit-transform: translate(0, 0);
opacity: 0; }
40% {
opacity: 1; }
80% {
-webkit-transform: translate(0, 20px);
opacity: 0; }
100% {
opacity: 0; } }
@keyframes sdb10 {
0% {
transform: translate(0, 0);
opacity: 0; }
40% {
opacity: 1; }
80% {
transform: translate(0, 20px);
opacity: 0; }
100% {
opacity: 0; } }
/*
*
--- --- RIPPLE EFFECT ON BUTTONS
*
*/
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -40,6 +40,13 @@ body {
outline: none;
}
::selection {
background: $light-blue; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: $light-blue; /* Gecko Browsers */
}
// --- >>> --- HEADINGS & TEXT STYLES --- >>> --- //
......@@ -169,13 +176,13 @@ ul.list-of-text {
li {
font: 300 18px/28px 'Inter', sans-serif;
letter-spacing: 0;
color: #000;
color: $black;
}
a {
font: 500 18px/28px 'Inter', sans-serif;
letter-spacing: 0;
color: #000;
color: $black;
&:hover {
color: $light-blue;
......@@ -211,20 +218,20 @@ ul.list-of-text {
p {
margin-bottom: 35px;
}
}
.topic-links {
display: flex;
flex-wrap: wrap;
margin-bottom: -15px;
.topic-links {
display: flex;
flex-wrap: wrap;
margin-bottom: -15px;
list-style: none;
padding-left: 0;
list-style: none;
padding-left: 0;
a {
@extend %mini-link-styles;
margin-right: 15px;
margin-bottom: 15px;
}
a {
@extend %mini-link-styles;
margin-right: 15px;
margin-bottom: 15px;
}
}
......
......@@ -9,9 +9,10 @@
* Info pages, remove padding-bottom
* --- Termos e Condições: .page-node-719
* --- Politica de Privacidade: .page-node-720
* --- Página 404
*/
.page-node-719, .page-node-720 {
.page-node-719, .page-node-720, .pagina-404 {
.node__content {
padding-bottom: 0 !important;
}
......@@ -44,4 +45,5 @@
.content-topic:last-child {
margin-bottom: 0;
}
}
\ No newline at end of file
}
......@@ -17,7 +17,7 @@
* - right: content of right region
*/
#}
<{{ outer_wrapper }}{{ attributes.addClass('ds-3col-equal container', 'clearfix') }}>
<{{ outer_wrapper }}{{ attributes.addClass('ds-3col-equal', 'clearfix') }}>
{{ title_suffix.contextual_links }}
......@@ -35,7 +35,7 @@
{{ right }}
</{{ right_wrapper }}>
<div>
</div>
</{{ outer_wrapper }}>
{#
/**
* @file
* Bootstrap Barrio's theme implementation to display a node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
Only "getter" methods (method names starting with "get", "has", or "is")
and a few common methods such as "id" and "label" are available. Calling
other methods (such as node.delete) will result in an exception.
* - label: The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: Themed creation date field.
* - author_name: Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
* - readmore: Flag for more state. Will be true if the teaser content of the
* node cannot hold the main body content.
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_node()
*/
#}
{{ attach_library('bootstrap_barrio/node') }}
{%
set classes = [
'node',
'node--type-' ~ node.bundle|clean_class,
node.isPromoted() ? 'node--promoted',
node.isSticky() ? 'node--sticky',
not node.isPublished() ? 'node--unpublished',
view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
'clearfix',
'pagina-404'
]
%}
<article{{ attributes.addClass(classes) }}>
<header>
{{ title_prefix }}
{% if not page %}
<h2{{ title_attributes.addClass('node__title') }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{% if display_submitted %}
<div class="node__meta">
{{ author_picture }}
{% block submitted %}
<em{{ author_attributes }}>
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
</em>
{% endblock %}
{{ metadata }}
</div>
{% endif %}
</header>
<div{{ content_attributes.addClass('node__content', 'clearfix') }}>
{{ content }}
</div>
</article>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment