Windows: Try to ignore windows where we do not have permission to read the title
[darcs-mirror-arbtt.git] / arbtt.css
1
2 /**************************** FULL-HEIGHT SIDEBAR *****************************/
3 html, body {
4         margin: 0;
5         height: 100%;
6 }
7
8 #wrapper {
9         min-height: 100%;
10         height: auto !important;
11         height: 100%;
12         margin: 0 auto;
13         position: relative;
14 }
15
16 section {
17         padding: 1rem;
18 }
19
20 nav {
21         width: 20rem;
22         position: fixed;
23         left: 0;
24         top: 0;
25         bottom: 0;
26         /* only for visual indication of layout.
27          * should be overriden in visual styles. */
28         background: silver;
29 }
30
31 #content {
32         margin-left: 20rem;max-width:60em;
33 }
34
35 section[id]:not(:target) { display: none; }
36
37 /****************************** VISUAL STYLES ******************************/
38
39 body {
40         font-family: sans-serif;
41 }
42 #wrapper:before { /* alternative image: http://upload.wikimedia.org/wikipedia/commons/9/96/Simon_Lachez_zakhorloge.jpg */
43         /* Freely licensed image from http://commons.wikimedia.org/wiki/File:Revolutionstaschenuhr.jpg */
44         background: right top url("page-bg.jpg") no-repeat;
45         height:100%;
46         width:100%;
47         opacity: 0.1;
48         position: fixed;
49         top:0;
50         right:0;
51         content: "";
52         z-index:-1;
53 }
54
55 #content {
56         color: #456;
57         font-size: 85%;
58 }
59
60 nav {
61         background-color: #445F66;
62         color: white;
63         border-right: 4px solid #DACFB5;
64 }
65
66 nav > ul {
67         list-style: none;
68         text-align: right;
69 }
70 nav > ul > li > a.active {
71         font-weight: bold;
72         color: Gold;
73 }
74
75 nav > ul > li > a {
76         color: white;
77         font-weight: bold;
78         display: block;
79         padding: 0.5em;
80 }
81
82 a {
83         color: OrangeRed;
84         text-decoration: none;
85 }
86
87 a:hover {
88         text-decoration: underline;
89 }
90
91 a:focus {
92         outline: none;
93 }
94
95 h1 {
96         font-size: 4em;
97         text-shadow: 2px 2px 3px rgba(255,255,255,0.2), -2px -2px 3px rgba(0,0,0,0.2);
98 }
99
100 .title {
101         text-align: center;
102         margin: 0;
103 }
104
105 code, pre {
106         background: #eee;
107         font-size: 115%;
108 }
109
110 pre {
111         padding: 1em;
112 }
113
114 .command:before {
115         content: "$ ";
116 }
117
118 li p {
119         margin: 0;
120 }
121
122 .installation li {
123         margin-top: 1em;
124 }