scratch – Blame information for rev 108
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
84 | office | 1 | /** |
2 | * website's styles |
||
3 | */ |
||
4 | body { |
||
5 | font-family: sans-serif; |
||
6 | background: #dedede; |
||
7 | margin: 0; |
||
8 | } |
||
9 | |||
10 | h1 { |
||
11 | font-family: Comic Sans MS; |
||
12 | } |
||
13 | |||
14 | h1, p { |
||
15 | text-align: center; |
||
16 | } |
||
17 | |||
18 | a { |
||
19 | color: #4786c3; |
||
20 | text-decoration: none; |
||
21 | } |
||
22 | a:hover, a:focus { |
||
23 | text-decoration: underline; |
||
24 | } |
||
25 | |||
26 | pre { |
||
27 | display: block; |
||
28 | padding: 10px; |
||
29 | font-size: 13px; |
||
30 | line-height: 20px; |
||
31 | word-break: break-all; |
||
32 | word-wrap: break-word; |
||
33 | white-space: pre; |
||
34 | white-space: pre-wrap; |
||
35 | background-color: whiteSmoke; |
||
36 | border: 1px solid #CCC; |
||
37 | border: 1px solid rgba(0, 0, 0, 0.15); |
||
38 | border-radius: 4px; |
||
39 | tab-size: 2; |
||
40 | } |
||
41 | |||
42 | code { |
||
43 | font-family: Monaco, "Monaco for Powerline", Menlo, Consolas, "Courier New", monospace |
||
44 | } |
||
45 | |||
46 | /*http://codepo8.github.com/css-fork-on-github-ribbon/*/ |
||
47 | #forkongithub a{z-index: 10;background:#4786c3;color:#ffffff;text-decoration:none;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}#forkongithub a:hover{background:#3182d2;color:#ffffff;}#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#444444;}#forkongithub a::after{bottom:1px;top:auto;}@media screen and (min-width:800px){#forkongithub{position:absolute;display:block;top:0;right:0;width:200px;overflow:hidden;height:200px;}#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:4px 2px 14px rgba(0,0,0,0.3);}} |
||
48 | |||
49 | .header { |
||
50 | background-color:#8b84ac; |
||
51 | background-image: |
||
52 | -webkit-linear-gradient(#6b659d 1px, transparent 1px), |
||
53 | -webkit-linear-gradient(0deg, #6b659d 1px, transparent 1px); |
||
54 | background-image: |
||
55 | -moz-linear-gradient(#6b659d 1px, transparent 1px), |
||
56 | -moz-linear-gradient(0deg, #6b659d 1px, transparent 1px); |
||
57 | background-image: |
||
58 | linear-gradient(#6b659d 1px, transparent 1px), |
||
59 | linear-gradient(90deg, #6b659d 1px, transparent 1px); |
||
60 | -moz-background-size:33px 33px, 33px 33px; |
||
61 | background-size:33px 33px, 33px 33px; |
||
62 | background-position:-5px -5px, -16px -16px; |
||
63 | box-shadow: 0 5px 10px #999; |
||
64 | color: white; |
||
65 | text-shadow: 0 0 2px #222; |
||
66 | font-weight: bold; |
||
67 | } |
||
68 | |||
69 | #container { |
||
70 | width: 750px; |
||
71 | max-width: 100%; |
||
72 | margin: 10px auto; |
||
73 | } |
||
74 | |||
75 | .example { |
||
76 | margin: 60px 0; |
||
77 | } |