Remove old FFS CSS

See merge request monero-project/monero-site!1192
This commit is contained in:
luigi1111 2020-01-09 17:38:55 +01:00
commit 13ebd81d6a

View file

@ -4342,300 +4342,6 @@ p.hangouts-social {
}
/*********************FORUM FUNDING SYSTEM*************************/
.ffs .mobile {
display: none;
}
.ffs .tabPanel-content a {
display: block;
}
.ideas .half:nth-child(even) {
padding-left: 0.5rem;
padding-right: 0;
}
.ideas .half:nth-child(odd) {
padding-right: 0.5rem;
padding-left: 0;
}
.ffs-breadcrumbs p {
padding-top: 0;
padding-bottom: 1rem;
font-size: 0.85rem;
}
.ffs-backlink p {
text-align: left;
padding-top: 0;
padding-bottom: 1rem;
font-size: 0.85rem;
margin-top: -2rem;
}
.ffs-backlink p:before {
content: '\003c';
}
.ffs-status {
color: #2f6f9f;
padding: 0.7rem;
border-radius: 0.2rem;
margin-bottom: 1.5rem;
}
.ffs-status p {
white-space: pre-wrap;
padding: 0.2rem;
border-radius: 0.2rem;
font-size: 0.85rem;
}
.complete .ffs-status {
background-color: #d7e8d8;
}
.inprogress .ffs-status {
background-color: #fef2d5;
}
.progress-numbers p {
display: inline-block;
padding-top: 1.2rem;
}
.progress-bar {
height: 1rem;
position: relative;
background: #edebed;
box-shadow: inset 0 -1px 1px rgba(0,0,0,.07);
margin: 1rem 0 1.5rem 0;
}
.progress-bar span {
display: block;
height: 100%;
background-color: rgb(229,115,37);
background-image: linear-gradient(
center bottom,
rgb(229,115,37) 37%,
rgb(231,129,58) 69%
);
box-shadow:
inset 0 2px 9px rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,.07);
position: relative;
overflow: hidden;
}
.inprogress .progress-bar span, .complete .progress-bar span {
background-color: rgb(97,168,99);
background-image: linear-gradient(
center bottom,
rgb(97,168,99) 37%,
rgb(128,185,130) 69%
);
}
.fr-contribute .tab, .fr-contribute .tab:last-of-type, .milestones .tab, .milestones .tab:last-of-type {
border: none;
}
.fr-contribute .tab-content p, .milestones .tab-content p {
margin: 0;
text-align: left;
}
.fr-contribute label.accordion, .milestones label.accordion {
display: inline-block;
padding: 0 2rem 0 1rem;
border: 1px solid #d26e2b;
margin: 0;
line-height: 2.7rem;
height: 2.7rem;
-webkit-transition: background .15s ease;
-moz-transition: background .15s ease;
-o-transition: background .15s ease;
transition: background .15s ease;
color: #d26e2b;
text-transform: uppercase;
}
.fr-contribute label.accordion:hover, .fr-contribute label.accordion:focus, .fr-contribute input.accordion[type=checkbox]:checked + label, .milestones label.accordion:hover, .milestones label.accordion:focus, .milestones input.accordion[type=checkbox]:checked + label {
background-color: #d26e2b;
color: #ffffff;
}
.fr-contribute label.accordion::after, .milestones label.accordion:after {
right: 1rem;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #d26e2b;
}
.fr-contribute label.accordion:hover:after, .fr-contribute label.accordion:focus:after, .fr-contribute input.accordion[type=checkbox]:checked + label:after, .milestones label.accordion:hover:after, .milestones label.accordion:focus:after, .milestones input.accordion[type=checkbox]:checked + label:after {
border-top: 4px solid #ffffff;
}
.fr-contribute label.accordion:focus:after, .fr-contribute input.accordion[type=checkbox]:checked + label:after, .milestones label.accordion:focus:after, .milestones input.accordion[type=checkbox]:checked + label:after {
transform: rotateX(180deg);
}
.ms-completed, .ms-upcoming {
margin-top: 1rem !important;
}
.milestones .row.roadmap {
margin-top: 1.5rem;
}
@media only screen and (max-width: 75rem) {
}
@media only screen and (max-width: 62rem) {
.ffs .desktop {
display: none;
}
.ffs .mobile {
display: block;
}
.ffs .mobile .ffs-btn-wrap {
padding: 0.5rem;
}
.ffs .mobile a.ffs-btn {
display: block;
padding: 2.5rem 0.5rem;
color: #fff;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24);
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24);
box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24);
text-align: center;
transition: all .15s ease;
font-size: 1.5625rem;
font-weight: 700;
font-family: 'Hind', sans-serif;
}
.ffs .mobile a.ffs-btn:hover {
text-decoration: none;
}
.ffs-btn:active{
transform: translateY(1px);
-moz-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ffs .mobile a#ffs-ideas {
background-color: #74a3bc;
}
.ffs .mobile a#ffs-opentasks {
background-color: #e98d4f;
}
.ffs .mobile a#ffs-fundingrequired {
background-color: #d95a5a;
}
.ffs .mobile a#ffs-workinprogress {
background-color: #f7d859;
}
.ffs .mobile a#ffs-completedproposals {
background-color: #61a863;
}
}
@media only screen and (max-width: 48rem) {
.ffs .mobile .info-block a {
display: block;
padding: 2rem 1rem;
}
.container.ideas {
padding: 0 0.5rem;
}
.ideas .half:nth-child(even) {
padding-left: 0.25rem;
padding-right: 0;
}
.ideas .half:nth-child(odd) {
padding-right: 0.25rem;
padding-left: 0;
}
.ffs-breadcrumbs, .ffs-backlink {
display: none;
}
.ms-completed, .ms-upcoming {
margin-top: 1.2rem !important;
}
}
@media only screen and (max-width: 41rem) {
.ideas .half.col-xs-6 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.ideas .half:nth-child(even), .ideas .half:nth-child(odd) {
padding: 0;
}
}
@media only screen and (max-width: 30rem) {
.ffs .mobile a.ffs-btn {
font-size: 1.25rem;
}
.milestones .roadmap .col-xs-1 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.milestones .roadmap .col-xs-11 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
}
@media only screen and (max-width: 25rem) {
.ffs .mobile .col-xs-6 {
-ms-flex-preferred-size: 100%;
max-width: 100%;
flex-basis: 100%;
}
.ffs .mobile .ffs-btn-wrap {
padding: 0.25rem 0.5rem;
}
.ffs .mobile a.ffs-btn {
padding: 1.5rem 0.5rem;
}
}
/*************************accordion********************************/
.tab {