mirror of
https://github.com/monero-project/monero-site.git
synced 2024-12-14 20:36:34 +02:00
Merge !1192
Remove old FFS CSS See merge request monero-project/monero-site!1192
This commit is contained in:
luigi1111
commit
13ebd81d6a
294
css/custom.css
294
css/custom.css
@ -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********************************/
|
/*************************accordion********************************/
|
||||||
|
|
||||||
.tab {
|
.tab {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user