Template

LinesOverlay Transport (Sur6)/styles.css

From Dogcraft Wiki

No edit summary
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:


#overlays-container .mw-collapsible-toggle{
#overlays-container .mw-collapsible-toggle{
width: 25%;
width: 20%;
bottom: 0;
bottom: 0;
left: 0;
left: 0;
opacity: 0;
opacity: 0;
text-align: center;
z-index: 120000;
z-index: 120000;
text-align: center;
}
}


#overlays-container .mw-collapsible-toggle:before{
#overlays-container .mw-collapsible-toggle a{
display: none;
width: 100%;
}
z-index: 120000;
 
display: inline-block;
#overlays-container .mw-collapsible-toggle:after{
position: absolute;
display: none;
left: 0;
}
}


#overlays-container #ntn-overlay .mw-collapsible-toggle{
#overlays-container #ntn-overlay .mw-collapsible-toggle{
left: 25%;
left: 20%;
}
}


#overlays-container #rhn-overlay .mw-collapsible-toggle{
#overlays-container #rhn-overlay .mw-collapsible-toggle{
left: 50%;
left: 40%;
}
}


#overlays-container #srn-overlay .mw-collapsible-toggle{
#overlays-container #srn-overlay .mw-collapsible-toggle{
left: 75%;
left: 60%;
}
 
#overlays-container #hub-overlay .mw-collapsible-toggle{
left: 80%;
}
}


Line 32: Line 36:
width: 100%;
width: 100%;
bottom: 0;
bottom: 0;
background-color: #00000066;
background-color: #00000099;
line-height: 2;
line-height: 2;
font-size: large;
font-size: large;
Line 45: Line 49:
font-size: large;
font-size: large;
line-height: 2;
line-height: 2;
width: 25%;
width: 20%;
position: absolute;
position: absolute;
bottom: 0;
bottom: 0;
left: 0;
left: 0;
text-align: center;
z-index: 110000;
}
}


#overlays-container #ntn-toggle{
#overlays-container #ntn-toggle{
left: 25%;
left: 20%;
}
 
#overlays-container .mw-collapsed .toggle{
color: gray;
}
}


#overlays-container #rhn-toggle{
#overlays-container #rhn-toggle{
left: 50%;
left: 40%;
}
}


#overlays-container #srn-toggle{
#overlays-container #srn-toggle{
left: 75%;
left: 60%;
}
 
#overlays-container #hub-toggle{
left: 80%;
}
 
#overlays-container .toggle .fa-square{
display: none;
}
 
#overlays-container .mw-collapsed .toggle .fa-square{
display: inline-block;
}
 
#overlays-container .toggle .fa-square-check{
display: inline-block;
}
 
#overlays-container .mw-collapsed .toggle .fa-square-check{
display: none;
}
 
#overlays-container .mw-collapsed .toggle .fa-check{
display: none;
}
 
#overlays-container .toggle .fa-check{
display: inline-block;
}
 
#outer-map-container a.external{
height: calc(100% - 2em)!important;
}
 
#overlays-container .mw-collapsible-content{
position: absolute;
top: 0;
width: 100%;
}
 
#overlays-container .area-separator{
position: absolute;
bottom: 0;
left: 0;
font-size: large;
font-weight: bold;
line-height: 2;
color: white;
margin: 0;
}
}

Latest revision as of 22:21, 28 March 2024

#overlays-container .mw-collapsible-toggle{
	width: 20%;
	bottom: 0;
	left: 0;
	opacity: 0;
	text-align: center;
	z-index: 120000;
}

#overlays-container .mw-collapsible-toggle a{
	width: 100%;
	z-index: 120000;
	display: inline-block;
	position: absolute;
	left: 0;
}

#overlays-container #ntn-overlay .mw-collapsible-toggle{
	left: 20%;	
}

#overlays-container #rhn-overlay .mw-collapsible-toggle{
	left: 40%;	
}

#overlays-container #srn-overlay .mw-collapsible-toggle{
	left: 60%;	
}

#overlays-container #hub-overlay .mw-collapsible-toggle{
	left: 80%;	
}

#overlays-container #toggles-background{
	width: 100%;
	bottom: 0;
	background-color: #00000099;
	line-height: 2;
	font-size: large;
	position: absolute;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#overlays-container .toggle{
	color: white;
	font-weight: bold;
	font-size: large;
	line-height: 2;
	width: 20%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 110000;
}

#overlays-container #ntn-toggle{
	left: 20%;
}

#overlays-container .mw-collapsed .toggle{
	color: gray;
}

#overlays-container #rhn-toggle{
	left: 40%;
}

#overlays-container #srn-toggle{
	left: 60%;
}

#overlays-container #hub-toggle{
	left: 80%;
}

#overlays-container .toggle .fa-square{
	display: none;
}

#overlays-container .mw-collapsed .toggle .fa-square{
	display: inline-block;
}

#overlays-container .toggle .fa-square-check{
	display: inline-block;
}

#overlays-container .mw-collapsed .toggle .fa-square-check{
	display: none;
}

#overlays-container .mw-collapsed .toggle .fa-check{
	display: none;
}

#overlays-container .toggle .fa-check{
	display: inline-block;
}

#outer-map-container a.external{
	height: calc(100% - 2em)!important;
}

#overlays-container .mw-collapsible-content{
	position: absolute;
	top: 0;
	width: 100%;
}

#overlays-container .area-separator{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: large;
	font-weight: bold;
	line-height: 2;
	color: white;
	margin: 0;
}