Unverified Commit ddb7a37d authored by luigi1111's avatar luigi1111 Committed by GitHub
Browse files

Merge pull request #751 from el00ruobuob/CSS-fix

CSS Fix for team page
parents 2a9a9572 eff3af14
......@@ -7,7 +7,7 @@ permalink: /community/team/index.html
<section class="container">
<div class="row">
<div class="col-xs-12">
<div class="tabPanel-widget">
<div class="tabPanel-widget tabPanel-header5">
<label for="tab-1" tabindex="0"></label>
<input id="tab-1" type="radio" name="tabs" aria-hidden="true" checked>
<h2>{% t team.core %}</h2>
......
......@@ -1068,8 +1068,8 @@ pre.highlight>code {
}
.arrow-down {
width: 0;
height: 0;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #393939;
......@@ -1096,41 +1096,41 @@ pre.highlight>code {
}
.untranslated-link {
color: white;
color: white;
text-decoration: underline;
}
@media only screen and (max-width: 75rem) {
body p, body blockquote, body ul {
font-size: 16px;
font-size: 1rem;
}
}
}
@media only screen and (max-width: 62rem) {
.page-wrapper {
padding-top: 4.5rem;
}
code {
word-break: break-all;
}
}
@media only screen and (max-width: 48rem) {
body {font-size: 1rem;}
body {font-size: 1rem;}
.page-wrapper {
padding-top: 4rem;
}
}
.untranslated p {
font-size: 0.6rem;
}
}
/*******************HEADINGS*************************/
......@@ -1143,7 +1143,7 @@ h1 {
margin: 2.5rem 0 2rem 0;
}
h2 {
h2 {
font-family: 'Hind', 'Open Sans', sans-serif;
font-weight: 700;
font-size: 1.75rem;
......@@ -1240,7 +1240,7 @@ h2#main-h2 {
margin: 0.5rem 0 0 0;
}
h2, .info-block h2 {
h2, .info-block h2 {
font-size: 23px;
font-size: 1.5625rem;
margin-bottom: 0;
......@@ -1253,11 +1253,11 @@ h3 {
margin-top: 1rem;
margin-bottom: 0;
}
}
@media only screen and (max-width: 62rem) {
h1 {
margin: 0.5rem 0 1rem 0;
}
......@@ -1266,7 +1266,7 @@ h1 {
margin-bottom: 1.5rem;
margin-top: -1rem;
}
h1#main-h1 {
font-size: 3rem;
text-transform: uppercase;
......@@ -1278,7 +1278,7 @@ h2#main-h2 {
margin: 1rem 0 0 0;
}
h2, .info-block h2 {
h2, .info-block h2 {
font-size: 23px;
font-size: 1.5625rem;
margin-bottom: 0;
......@@ -1295,21 +1295,21 @@ h3 {
p {
padding-top: 1rem;
}
}
@media only screen and (max-width: 48rem) {
h1#main-h1 {
font-size: 3rem;
}
}
h1 {
font-size: 1.8rem;
padding: 0.3rem;
margin: 0.5rem 0;
}
.about-main h3, .about-monero h3 {
padding-top: 1rem;
}
......@@ -1317,18 +1317,18 @@ h1 {
.container.description p {
padding: 0 2rem;
}
.pre-roadmap p, .container.description p {
margin-bottom: 1rem;
margin-top: -0.5rem;
}
}
@media only screen and (max-width: 47.9rem) {
}
......@@ -1337,16 +1337,16 @@ h1 {
h1#main-h1 {
font-size: 2.5rem;
}
}
h2#main-h2 {
font-size: 1.5rem;
margin-top: 0.5rem;
}
}
h2, .info-block h2 {
font-size: 1.4rem;
}
}
}
......@@ -1398,61 +1398,61 @@ h2, .info-block h2 {
}
@media only screen and (max-width: 75rem) {
.info-block {
padding: 3rem 2rem;
}
}
.full>.info-block.text-adapt {
padding: 4rem 10rem;
}
}
@media only screen and (max-width: 62rem) {
.info-block {
padding: 2.5rem 1.8rem;
}
}
.full>.info-block.text-adapt {
padding: 4rem;
}
.center.one-fourth, .right.three-fourths, .left.three-fourths, .left.one-fourth.no-pad-sm, .right.one-fourth.no-pad-sm, .right.half, .left.half, .right.one-third, .left.two-thirds, .left.one-third, .right.two-thirds, .center.one-third {
padding-left: 0; padding-right: 0;
}
.center-1.one-fourth {padding-left: 0.5rem; padding-right: 0;}
.center-2.one-fourth {padding-right: 0.5rem; padding-left: 0;}
}
@media only screen and (max-width: 48rem) {
.left.two-thirds, .left.one-third, .left.half, .left.one-fourth, .left.three-fourths, .right.two-thirds, .right.one-third, .center.one-third, .center-1.one-fourth, .center-2.one-fourth, .right.half, .right.one-fourth, .right.three-fourths, .full {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
.info-block {
margin-bottom: 0.5rem;
}
.full>.info-block.text-adapt {
padding: 2.5rem 1.5rem;
}
}
@media only screen and (max-width: 30rem) {
.info-block, .full>.info-block.text-adapt {
padding: 2rem 1rem;
margin-bottom: 0.5rem;
}
}
/*************************BUTTONS****************************/
......@@ -1567,19 +1567,19 @@ a.btn-link:hover span.icon-blockchain, a.btn-link:focus span.icon-blockchain, a.
}
@media only screen and (max-width: 62rem) {
.btn-fixed, .btn-auto {
font-size: 0.875rem;
}
}
}
@media only screen and (max-width: 48rem) {
.btn-fixed, .btn-auto {
font-size: 1rem;
}
}
}
@media only screen and (max-width: 30rem) {
......@@ -1610,7 +1610,7 @@ img.monero-logo {
.topnav .topnav-list .language-change, .topnav .topnav-list .top-link {
font-size: 0.9rem;
}
}
.topnav .topnav-list .top-link {
padding: 0.8rem 1rem;
......@@ -1762,7 +1762,7 @@ img.monero-logo {
top: 99.5%;
text-align: left;
background: #ffffff;
width: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
......@@ -1816,58 +1816,58 @@ img.monero-logo {
}
@media only screen and (max-width: 75rem) {
.topnav .topnav-list .top-link.language-change {
margin-right: 3.1rem;
font-size: 0.85rem;
}
.topnav .topnav-list .top-link {
font-size: 0.85rem;
}
img.monero-logo {
padding-left: 3.1rem;
}
.topnav .topnav-list .top-link {
padding: 0.8rem 0.5rem;
}
.topnav .topnav-list .language-change .dropdown-content {
top: 1.9rem;
}
.nav-items>.nav-item>label, .nav-item>.dropdown-content>a {
padding-left: 2.7rem;
}
.nav-items>.nav-item>label, .nav-items>.nav-item>a {
font-size: 1.16rem;
font-size: 1.16rem;
}
.nav-item>.dropdown-content>a {
font-size: 0.9rem;
padding-right: 2.2rem;
}
.nav-items>.nav-item:first-of-type>label, .white-nav .nav-item:first-of-type .dropdown-content a {
padding-left: 3.1rem;
}
.nav-items>.nav-item:last-of-type>label {
padding-right: 0.8rem;
}
}
@media only screen and (max-width: 62rem) {
.desktop-nav {
display: none;
}
}
/*MOBILE NAVIGATION*/
......@@ -1886,13 +1886,13 @@ img.monero-logo {
/*.mob.bot-nav.white-nav .col-xs-6 a {
display: inline-block;
}*/
img.monero-logo {
position: inherit;
width: 10rem;
padding: 0.39rem 0 0.39rem 0;
}
.white-nav {
line-height: 0.5;
display: -ms-flexbox;
......@@ -1905,21 +1905,21 @@ img.monero-logo {
border-right: none;
border-left: none;
}
.white-nav .nav-items {
line-height: 1;
}
.white-nav>.nav-items>.nav-item.mob {display: initial;}
.nav-items {
display: none;
}
.dropdown-content {
display: none;
}
.burger {
display: block;
border: 0;
......@@ -1931,12 +1931,12 @@ img.monero-logo {
width: 1.5rem;
align-self: flex-end;
}
.burger::-moz-focus-inner {
border: 0;
padding: 0;
}
.burger:before {
content: "";
display: block;
......@@ -1948,7 +1948,7 @@ img.monero-logo {
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger:after {
content: "";
display: block;
......@@ -1960,13 +1960,13 @@ img.monero-logo {
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger-check:checked ~ .burger {
border-bottom: 4px solid transparent;
transition: border-bottom 0.5s ease-in-out;
-webkit-transition: border-bottom 0.5s ease-in-out;
}
.burger-check:checked ~ .burger:before {
transform: rotate(-405deg) translateY(6px) translateX(-5px);
-webkit-transform: rotate(-405deg) translateY(6px) translateX(-5px);
......@@ -1975,7 +1975,7 @@ img.monero-logo {
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger-check:checked ~ .burger:after {
transform: rotate(405deg) translateY(0px) translateX(1.3px);
-webkit-transform: rotate(405deg) translateY(0px) translateX(1.3px);
......@@ -1984,7 +1984,7 @@ img.monero-logo {
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger-check:checked ~ .nav-items{
display: block;
}
......@@ -1999,13 +1999,13 @@ img.monero-logo {
.burger-check:checked + label {
position: fixed;
}
.nav-item > label {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
/*.white-nav .mob-language-change label .arrow-down {
display: inline-block;
margin-left: 0.2rem;
......@@ -2013,19 +2013,19 @@ img.monero-logo {
border-top: 3px solid #393939;
}*/
.mob-nav {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.white-nav {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
.slide-in-nav {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
......@@ -2045,11 +2045,11 @@ img.monero-logo {
overflow: scroll;
z-index: 10;
}
.slide-in-nav::-webkit-scrollbar {
display: none;
.slide-in-nav::-webkit-scrollbar {
display: none;
}
.mob.bot-nav {
display: block;
position: fixed;
......@@ -2059,14 +2059,14 @@ img.monero-logo {
min-height: 3.5rem;
z-index: 10;
}
label[for="mobile-burger"] {
position: fixed;
top: 1.3rem;
left: 1rem;
z-index: 11;
}
#mobile-burger:checked ~ .slide-in-nav {
position: fixed;
-moz-box-shadow: 0 0 900px 900px rgba(0,0,0,0.5);
......@@ -2075,11 +2075,11 @@ label[for="mobile-burger"] {
right: 0;
left: 0;
}
#mobile-burger:checked ~ body {
overflow: none;
}
.slide-in {
padding-top: 3.5rem;
width: 100%;
......@@ -2088,22 +2088,22 @@ label[for="mobile-burger"] {
.slide-in .row label, .slide-in .row a {
border-bottom: 1px solid #d7d7d7;
}
.mob-nav .nav-item {
position: relative;
text-transform: uppercase;
text-align: left;
font-family: 'Hind', sans-serif;
font-weight: 500;
font-weight: 500;
font-size: 1.125rem;
cursor: pointer;
}
.mob-nav .nav-item:checked, .mob-nav .nav-item:focus, .mob-nav .nav-item:active {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
.mob-nav .nav-item .arrow-down {
margin-top: 0.8rem;
margin-left: 0.2rem;
......@@ -2111,7 +2111,7 @@ label[for="mobile-burger"] {
.mob-nav .nav-item a, .mob-nav .nav-item label {
padding: 1rem 0 1rem 2rem;
}
}
.mob-nav .nav-item>a, .mob-nav .nav-item label, .mob-nav .nav-item .dropdown-content>a, .mob-nav .nav-item .arrow-down {
-webkit-transition: all ease-out .2s;
......@@ -2123,24 +2123,24 @@ label[for="mobile-burger"] {
.mob-nav .nav-item a {
display: block;
}
.mob-nav .nav-item a:hover .arrow-down, .mob-nav .nav-item a.active .arrow-down, .mob-nav .nav-item a:focus .arrow-down, .mob-nav .nav-item label:hover .arrow-down, .mob-nav .nav-item label:focus .arrow-down, .mob-nav .nav-item label.active .arrow-down {
border-top: 3px solid #ff7519;
}
.mob-nav .nav-item label, .mob-nav .nav-item>a {
text-decoration: none;
color: #393939;
cursor: pointer;
height: 1.9rem;
line-height: 2.1rem;
}
}
.mob-nav .nav-item>a:hover, .mob-nav .nav-item>a:focus, .mob-nav .nav-item>a:active, .mob-nav .nav-item>a.active, .mob-nav .nav-item label:hover, .mob-nav .nav-item label:focus {
color: #ff7519;
color: #ff7519;
}
.mob-nav .nav-item .dropdown-content>a {
text-align: left;
padding: 0.8rem 0rem 0.8rem 3rem;
......@@ -2151,25 +2151,25 @@ label[for="mobile-burger"] {
color: #393939;
cursor: pointer;
}
.mob-nav .nav-item>.dropdown-content>a:hover, .mob-nav .nav-item .dropdown-content>a:focus, .mob-nav .nav-item .dropdown-content>a.active {
color: #ff7519;
background-color: #f5f5f5;
}
#drop1:checked ~ .dropdown-content, #drop2:checked ~ .dropdown-content, #drop3:checked ~ .dropdown-content, #drop4:checked ~ .dropdown-content {
background-color: #fcfcfc;
}