c408248c5e355ff3a739d30707717234d5e90918
[disinclined.org.git] / main.scss
1 ---
2 ---
3
4
5 // ----------------------------------
6 // Fonts
7 // ----------------------------------
8
9
10 @font-face {
11     font-family: 'bree_serifregular';
12     src: url('/assets/fonts/breeserif-regular-webfont.eot');
13     src: url('/assets/fonts/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
14          url('/assets/fonts/breeserif-regular-webfont.woff2') format('woff2'),
15          url('/assets/fonts/breeserif-regular-webfont.woff') format('woff'),
16          url('/assets/fonts/breeserif-regular-webfont.ttf') format('truetype'),
17          url('/assets/fonts/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
18     font-weight: normal;
19     font-style: normal;
20
21 }
22
23 @font-face {
24     font-family: 'InconsolataMedium';
25     src: url('/assets/fonts/inconsolata-webfont.eot');
26     src: url('/assets/fonts/inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
27          url('/assets/fonts/inconsolata-webfont.woff') format('woff'),
28          url('/assets/fonts/inconsolata-webfont.ttf') format('truetype'),
29          url('/assets/fonts/inconsolata-webfont.svg#InconsolataMedium') format('svg');
30     font-weight: normal;
31     font-style: normal;
32 }
33
34 @font-face {
35     font-family: 'MuseoSlab500';
36     src: url('/assets/fonts/museo_slab_500-webfont.eot');
37     src: url('/assets/fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
38          url('/assets/fonts/museo_slab_500-webfont.woff') format('woff'),
39          url('/assets/fonts/museo_slab_500-webfont.ttf') format('truetype'),
40          url('/assets/fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
41     font-weight: normal;
42     font-style: normal;
43 }
44
45
46 // ----------------------------------
47 // Base Elements
48 // ----------------------------------
49
50
51 * {
52     margin:0;
53     padding:0;
54 }
55
56 body {
57     background-image: url('/assets/noisy.png');
58     font-family:InconsolataMedium;
59     margin-bottom: 15px;
60 }
61
62 h1,h2 {
63     font-size:256%;
64     font-family:'bree_serifregular';
65 }
66
67 h3 {
68     margin-top:15px;
69     margin-bottom:5px;
70     font-family:'bree_serifregular';
71 }
72
73
74 a {
75     text-decoration:none;
76 }
77
78 li {
79     list-style:none;
80     display:block;
81     margin-left:10px;
82 }
83
84
85 // ----------------------------------
86 // Primary Structure
87 // ----------------------------------
88
89
90 body {
91     margin-top: 30px;
92 }
93
94 main {
95     width:960px;
96     margin:0px auto 0;
97 }
98
99 .title {
100     font-family:'bree_serifregular';
101     font-size: 404%;
102 }
103
104 #wrapper {
105     width:725px;
106     min-height:300px;
107     margin-bottom:20px;
108     margin-right:15px;
109     text-align:left;
110     padding:5px 5px 25px 20px;
111 }
112
113
114 // ----------------------------------
115 // Index Specific
116 // ----------------------------------
117
118
119 #exhibit {
120     float:right;
121     margin-left:17px;
122     font-family:InconsolataMedium;
123     font-size:1.4em;
124 }
125
126 .exhibit {
127     width:300px;
128     min-height:475px;
129     border:1px solid #000;
130     display:none;
131     text-align:left;
132     padding:10px;
133 }
134
135 .exhibit h1 {
136     margin-bottom:15px;
137     font-size: 180%;
138 }