scratch – Blame information for rev 84
?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 | } |