main.css

/**
 * DEep WiKi INspector (DEWKIN)
 * Copyright (C) 2013-2017 Ricordisamoa
 *
 * https://meta.wikimedia.org/wiki/User:Ricordisamoa
 * https://tools.wmflabs.org/ricordisamoa/
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

body {
	padding: 1em;
}

.github-fork-ribbon:before {
	background-color: #f80;
}

/* Acronym */
h1 {
	font-weight: bold;
	transition: all .5s;
}
.jumbotron h1 span {
	display: none;
}
h1 span span {
	color: gray;
}
h1 abbr,
.jumbotron h1:hover abbr {
	display: none;
}
.jumbotron h1 abbr {
	display: inline;
	border-bottom: 4px dotted #777;
	text-decoration: none;
}
h1:hover span {
	display: inline;
}

/* 'feedback' link */
.jumbotron h1 sub {
	display: none;
}
h1 sub {
	font-size: 50%;
}

#form .form-control {
	width: auto;
	display: inline;
}
#form label {
	font-weight: normal;
	display: block;
}

/* Diff-links styles */
.mw-plusminus-pos {
	color: #006400;
}
.mw-plusminus-neg {
	color: #8b0000;
}
.mw-plusminus-null {
	color: #aaa;
}

.container.before-tabs + .nav-tabs {
	display: none;
}
footer {
	float: left;
	position: static;
	bottom: 1em;
	display: none;
}

/* Generic chart styles */
svg .arc path {
	stroke: #fff;
	stroke-width: 1px;
}
svg .arc path.selected {
	stroke-width: 3px;
}
.legend text {
	font-family: sans-serif;
	font-size: 12px;
}
.axis path,
.axis line {
	fill: none;
	stroke: #eee;
}
.axis.noticks path,
.axis.noticks line {
	display: none;
}
.axis path,
.axis line,
svg .bar {
	shape-rendering: crispEdges;
}
.axis text {
	font-family: sans-serif;
	font-size: 12px;
	fill: #333;
}
.y-axis text {
	fill: #555;
}

/* Punchcard styles */
#punchcard-chart circle {
	fill: #444;
}
#punchcard-chart circle:hover {
	fill: #4183C4;
}

/* GitHub-like tooltips with d3 */
.svg-tip {
	padding: 10px;
	background: rgba(0,0,0,0.8);
	color: #bbb;
	font-family: sans-serif;
	font-size: 12px;
	line-height: normal;
	position: absolute;
	z-index: 99999;
	text-align: center;
	border-radius: 3px;
}
.svg-tip.svg-tip-small {
	padding-top: 4px;
	padding-bottom: 4px;
}
.svg-tip strong {
	color: #ddd;
}
.svg-tip:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	height: 5px;
	width: 5px;
	bottom: -10px;
	margin: 0 0 0 -5px;
	content: " ";
	border: 5px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.8);
}

/* Style eastward tooltips differently */
.svg-tip.e:after {
	left: -10px;
	top: 50%;
	margin: -5px 0 0 5px;
	border-left: none;
	border-right-color: rgba(0, 0, 0, 0.8);
	border-top-color: transparent;
}