midterm/test.css at gh-pages · KashMonies/midterm · 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

html {
	background-color:black;
}

.intro {
	background-color:orange;

}

.intro header,
.intro .summary,
.intro .preamble {
	border: 5px dashed blue;
}

.supporting {
	background-color:yellow;
}

.supporting div,
.supporting footer {
	border: 5px dashed blue;
}

.sidebar {
	background-color:green;
}

.sidebar .wrapper div {
	border: 5px dashed blue;
	float:right;
}
}

.sidebar {
   width:35%;
   margin-left:65%;

	}

@media all and (min-width:769px) {
	/* column sizes */
	.page-wrapper {
		padding:30px
	}

	.intro,
	.supporting {
		width:60%;
		float:left;
	}


.sidebar {
		width:35%;
		margin-left:65%;
	}
@media all and (max-width:768px) {


}

@media all and (min-width:1500px) {

	.sidebar {
		position:absolute;
		top:0;
		left:0;
		margin:0;
		width:400px;
		}