style.sass (2672B)
1 $bg: #000000 2 $fg: #ffffaa //#e6e6e6 3 //$muted: #ff7f00 // #9aa9aa // #86b1c3 // #aca59a 4 $accent: #ffbf00 // #98cacd // #b9d0d0 // #c8dbe3 // #86b1c3 // #dbb7a2 // #c8ac9b // #ea9619 // #7ea9d5 //#5eead4 5 $card: rgba(12,12,12,0.8) 6 $border: #7f0000 // #2a0055 // #6b7c7d // #556f79 // #83756c 7 8 * 9 margin: 0 10 padding: 0 11 12 // HACK: hide marquee on browsers which didn't support it (mostly css1 ones) 13 #silly-animated-text 14 display: none 15 16 @-moz-document url-prefix() 17 #silly-animated-text 18 display: block 19 // anything new 20 html:first-child 21 #silly-animated-text 22 display: block 23 @media (-webkit-min-device-pixel-ratio: 0) 24 #silly-animated-text 25 display: block 26 27 @media print 28 #silly-animated-text 29 display: none 30 // END OF HACK 31 32 body 33 background-image: url("assets/bg.gif") 34 background-repeat: repeat 35 background-color: $bg 36 font-family: ui-monospace, Consolas, monospace 37 line-height: 1.6 38 font-size: 12px 39 padding: 0 40 41 .header 42 margin-bottom: 32px 43 text-align: center 44 h1 45 font-size: 24px 46 color: $fg 47 48 .spoiler-content 49 display: none 50 51 .spoiler-link 52 &:focus, &:target 53 & + .spoiler-content 54 display: block 55 &:before 56 content: "[-] " 57 &:before 58 content: "[+] " 59 color: $accent 60 61 .spoiler:hover > .spoiler-link 62 &:before 63 content: "[-] " 64 & + .spoiler-content 65 display: block 66 67 .section 68 background-image: url("/assets/chesstransparent.png") 69 background-repeat: repeat 70 border: 1px solid $border 71 padding: 16px 72 margin-bottom: 16px 73 width: 688px 74 text-align: left 75 color: $fg 76 h2, h2 a 77 font-size: 14px 78 font-weight: 500 79 margin-bottom: 8px 80 81 .spoiler-section > .spoiler > .spoiler-link 82 font-size: 14px 83 84 ul 85 margin-top: 8px 86 margin-left: 12px 87 ul 88 margin-top: 0 89 li 90 margin-bottom: 4px 91 list-style-type: circle 92 a 93 color: $accent 94 text-decoration: none 95 a:hover 96 text-decoration: underline 97 98 .navbar 99 table 100 width: 100% 101 padding: 8px 102 width: 720px 103 height: 38px 104 margin: 0 0 24px 0 105 white-space: nowrap 106 border: 1px solid $border 107 background-image: url("assets/userbar.png") 108 109 .navbar, .basement 110 font-size: 12px 111 //background-image: url("/assets/chesstransparent.png") 112 background-repeat: repeat 113 .container 114 padding-top: 0 115 padding-bottom: 0 116 117 .container 118 margin: auto 119 width: 720px 120 121 .basement 122 background-image: url("/assets/chesstransparent.png") 123 border-top: 1px solid $border 124 color: $fg 125 padding: 8px 126 text-align: center 127 128 .navbar-right 129 text-align: right 130 131 .codeblock 132 background-color: #000000 133 border: 1px solid $border 134 padding: 3px 135 margin-top: 12px 136 p 137 color: #cc0000 138 pre 139 border-top: 1px solid $border 140 padding: 3px 141 142 marquee span 143 margin-left: 360px 144 margin-right: 360px 145 font-size: 14px 146 &:first-child 147 margin-left: 0 148 &:last-child 149 margin-right: 0