datavis_testing/layout.css at master · benmiller314/datavis_testing · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
/* Page structure for topic model figures: radial hierarchical clustering graphs and cotopic edges */
/* Many of the initial settings are taken from bl.ocks.org/style.css?20120730 */


html {
  min-width: 1040px;
}

body {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  margin: 1em auto 4em auto;
  position: relative;
  width: 1000px;
}

h1 {
  font-size: 2.5em;
  font-weight: 300;
  letter-spacing: -2px;
  margin: .3em 0 .1em 0;
}

h2 {
  margin: 0 0 0.5em 0;
}

h1, h2, h3 {
  text-rendering: optimizeLegibility;
}

div#title {
	position: relative;
	margin: 1em auto 1.5em auto;
	min-width: 180px;
/* 	border: 1px solid #DEDEDE;		// for testing only  */
}

div#figure {
  position: absolute;
  width: 700px;
  min-height: 500px;
/*   border: 1px solid #DEDEDE; 	// for testing only */
}

div#details {
  position: absolute;
  left: 725px;
  float: right;
  max-width: 250px;
  top:150%;
  word-wrap: break-word;
/*   border: 1px solid #DEDEDE;		// for testing only  */
}

div#details div, div#details li {
  margin-bottom: 0.5em;
}

div#promo {
  position: absolute;
  left: 725px;
  float: right;
  max-width: 250px;
  top:100%;
  border: 1px black solid;
  padding-top: 10px;
  width:  100%;
  text-align: center;

/*   border: 1px solid #DEDEDE;		// for testing only  */
}


div#inputs {
	position:absolute;
	top:135%;
	left:725px;
	max-width:250px;
	font-size:11px;
/* 	border: 1px solid #DEDEDE;		// for testing only  */
}

div#credits {
	position:absolute;
	top:1050px;
	margin: 3em 0;
	font-size: 0.7em;
	max-width: 700px;
}

div#credits a {
	color: #457EA4;
}

div#credits a:hover, div#credits a:active {
	text-decoration: underline;
}

.node {
	font-size: 9pt;
}

label { float:left; clear:none; display:block; padding: 2px 0 0 1em; }
input.radio { float:left; clear:none; padding: 2px 0 0 1em; }