diff --git a/static/application.css b/static/application.css index 8bd3131..96c62fd 100644 --- a/static/application.css +++ b/static/application.css @@ -1,175 +1,221 @@ body { - background: #002B36; - padding: 20px 50px; - margin: 0px; + background: #002B36; + padding: 20px 50px; + margin: 0px; } /* textarea */ textarea { - background: transparent; - border: 0px; - color: #fff; - padding: 0px; - width: 100%; - height: 100%; - font-family: monospace; - outline: none; - resize: none; - font-size: 13px; - margin-top: 0; - margin-bottom: 0; + background: transparent; + border: 0; + color: #fff; + padding: 0; + width: 100%; + height: 100%; + font-family: monospace; + outline: none; + resize: none; + font-size: 13px; + margin-top: 0; + margin-bottom: 0; } /* the line numbers */ #linenos { - color: #7d7d7d; - z-index: -1000; - position: absolute; - top: 20px; - left: 0px; - width: 30px; /* 30 to get 20 away from box */ - font-size: 13px; - font-family: monospace; - text-align: right; - user-select: none; + color: #7d7d7d; + z-index: -1000; + position: absolute; + top: 20px; + left: 0; + width: 30px; /* 30 to get 20 away from box */ + font-size: 13px; + font-family: monospace; + text-align: right; + user-select: none; } /* code box when locked */ #box { - padding: 0px; - margin: 0px; - width: 100%; - border: 0px; - outline: none; - font-size: 13px; - overflow: inherit; + padding: 0; + margin: 0; + width: 100%; + border: 0; + outline: none; + font-size: 13px; + overflow: inherit; } #box code { - padding: 0px; - background: transparent !important; /* don't hide hastebox */ + padding: 0; + background: transparent !important; /* don't hide hastebox */ } /* key */ #key { - position: fixed; - top: 0px; - right: 0px; - z-index: +1000; /* watch out */ + position: fixed; + top: 0; + right: 0; + z-index: +1000; /* watch out */ } #box1 { - padding: 5px; - text-align: center; - background: #00222b; + padding: 5px; + text-align: center; + background: #00222b; } #box2 { - background: #08323c; - font-size: 0px; - padding: 0px 5px; + background: #08323c; + font-size: 0; + padding: 0 5px; } #box1 a.logo, #box1 a.logo:visited { - display: inline-block; - background: url(logo.png); - width: 126px; - height: 42px; + display: inline-block; + background: url(logo.png); + width: 126px; + height: 42px; } #box1 a.logo:hover { - background-position: 0 bottom; + background-position: 0 bottom; } #box2 .function { - background: url(function-icons.png); - width: 32px; - height: 37px; - display: inline-block; - position: relative; + background: url(function-icons.png); + width: 32px; + height: 37px; + display: inline-block; + position: relative; } #box2 .link embed { - vertical-align: bottom; /* fix for zeroClipboard style */ + vertical-align: bottom; /* fix for zeroClipboard style */ } #box2 .function.enabled:hover { - cursor: hand; - cursor: pointer; + cursor: pointer; +} + +#box2 .function.enabled:hover { + cursor: hand; } #pointer { - display: block; - height: 5px; - width: 10px; - background: url(hover-dropdown-tip.png); - bottom: 0px; - position: absolute; - margin: auto; - left: 0px; - right: 0px; + display: block; + height: 5px; + width: 10px; + background: url(hover-dropdown-tip.png); + bottom: 0; + position: absolute; + margin: auto; + left: 0; + right: 0; } #box3, #messages li { - background: #173e48; - font-family: Helvetica, sans-serif; - font-size: 12px; - line-height: 14px; - padding: 10px 15px; - user-select: none; + background: #173e48; + font-family: Helvetica, sans-serif; + font-size: 12px; + line-height: 14px; + padding: 10px 15px; + user-select: none; } #box3 .label, #messages li { - color: #fff; - font-weight: bold; + color: #fff; + font-weight: bold; } #box3 .shortcut { - color: #c4dce3; - font-weight: normal; + color: #c4dce3; + font-weight: normal; } -#box2 .function.save { background-position: -5px top; } -#box2 .function.enabled.save { background-position: -5px center; } -#box2 .function.enabled.save:hover { background-position: -5px bottom; } +#box2 .function.save { + background-position: -5px top; +} -#box2 .function.new { background-position: -42px top; } -#box2 .function.enabled.new { background-position: -42px center; } -#box2 .function.enabled.new:hover { background-position: -42px bottom; } +#box2 .function.enabled.save { + background-position: -5px center; +} -#box2 .function.duplicate { background-position: -79px top; } -#box2 .function.enabled.duplicate { background-position: -79px center; } -#box2 .function.enabled.duplicate:hover { background-position: -79px bottom; } +#box2 .function.enabled.save:hover { + background-position: -5px bottom; +} -#box2 .function.raw { background-position: -116px top; } -#box2 .function.enabled.raw { background-position: -116px center; } -#box2 .function.enabled.raw:hover { background-position: -116px bottom; } +#box2 .function.new { + background-position: -42px top; +} -#box2 .function.twitter { background-position: -153px top; } -#box2 .function.enabled.twitter { background-position: -153px center; } -#box2 .function.enabled.twitter:hover { background-position: -153px bottom; } -#box2 .button-picture{ border-width: 0; font-size: inherit; } +#box2 .function.enabled.new { + background-position: -42px center; +} + +#box2 .function.enabled.new:hover { + background-position: -42px bottom; +} + +#box2 .function.duplicate { + background-position: -79px top; +} + +#box2 .function.enabled.duplicate { + background-position: -79px center; +} + +#box2 .function.enabled.duplicate:hover { + background-position: -79px bottom; +} + +#box2 .function.raw { + background-position: -116px top; +} + +#box2 .function.enabled.raw { + background-position: -116px center; +} + +#box2 .function.enabled.raw:hover { + background-position: -116px bottom; +} + +#box2 .function.twitter { + background-position: -153px top; +} + +#box2 .function.enabled.twitter { + background-position: -153px center; +} + +#box2 .function.enabled.twitter:hover { + background-position: -153px bottom; +} + +#box2 .button-picture { + border-width: 0; + font-size: inherit; +} #messages { - position:fixed; - top:0px; - right:138px; - margin:0; - padding:0; - width:400px; + position: fixed; + top: 0; + right: 138px; + margin: 0; + padding: 0; + width: 400px; } #messages li { - background:rgba(23,62,72,0.8); - margin:0 auto; - list-style:none; + background: rgba(23, 62, 72, 0.8); + margin: 0 auto; + list-style: none; } #messages li.error { - background:rgba(102,8,0,0.8); + background: rgba(102, 8, 0, 0.8); } -