dev-random/static/css/skeleton.css


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


.page {
  display: block;
  margin-top: 5%;
}

.page .head,
.page .main,
.page .foot {
  display: block;
  width: 100%;
  clear: both;
}

.page .main {
  display: table;
  border-collapse: separate;
  border-spacing: .5%;
  width: 75%;
  margin: .5em auto;
  clear: both;
}

.page .main .sidebar {
  display: table-cell;
  width: 25%;
}

.page .main .content {
  display: table-cell;
  width: 74%;
}

@media screen and (max-width: 800px) {
  .page  .main {
    width: 100%;
    clear: both;
  }
}

@media screen and (max-width: 700px) {
  .page .main {
    display: block;
  }

  .page .main .sidebar,
  .page .main .content {
    display: block;
    margin: 0 .5em;
    width: 100%;
    clear: both;
  }

  .widget {
    display: block;
  }

  .widget ul,
  .widget li {
    display: inline;
  } 

  .widget h3 { display: none; }
}

@media print {
  .sidebar { display: none; }
}