mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-06-07 20:08:54 +00:00
Updated styles for headers and sidebar close
This commit is contained in:
pmoreno.rodriguez
parent
ee55dc83b5
commit
1ca49f4e67
5 changed files with 88 additions and 149 deletions
|
|
@ -66,14 +66,10 @@ input::-moz-focus-inner {
|
|||
input, select, textarea {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
/* Basic */
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
body {
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
|
@ -95,13 +91,7 @@ body {
|
|||
background: #f4f4f4;
|
||||
}
|
||||
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
|
||||
-moz-animation: none !important;
|
||||
-webkit-animation: none !important;
|
||||
-ms-animation: none !important;
|
||||
animation: none !important;
|
||||
-moz-transition: none !important;
|
||||
-webkit-transition: none !important;
|
||||
-ms-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
|
|
@ -140,18 +130,12 @@ body, input, select, textarea {
|
|||
}
|
||||
|
||||
a {
|
||||
-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
|
||||
-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
|
||||
-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
|
||||
transition: color 0.2s ease, border-bottom-color 0.2s ease;
|
||||
border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:before {
|
||||
-moz-transition: color 0.2s ease;
|
||||
-webkit-transition: color 0.2s ease;
|
||||
-ms-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
a:hover {
|
||||
|
|
@ -189,6 +173,10 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
|||
border-bottom: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
|
@ -1384,19 +1372,14 @@ hr.major {
|
|||
/* Author */
|
||||
.author {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-flex-direction: row;
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-moz-align-items: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
-moz-justify-content: -moz-flex-end;
|
||||
-webkit-justify-content: -webkit-flex-end;
|
||||
-ms-justify-content: -ms-flex-end;
|
||||
justify-content: flex-end;
|
||||
border-bottom: 0;
|
||||
|
|
@ -1408,9 +1391,6 @@ hr.major {
|
|||
white-space: wrap;
|
||||
}
|
||||
.author .name {
|
||||
-moz-transition: border-bottom-color 0.2s ease;
|
||||
-webkit-transition: border-bottom-color 0.2s ease;
|
||||
-ms-transition: border-bottom-color 0.2s ease;
|
||||
transition: border-bottom-color 0.2s ease;
|
||||
border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
|
||||
display: block;
|
||||
|
|
@ -1463,11 +1443,7 @@ button,
|
|||
.button {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
-moz-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
|
||||
-webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
|
||||
-ms-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
|
||||
transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
|
|
@ -1628,7 +1604,6 @@ select,
|
|||
textarea {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
background: rgba(160, 160, 160, 0.075);
|
||||
border: none;
|
||||
|
|
@ -1728,7 +1703,6 @@ input[type=checkbox],
|
|||
input[type=radio] {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
display: block;
|
||||
float: left;
|
||||
|
|
@ -1949,7 +1923,6 @@ dl dd {
|
|||
/* Actions */
|
||||
ul.actions {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
cursor: default;
|
||||
|
|
@ -1963,7 +1936,6 @@ ul.actions li {
|
|||
}
|
||||
ul.actions.special {
|
||||
-moz-justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
|
|
@ -1974,8 +1946,6 @@ ul.actions.special li:first-child {
|
|||
}
|
||||
ul.actions.stacked {
|
||||
-moz-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
|
@ -1990,11 +1960,8 @@ ul.actions.fit {
|
|||
}
|
||||
ul.actions.fit li {
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
-moz-flex-shrink: 1;
|
||||
-webkit-flex-shrink: 1;
|
||||
-ms-flex-shrink: 1;
|
||||
flex-shrink: 1;
|
||||
width: 100%;
|
||||
|
|
@ -2008,7 +1975,6 @@ ul.actions.fit.stacked {
|
|||
@media screen and (max-width: 736px) {
|
||||
ul.actions {
|
||||
-moz-justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
@ -2016,19 +1982,14 @@ ul.actions.fit.stacked {
|
|||
@media screen and (max-width: 480px) {
|
||||
ul.actions:not(.fixed) {
|
||||
-moz-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
margin-left: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
ul.actions:not(.fixed) li {
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
-moz-flex-shrink: 1;
|
||||
-webkit-flex-shrink: 1;
|
||||
-ms-flex-shrink: 1;
|
||||
flex-shrink: 1;
|
||||
padding: 1em 0 0 0;
|
||||
|
|
@ -2095,16 +2056,12 @@ ul.posts li:first-child {
|
|||
}
|
||||
ul.posts article {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-align-items: -moz-flex-start;
|
||||
-webkit-align-items: -webkit-flex-start;
|
||||
-ms-align-items: -ms-flex-start;
|
||||
align-items: flex-start;
|
||||
-moz-flex-direction: row-reverse;
|
||||
-webkit-flex-direction: row-reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
ul.posts article .image {
|
||||
|
|
@ -2118,7 +2075,6 @@ ul.posts article .image img {
|
|||
}
|
||||
ul.posts article header {
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
flex: 1;
|
||||
|
|
@ -2145,12 +2101,9 @@ ul.posts article header > :last-child {
|
|||
/* Mini Post */
|
||||
.mini-post {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-flex-direction: column-reverse;
|
||||
-webkit-flex-direction: column-reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
background: #ffffff;
|
||||
border: solid 1px rgba(160, 160, 160, 0.3);
|
||||
|
|
@ -2161,16 +2114,10 @@ ul.posts article header > :last-child {
|
|||
width: 100%;
|
||||
}
|
||||
.mini-post .image img {
|
||||
-moz-transition: -moz-transform 0.2s ease-out;
|
||||
-webkit-transition: -webkit-transform 0.2s ease-out;
|
||||
-ms-transition: -ms-transform 0.2s ease-out;
|
||||
transition: transform 0.2s ease-out;
|
||||
width: 100%;
|
||||
}
|
||||
.mini-post .image:hover img {
|
||||
-moz-transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
.mini-post header {
|
||||
|
|
@ -2178,7 +2125,6 @@ ul.posts article header > :last-child {
|
|||
min-height: 4em;
|
||||
position: relative;
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
|
@ -2206,12 +2152,8 @@ ul.posts article header > :last-child {
|
|||
@media screen and (max-width: 1280px) {
|
||||
.mini-posts {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
width: calc(100% + 2em);
|
||||
}
|
||||
|
|
@ -2250,7 +2192,6 @@ ul.posts article header > :last-child {
|
|||
}
|
||||
.post > header {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
border-bottom: solid 1px rgba(160, 160, 160, 0.3);
|
||||
|
|
@ -2261,7 +2202,6 @@ ul.posts article header > :last-child {
|
|||
}
|
||||
.post > header .title {
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
-ms-flex: 1;
|
||||
|
|
@ -2313,30 +2253,21 @@ ul.posts article header > :last-child {
|
|||
overflow: hidden;
|
||||
}
|
||||
.post > a.image.featured img {
|
||||
-moz-transition: -moz-transform 0.2s ease-out;
|
||||
-webkit-transition: -webkit-transform 0.2s ease-out;
|
||||
-ms-transition: -ms-transform 0.2s ease-out;
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
.post > a.image.featured:hover img {
|
||||
-moz-transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
.post > footer {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-align-items: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.post > footer .actions {
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
|
@ -2402,8 +2333,6 @@ ul.posts article header > :last-child {
|
|||
}
|
||||
.post > header {
|
||||
-moz-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: 3.75em 3em 1.25em 3em;
|
||||
border-left: 0;
|
||||
|
|
@ -2416,15 +2345,12 @@ ul.posts article header > :last-child {
|
|||
}
|
||||
.post > header .meta {
|
||||
-moz-align-items: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
border-left: 0;
|
||||
|
|
@ -2450,8 +2376,6 @@ ul.posts article header > :last-child {
|
|||
}
|
||||
.post > header .meta .author {
|
||||
-moz-flex-direction: row-reverse;
|
||||
-webkit-flex-direction: row-reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -2480,24 +2404,18 @@ ul.posts article header > :last-child {
|
|||
}
|
||||
.post > footer {
|
||||
-moz-align-items: -moz-stretch;
|
||||
-webkit-align-items: -webkit-stretch;
|
||||
-ms-align-items: -ms-stretch;
|
||||
align-items: stretch;
|
||||
-moz-flex-direction: column-reverse;
|
||||
-webkit-flex-direction: column-reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.post > header .meta {
|
||||
-moz-align-items: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
-moz-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.post > header .meta > * {
|
||||
|
|
@ -2592,16 +2510,10 @@ table.alt tfoot {
|
|||
border-radius: 10px;
|
||||
}
|
||||
.portfolio_item .image img {
|
||||
-moz-transition: -moz-transform 0.2s ease-out;
|
||||
-webkit-transition: -webkit-transform 0.2s ease-out;
|
||||
-ms-transition: -ms-transform 0.2s ease-out;
|
||||
transition: transform 0.2s ease-out;
|
||||
width: 100%;
|
||||
}
|
||||
.portfolio_item .image:hover img {
|
||||
-moz-transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
|
|
@ -2609,7 +2521,6 @@ table.alt tfoot {
|
|||
#banner {
|
||||
padding: 6em 0 4em 0;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -2623,22 +2534,16 @@ table.alt tfoot {
|
|||
}
|
||||
#banner .content {
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
-moz-flex-shrink: 1;
|
||||
-webkit-flex-shrink: 1;
|
||||
-ms-flex-shrink: 1;
|
||||
flex-shrink: 1;
|
||||
width: 60%;
|
||||
}
|
||||
#banner .image {
|
||||
-moz-flex-grow: 0;
|
||||
-webkit-flex-grow: 0;
|
||||
-ms-flex-grow: 0;
|
||||
flex-grow: 0;
|
||||
-moz-flex-shrink: 0;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
display: block;
|
||||
|
|
@ -2650,18 +2555,18 @@ table.alt tfoot {
|
|||
-moz-object-fit: contain;
|
||||
-webkit-object-fit: contain;
|
||||
-ms-object-fit: contain;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-moz-object-position: center;
|
||||
-webkit-object-position: center;
|
||||
-ms-object-position: center;
|
||||
-o-object-position: center;
|
||||
object-position: center;
|
||||
width: 100%;
|
||||
}
|
||||
@media screen and (orientation: portrait) {
|
||||
#banner {
|
||||
-moz-flex-direction: column-reverse;
|
||||
-webkit-flex-direction: column-reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
#banner h1 br {
|
||||
|
|
@ -2669,22 +2574,16 @@ table.alt tfoot {
|
|||
}
|
||||
#banner .content {
|
||||
-moz-flex-grow: 0;
|
||||
-webkit-flex-grow: 0;
|
||||
-ms-flex-grow: 0;
|
||||
flex-grow: 0;
|
||||
-moz-flex-shrink: 0;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#banner .image {
|
||||
-moz-flex-grow: 0;
|
||||
-webkit-flex-grow: 0;
|
||||
-ms-flex-grow: 0;
|
||||
flex-grow: 0;
|
||||
-moz-flex-shrink: 0;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
margin: 0 0 4em 0;
|
||||
|
|
@ -2729,8 +2628,6 @@ table.alt tfoot {
|
|||
/* Dropdown menu in header */
|
||||
#header .dropdown {
|
||||
-moz-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
border-left: solid 1px rgba(160, 160, 160, 0.3);
|
||||
height: inherit;
|
||||
|
|
@ -2789,16 +2686,10 @@ table.alt tfoot {
|
|||
}
|
||||
#header .dropdown ul li:hover > ul {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-moz-flex-wrap: nowrap;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
min-width: 15em;
|
||||
border: solid 1px rgba(160, 160, 160, 0.3);
|
||||
|
|
@ -2858,7 +2749,6 @@ ul.menulink > li a:hover.tags {
|
|||
|
||||
ul.menulink > li > ul,
|
||||
ul.menulink > li a span {
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
font-size: 0.9em;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -2866,7 +2756,6 @@ ul.menulink > li a span {
|
|||
}
|
||||
|
||||
ul.menulink > li a span li {
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
font-size: 0.8em;
|
||||
font-weight: 400;
|
||||
|
|
@ -2887,7 +2776,6 @@ ul.subitem {
|
|||
|
||||
ul.subitem > li > ul,
|
||||
ul.subitem > li a span {
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
font-size: 0.9em;
|
||||
font-weight: 400;
|
||||
|
|
@ -2906,7 +2794,6 @@ ul.subitem_hide {
|
|||
|
||||
ul.subitem_hide > li > ul,
|
||||
ul.subitem_hide > li a span {
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
margin-bottom: 0;
|
||||
font-weight: 400;
|
||||
|
|
@ -2945,6 +2832,7 @@ ul.subitem_hide > li {
|
|||
margin-top: -1em;
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
-webkit-padding-start: 0;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
.heading #breadcrumbs span {
|
||||
|
|
@ -2954,6 +2842,10 @@ ul.subitem_hide > li {
|
|||
padding: 0 1em;
|
||||
width: 0;
|
||||
}
|
||||
.heading .title h1 {
|
||||
font-weight: 900;
|
||||
font-size: 2em;
|
||||
}
|
||||
.heading .title h2 {
|
||||
font-weight: 900;
|
||||
font-size: 1.8em;
|
||||
|
|
@ -2980,7 +2872,7 @@ ul.subitem_hide > li {
|
|||
text-align: center;
|
||||
}
|
||||
.heading .title {
|
||||
-ms-flex: 0 1 auto;
|
||||
flex: 0 1 auto;
|
||||
margin: 0 0 2em 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
|
|
@ -3012,11 +2904,9 @@ body {
|
|||
|
||||
#header {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
background-color: #ffffff;
|
||||
|
|
@ -3052,6 +2942,16 @@ body {
|
|||
#header h1 a {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
#header div {
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
padding: 0 0 0 1.5em !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
#header div a {
|
||||
font-size: 0.7em;
|
||||
letter-spacing: 0.25em;
|
||||
}
|
||||
#header .main {
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
|
|
@ -3114,9 +3014,6 @@ body {
|
|||
vertical-align: middle;
|
||||
}
|
||||
#header #search {
|
||||
-moz-transition: all 0.5s ease;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-ms-transition: all 0.5s ease;
|
||||
transition: all 0.5s ease;
|
||||
max-width: 0;
|
||||
opacity: 0;
|
||||
|
|
@ -3153,16 +3050,10 @@ body {
|
|||
/* Wrapper */
|
||||
#wrapper {
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-moz-flex-direction: row-reverse;
|
||||
-webkit-flex-direction: row-reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
-moz-transition: opacity 0.5s ease;
|
||||
-webkit-transition: opacity 0.5s ease;
|
||||
-ms-transition: opacity 0.5s ease;
|
||||
transition: opacity 0.5s ease;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
|
|
@ -3195,7 +3086,6 @@ body.single #wrapper {
|
|||
/* Main */
|
||||
#main {
|
||||
-moz-flex-grow: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
flex: 1;
|
||||
|
|
@ -3323,13 +3213,7 @@ body.single #footer {
|
|||
|
||||
/* Menu */
|
||||
#menu {
|
||||
-moz-transform: translateX(25em);
|
||||
-webkit-transform: translateX(25em);
|
||||
-ms-transform: translateX(25em);
|
||||
transform: translateX(25em);
|
||||
-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
|
||||
-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
|
||||
-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
|
||||
transition: transform 0.5s ease, visibility 0.5s;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background: #ffffff;
|
||||
|
|
@ -3355,6 +3239,46 @@ body.single #footer {
|
|||
#menu > :first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
#menu > :nth-child(2) {
|
||||
border-top: 0;
|
||||
}
|
||||
#menu .close {
|
||||
text-decoration: none;
|
||||
transition: color 0.2s ease-in-out;
|
||||
border: 0;
|
||||
color: #838383;
|
||||
cursor: pointer;
|
||||
text-align: right;
|
||||
}
|
||||
#menu .close:before {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
text-transform: none !important;
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
}
|
||||
#menu .close:before {
|
||||
content: "\f00d";
|
||||
display: block;
|
||||
padding: 0.5em 1.5em;
|
||||
}
|
||||
#menu .close:hover {
|
||||
color: inherit;
|
||||
}
|
||||
@media screen and (max-width: 736px) {
|
||||
#menu .close {
|
||||
height: 4em;
|
||||
line-height: 4em;
|
||||
}
|
||||
#menu .close:before {
|
||||
padding: 0em;
|
||||
}
|
||||
}
|
||||
#menu .links {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
|
@ -3370,9 +3294,6 @@ body.single #footer {
|
|||
border-bottom: 0;
|
||||
}
|
||||
#menu .links > li a h3 {
|
||||
-moz-transition: color 0.2s ease;
|
||||
-webkit-transition: color 0.2s ease;
|
||||
-ms-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
|
@ -3394,9 +3315,6 @@ body.single #footer {
|
|||
padding-top: 0;
|
||||
}
|
||||
body.is-menu-visible #menu {
|
||||
-moz-transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
|
|||
2
assets/css/main.min.css
vendored
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -87,6 +87,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,6 +32,11 @@
|
|||
|
||||
.title {
|
||||
|
||||
h1 {
|
||||
font-weight: _font(weight-heading-extrabold);
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: _font(weight-heading-extrabold);
|
||||
font-size: 1.8em;
|
||||
|
|
@ -58,7 +63,7 @@
|
|||
text-align: center;
|
||||
}
|
||||
.title {
|
||||
-ms-flex: 0 1 auto;
|
||||
flex: 0 1 auto;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -51,6 +51,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
div {
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
padding: 0 0 0 1.5em !important;
|
||||
white-space: nowrap !important;
|
||||
|
||||
a {
|
||||
font-size: 0.7em;
|
||||
letter-spacing: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue