proportion/styles.css at master · bernardio5/proportion · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
@charset "UTF-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #f4f4f4;
	margin: 0;
	padding: 0;
	color: #000;

}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 	padding: 0;	margin: 0; }
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img {	border: none; }

a:link {	color: #42413C;  	text-decoration: underline;  	}
a:visited {	color: #6E6C64;		text-decoration: underline;		}
a:hover, a:active, a:focus { 	text-decoration: none;			}

/* frame around all items */
.container {
	float: left;
	width: 640px;
	margin:0px 128px 0px 128px;
	background: #ffffff;
	}

/* content is a column of rows */
.header, .subCont, .rowbox {
	margin: 0px;
	padding: 0px;
}

/* lighter frame for other items

.subCont {
   margin: 0px;
   padding: 0px;

}

.rowbox {
   margin: 0px;
   padding: 0px;

}
*/

.subPic {
   margin: 0% 0% 0% 0%;
   padding: 0px;
   background: #f0f0f0;
}
/* margin args: top right bottom left */

.left {
   float: left;
   width: 128px;
   height: 128px;
   margin: 0% 0% 0% 0%;
   padding: 0%;

   color: #000000;
}

.right {
   width: 446px;
   height: 96px;
   margin: 16px 32px 16px 32px;
   float: right;
   padding: 0%;

   color: #000000;
}

/* these are used in the prints page; allows a dowuble-row of icons */

.right2 {
	/*width: 404px;
	height: 128px;*/
    width: 320px;
   height: 96px;
   margin: 16px 32px 16px 32px;
   float: right;
}

.left2 {
	margin: 0% 0% 0% 0%;
   width: 256px;
   height: 96px;
   float: left;
}


.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}


/* added for Proportion; allows code text blocks */

.codeBox {
	margin: 16px 32px 16px 32px;
	font: 100%/1.4 Courier, monospace;
	background: f0f0f0;
	padding: 0;
	margin: 16px 16px 16px 16px;

	width: 100%;

}