Greasy Fork is available in English.

MainCss

Main css of FCup-Tools

Tätä skriptiä ei tulisi asentaa suoraan. Se on kirjasto muita skriptejä varten sisällytettäväksi metadirektiivillä // @require https://greasyfork.org/scripts/372936-maincss/code/MainCss.js?version=645396.

(css=>{
    $('head').append(`
    <style type="text/css">
		`+css+`
	</style>
    `);
})(`
#scriptMenuToggleBtn{
position:absolute;
top:-44px;
right:-23px;
height:40px;
width:40px;
background-image: url(https://cdn.pbrd.co/images/HFWRRt6.png);
z-index:20;
opacity:.5;
cursor:pointer;
}
#scriptMenuToggleBtn:hover , #scriptMenuToggleBtn.active{
opacity:1;
}
#ScriptMenu > table > tbody > tr > td{
word-wrap: break-word;
white-space: normal;
line-height: 15.5px;
padding:3px 6px;
}
div.box{
z-index:10;
position: absolute;
width: 157px;
background: white;
top: 0;
right: -157px;
overflow-wrap: break-word;
display: block;
margin: 0 auto;
padding:5px;
border-radius: 8px;
font-size:11px;
}
div.box h2{
width: 157px;
color: white;
font-weight: bold;
border: 0;
margin: -6px -5px 5px;
text-align: center;
font-size: 14px;
height: 30px;
background:url(https://fussballcup.de/designs/redesign/images/layout/headlines_sprite.gif) 0 -70px repeat-x;
}
table.table thead th:first-of-type{
border-radius : 7px 0 0 7px;
}
table.table thead th:last-of-type{
border-radius : 0 7px 7px 0;
}
table.table th{
background : #c01700;
}
table.table tbody tr.even > td{
background: #eee;
}
table.table tbody tr > td:first-of-type{
padding-left:5px;
text-align:left;
}
table.table tbody tr.even > td:first-of-type{
border-radius : 7px 0 0 7px;
}
table.table tbody tr.even > td:last-of-type{
border-radius : 0 7px 7px 0;
}
table.table tbody td{
border-bottom: 0;
}
div.box p{
margin-Bottom:5px;
}
.slideThree input[type=checkbox]{
visibility: hidden;
}
.slideThree {
width: 55px;
height: 21px;
background: #333;
margin: 0;
-webkit-border-radius: 55px;
-moz-border-radius: 50px;
border-radius: 50px;
position: relative;
-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.slideThree:after {
content: \'Off\';
font: 9px/26px Arial, sans-serif;
color: red;
position: absolute;
right: 7px;
top: -2px;
z-index: 0;
font-weight: bold;
text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}
.slideThree:before {
content: \'On\';
font: 9px/26px Arial, sans-serif;
color: #00bf00;
position: absolute;
left: 7px;
top: -2px;
z-index: 0;
font-weight: bold;
}
.slideThree label {
display: block;
width: 25px;
height: 17px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
cursor: pointer;
position: absolute;
top: 2px;
left: 3px;
z-index: 1;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fcfff4\', endColorstr=\'#b3bead\',GradientType=0 );
}
.slideThree input[type=checkbox]:checked + label {
left: 26px;
}
label.menü > select {
padding:4px;
margin: 0;
-webkit-border-radius:9px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 px 0 #ccc, 0 -1px #fff inset;
-moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
background: #f8f8f8;
color:#888;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
label.menü > select {
padding-right:18px;
font-size:9px;
width:45px;
margin:0 auto;
text-align-last: center;
}
label.menü {
position:relative
}
label.menü:after {
content:'<>';
font:8px \"Consolas\", monospace;
color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:2px;
top:2px;
padding:0 0 2px;
border-bottom:0px solid #ddd;
position:absolute;
pointer-events:none;
}
label.menü:before {
content:'';
right:0px;
top:0px;
width:5px;
height:px;
background:#f8f8f8;
position:absolute;
pointer-events:none;
display:block;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-1.25em);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.openClose[open] {
animation-name: fadeInDown;
animation-duration: 0.5s;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-1.25em);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.details5[open] {
animation-name: fadeInDown;
animation-duration: 0.5s;
}
@keyframes fadeInUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-1.25em);
}
}
.openClose[close] {
animation-name: fadeInUp;
animation-duration: 0.5s;
}
div.roundedTwo {
width: 21px;
height: 21px;
position: relative;
background: -webkit-gradient(linear, left top, left bottom, from(#fcfff4), color-stop(40%, #dfe5d7), to(#b3bead));
border-radius: 50px;
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
div.roundedTwo > label {
width: 15px;
height: 15px;
position: absolute;
top: 3px;
left: 3px;
cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#45484d));
border-radius: 50px;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
}
div.roundedTwo > label:after {
content: \'\';
width: 7px;
height: 4px;
position: absolute;
top: 3px;
left: 3px;
border: 3px solid #fcfff4;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
transform: rotate(-45deg);
}
div.roundedTwo > label:hover:after {
opacity: 0.3;
}
.roundedTwo > input[type=checkbox] {
visibility: hidden;
}
div.roundedTwo > input[type=checkbox]:checked + label:after {
opacity: 1;
}
#notice_in {
color: white;
font-size: 12px;
background-color: #088A08;
padding: 4px;
width: 170px;
margin: auto;
border-radius: 12px;
cursor: pointer;
letter-spacing: 0.11em;
}

#notice_out {
width: 100%;
background-color: transparent;
padding: 10px;
border: 0px solid #088A08;
}

.notiz_button {
box-shadow: rgba(0, 0, 0, 0.75) 11px 10px 29px -5px;
border-radius: 12px;
background-color: #B40404;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 15px;
padding: 4px;
width: 110px;
transition: all 0.5s;
cursor: pointer;
margin: 8px;
}

.button span {
cursor: pointer;
display: inline-block;
position: relative;
}

.button span:after {
content: '»';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}

.button:hover span:after {
opacity: 5;
right: 0;
}


}
#Notizbereich {
border-radius: 12px;
height: 170px;
background-color: #FFFFFF;
border: 1px solid #DF0101;
padding: 0px;
}
`);