154 lines
2.0 KiB
CSS
Executable File
154 lines
2.0 KiB
CSS
Executable File
|
|
|
|
body {
|
|
font-family: Lato;
|
|
}
|
|
|
|
h1 {
|
|
font-family: "Arvo";
|
|
font-size:35px;
|
|
color: #464646;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-left: 20px;
|
|
}
|
|
.info{
|
|
margin-left: 20px;
|
|
}
|
|
.tile {
|
|
stroke: #FFF;
|
|
stroke-width: 4;
|
|
}
|
|
|
|
.yeartext, .tilestext, .brushtext{
|
|
text-anchor:middle;
|
|
font-size: 24px;
|
|
fill: #565656;
|
|
stroke-width: 0.1px;
|
|
/*stroke: #e5e5e5;*/
|
|
}
|
|
|
|
.electoralVotesNote, .votesPercentageNote{
|
|
text-anchor:middle;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.electoralVoteText, .votesPercentageText{
|
|
/*font-size: 35px;*/
|
|
font-size: 24px;
|
|
}
|
|
.end{
|
|
text-anchor:end;
|
|
}
|
|
|
|
.nomineeInfoText{
|
|
font-size: 36px;
|
|
}
|
|
.Axis{
|
|
stroke: #eee;
|
|
stroke-width: 4;
|
|
}
|
|
.content {
|
|
display: inline-block;
|
|
width: 70%;
|
|
}
|
|
|
|
.sideBar {
|
|
display: inline-block;
|
|
width: 30%;
|
|
float:right;
|
|
}
|
|
|
|
.electoralVotes{
|
|
stroke: #eee;
|
|
}
|
|
|
|
.middlePoint{
|
|
stroke: #eee;
|
|
}
|
|
|
|
.fullView{
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.yearChart{
|
|
stroke: #FFF;
|
|
}
|
|
|
|
.lineChart{
|
|
stroke: #A0A0A0;
|
|
stroke-dasharray: 2,2;
|
|
}
|
|
|
|
.republican{
|
|
fill: #de2d26;
|
|
color: #de2d26;
|
|
text-anchor:end;
|
|
}
|
|
.democrat{
|
|
fill: #3182bd;
|
|
text-anchor:start;
|
|
color: #3182bd;
|
|
}
|
|
.independent{
|
|
fill: #45AD6A;
|
|
color: #45AD6A;
|
|
text-anchor:start;
|
|
}
|
|
|
|
.votesPercentage{
|
|
stroke: #eee;
|
|
}
|
|
|
|
.highlighted{
|
|
stroke: #404040;;
|
|
stroke-width:4;
|
|
}
|
|
|
|
.brush .selection {
|
|
fill-opacity: .5;
|
|
}
|
|
|
|
.selected{
|
|
stroke: #404040;;
|
|
stroke-width:4;
|
|
r:25px;
|
|
}
|
|
|
|
|
|
h2{
|
|
-webkit-margin-before: 5px;
|
|
-webkit-margin-after: 5px;
|
|
}
|
|
.d3-tip {
|
|
/*line-height: 5;*/
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
min-width: 400px;
|
|
border-style: groove;
|
|
/*padding: 12px;*/
|
|
background: #FFFFFF;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
border-radius: 10px;
|
|
pointer-events: none;
|
|
}
|
|
.tooltip-title{
|
|
font-size:18px;
|
|
font-family: "Arial Black";
|
|
|
|
}
|
|
|
|
.tooltipDiv {
|
|
content: "\25BC";
|
|
border: 5px solid white;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
h3{
|
|
text-anchor:middle;
|
|
font-size: 32px;
|
|
}
|
|
|
|
|