diff --git a/css/zerobin-theme-dark.css b/css/zerobin-theme-dark.css new file mode 100644 index 00000000..15b50170 --- /dev/null +++ b/css/zerobin-theme-dark.css @@ -0,0 +1,233 @@ +/* ZeroBin 0.19 - http://sebsauvage.net/wiki/doku.php?id=php:zerobin */ + +html { +background-color:#455463; +color:white; +background-image: linear-gradient(bottom, #0F1823 0%, #455463 100%); +background-image: -o-linear-gradient(bottom, #0F1823 0%, #455463 100%); +background-image: -moz-linear-gradient(bottom, #0F1823 0%, #455463 100%); +background-image: -webkit-linear-gradient(bottom, #0F1823 0%, #455463 100%); +background-image: -ms-linear-gradient(bottom, #0F1823 0%, #455463 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0F1823), color-stop(1, #455463)); +} + +a { +color:#0F388F; +} + +h1 { +color:#000; +} + +h1:before { +color:rgba(255,255,255,0.15); +} + +h2 { +color:#000; +} + +h3 { +color:#94a3b4; +} + +#aboutbox { +color: #94a3b4; +border-left: 2px solid #94a3b4; +} + +div#aboutbox a { +color: #94a3b4; +} + +textarea#message,div#cleartext,.replymessage, code { +color:black; +background-color:#fff; +border: 1px solid #28343F; +} + +div#pasteresult { +background-color:#1F2833; +color:white; +-moz-box-shadow: inset 0px 2px 2px #000; +-webkit-box-shadow: inset 0px 2px 2px #000; +box-shadow: inset 0px 2px 5px #000; +} + +div#pasteresult a { +color:white; +} + +#copyhint { +color: #666; +} + + +button,.button,div#expiration { +color:#fff; +background-color:#323B47; +background-repeat:no-repeat; +background-position:center left; +background-image: linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -o-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -moz-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -webkit-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -ms-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #323B47), color-stop(1, #51606E)); +border: 1px solid #28343F; +-moz-box-shadow: inset 0px 1px 2px #647384; +-webkit-box-shadow: inset 0px 1px 2px #647384; +box-shadow: inset 0px 1px 2px #647384; +-webkit-border-radius: 3px; +-moz-border-radius: 3px; +border-radius: 3px; +} + +button:hover { +background-image: linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -o-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -moz-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -webkit-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -ms-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #424B57), color-stop(1, #61707E)); +} + +button:active { +background-image: linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -o-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -moz-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -webkit-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -ms-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51606E), color-stop(1, #323B47)); +} + +button:disabled, .buttondisabled { +background:#ccc; +color:#888; +} + +div#expiration, div#rawtextbutton, div#burnafterreadingoption, div#opendisc, div#syntaxcoloringoption { +background-color:#414D5A; +} + +div#expiration select { +color:#eee; +background: transparent; +} + +div#expiration select option { +color:#eee; +background: #414D5A; +background-color:#414D5A; +} + +div#remainingtime { +color: #94a3b4; +} + +.foryoureyesonly { +color: yellow !important; +} + +input { +color:#777; +border: 1px solid #28343F; +} + +.nonworking { +background-color:#fff; +color:#000; +-webkit-border-radius:4px; +-moz-border-radius:4px; +border-radius:4px; +} + +div#ienotice { +background-color:#7E98AF; +color:#000; +-webkit-border-radius:4px; +-moz-border-radius:4px; +border-radius:4px; +} + +div#ienotice a { +color:black; +} + +.errorMessage { +background-color:#FF7979 !important; +color:#FF0; +} + +h4 { +color: #94A3B4; +} + + +div.comment /* One single reply */ +{ +background-color:#CECED6; +color:#000; +border-left: 1px solid #859AAE; +border-top: 1px solid #859AAE; +-moz-box-shadow: -3px -3px 5px rgba(0,0,0,0.15); +-webkit-box-shadow: -3px -3px 5px rgba(0,0,0,0.15); +box-shadow: -3px -3px 5px rgba(0,0,0,0.15); +} + +div.comment button { +color:#446; +background-color:#aab; +background-repeat:no-repeat; +background-position:center left; +background-image: linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -o-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -moz-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -webkit-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -ms-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #aab), color-stop(1, #ccc)); +border: 1px solid #ccd; +-moz-box-shadow: inset 0px 1px 2px #ddd; +-webkit-box-shadow: inset 0px 1px 2px #fff; +box-shadow: inset 0px 1px 2px #eee; +-webkit-border-radius: 3px; +-moz-border-radius: 3px; +border-radius: 3px; +-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; +} + +div.comment button:hover { +background-image: linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -o-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -moz-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -webkit-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -ms-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccd), color-stop(1, #fff)); +} + +div.comment button:active { +background-image: linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -o-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -moz-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -webkit-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -ms-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #889)); +} + + +div.commentmeta { +color: #fff; +background-color:#8EA0B2; +} + +span.commentdate { +color: #BFCEDE; +} + +pre a { +color:#58A5B4; +} + +pre a:hover { +color:#64B9C6; +} \ No newline at end of file diff --git a/css/zerobin-theme-light.css b/css/zerobin-theme-light.css new file mode 100644 index 00000000..dd794722 --- /dev/null +++ b/css/zerobin-theme-light.css @@ -0,0 +1,233 @@ +/* ZeroBin 0.19 - http://sebsauvage.net/wiki/doku.php?id=php:zerobin */ + +html { +background-color:#FFFFFF; +color:white; +background-image: linear-gradient(bottom, #DBDBDB 0%, #FFFFFF 100%); +background-image: -o-linear-gradient(bottom, #DBDBDB 0%, #FFFFFF 100%); +background-image: -moz-linear-gradient(bottom, #DBDBDB 0%, #FFFFFF 100%); +background-image: -webkit-linear-gradient(bottom, #DBDBDB 0%, #FFFFFF 100%); +background-image: -ms-linear-gradient(bottom, #DBDBDB 0%, #FFFFFF 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #DBDBDB), color-stop(1, #FFFFFF)); +} + +a { +color:#0F388F; +} + +h1 { +color:#000; +} + +h1:before { +color:rgba(255,255,255,0.15); +} + +h2 { +color:#000; +} + +h3 { +color:#94a3b4; +} + +#aboutbox { +color: #94a3b4; +border-left: 2px solid #94a3b4; +} + +div#aboutbox a { +color: #94a3b4; +} + +textarea#message,div#cleartext,.replymessage, code { +color:black; +background-color:#fff; +border: 1px solid #28343F; +} + +div#pasteresult { +background-color:#1F2833; +color:white; +-moz-box-shadow: inset 0px 2px 2px #000; +-webkit-box-shadow: inset 0px 2px 2px #000; +box-shadow: inset 0px 2px 5px #000; +} + +div#pasteresult a { +color:white; +} + +#copyhint { +color: #666; +} + + +button,.button,div#expiration { +color:#fff; +background-color:#323B47; +background-repeat:no-repeat; +background-position:center left; +background-image: linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -o-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -moz-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -webkit-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -ms-linear-gradient(bottom, #323B47 0%, #51606E 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #323B47), color-stop(1, #51606E)); +border: 1px solid #28343F; +-moz-box-shadow: inset 0px 1px 2px #647384; +-webkit-box-shadow: inset 0px 1px 2px #647384; +box-shadow: inset 0px 1px 2px #647384; +-webkit-border-radius: 3px; +-moz-border-radius: 3px; +border-radius: 3px; +} + +button:hover { +background-image: linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -o-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -moz-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -webkit-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -ms-linear-gradient(bottom, #424B57 0%, #61707E 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #424B57), color-stop(1, #61707E)); +} + +button:active { +background-image: linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -o-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -moz-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -webkit-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -ms-linear-gradient(bottom, #51606E 0%, #323B47 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51606E), color-stop(1, #323B47)); +} + +button:disabled, .buttondisabled { +background:#ccc; +color:#888; +} + +div#expiration, div#rawtextbutton, div#burnafterreadingoption, div#opendisc, div#syntaxcoloringoption { +background-color:#414D5A; +} + +div#expiration select { +color:#eee; +background: transparent; +} + +div#expiration select option { +color:#eee; +background: #414D5A; +background-color:#414D5A; +} + +div#remainingtime { +color: #94a3b4; +} + +.foryoureyesonly { +color: yellow !important; +} + +input { +color:#777; +border: 1px solid #28343F; +} + +.nonworking { +background-color:#fff; +color:#000; +-webkit-border-radius:4px; +-moz-border-radius:4px; +border-radius:4px; +} + +div#ienotice { +background-color:#7E98AF; +color:#000; +-webkit-border-radius:4px; +-moz-border-radius:4px; +border-radius:4px; +} + +div#ienotice a { +color:black; +} + +.errorMessage { +background-color:#FF7979 !important; +color:#FF0; +} + +h4 { +color: #94A3B4; +} + + +div.comment /* One single reply */ +{ +background-color:#CECED6; +color:#000; +border-left: 1px solid #859AAE; +border-top: 1px solid #859AAE; +-moz-box-shadow: -3px -3px 5px rgba(0,0,0,0.15); +-webkit-box-shadow: -3px -3px 5px rgba(0,0,0,0.15); +box-shadow: -3px -3px 5px rgba(0,0,0,0.15); +} + +div.comment button { +color:#446; +background-color:#aab; +background-repeat:no-repeat; +background-position:center left; +background-image: linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -o-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -moz-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -webkit-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -ms-linear-gradient(bottom, #aab 0%, #ccc 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #aab), color-stop(1, #ccc)); +border: 1px solid #ccd; +-moz-box-shadow: inset 0px 1px 2px #ddd; +-webkit-box-shadow: inset 0px 1px 2px #fff; +box-shadow: inset 0px 1px 2px #eee; +-webkit-border-radius: 3px; +-moz-border-radius: 3px; +border-radius: 3px; +-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; +} + +div.comment button:hover { +background-image: linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -o-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -moz-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -webkit-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -ms-linear-gradient(bottom, #ccd 0%, #fff 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccd), color-stop(1, #fff)); +} + +div.comment button:active { +background-image: linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -o-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -moz-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -webkit-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -ms-linear-gradient(bottom, #fff 0%, #889 100%); +background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #889)); +} + + +div.commentmeta { +color: #fff; +background-color:#8EA0B2; +} + +span.commentdate { +color: #BFCEDE; +} + +pre a { +color:#58A5B4; +} + +pre a:hover { +color:#64B9C6; +} \ No newline at end of file diff --git a/css/zerobin.css b/css/zerobin.css index 2bd230bb..434c437e 100644 --- a/css/zerobin.css +++ b/css/zerobin.css @@ -6,15 +6,7 @@ Licensed under the BSD License. - http://yuilibrary.com/license/ */ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000} html { -background-color:#455463; -color:white; min-height:100%; -background-image: linear-gradient(bottom, #0F1823 0%, #455463 100%); -background-image: -o-linear-gradient(bottom, #0F1823 0%, #455463 100%); -background-image: -moz-linear-gradient(bottom, #0F1823 0%, #455463 100%); -background-image: -webkit-linear-gradient(bottom, #0F1823 0%, #455463 100%); -background-image: -ms-linear-gradient(bottom, #0F1823 0%, #455463 100%); -background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0F1823), color-stop(1, #455463)); } body { @@ -24,12 +16,10 @@ margin-bottom:15px; padding-left:60px; padding-right:60px; } -a { color:#0F388F; } h1 { font-size:3.5em; font-weight:700; -color:#000; position:relative; display:inline; cursor:pointer; @@ -38,14 +28,12 @@ cursor:pointer; h1:before { content:attr(title); position:absolute; -color:rgba(255,255,255,0.15); top:1px; left:1px; cursor:pointer; } h2 { -color:#000; font-size:1em; display:inline; font-style:italic; @@ -54,7 +42,6 @@ position:relative; bottom:8px;} h3 { -color:#94a3b4; font-size:0.7em; display:inline; position:relative; @@ -62,24 +49,18 @@ bottom:8px;} #aboutbox { font-size:0.85em; -color: #94a3b4; padding: 4px 8px 4px 16px; position:relative; top:10px; -border-left: 2px solid #94a3b4; float:right; width:60%; } -div#aboutbox a { color: #94a3b4; } textarea#message,div#cleartext,.replymessage, code { clear:both; -color:black; -background-color:#fff; white-space:pre-wrap; font-family:Consolas,"Lucida Console","DejaVu Sans Mono",Monaco,monospace; font-size:9pt; -border: 1px solid #28343F; padding:5px; box-sizing:border-box; -webkit-box-sizing:border-box; @@ -96,66 +77,29 @@ padding:5px 10px; } -div#pasteresult { -background-color:#1F2833; -color:white; +div#pasteresult { padding:4px 12px; clear:both; --moz-box-shadow: inset 0px 2px 2px #000; --webkit-box-shadow: inset 0px 2px 2px #000; -box-shadow: inset 0px 2px 5px #000; } -div#pasteresult a { color:white; } + div#pasteresult button { margin-left:11px } div#deletelink { float:right; } div#toolbar, div#status { margin-bottom:5px; } -#copyhint { color: #666; font-size:8pt; } +#copyhint { font-size:8pt; } button,.button,div#expiration { -color:#fff; -background-color:#323B47; -background-repeat:no-repeat; -background-position:center left; padding:4px 8px; font-size:1em; margin-right:5px; display:inline; -background-image: linear-gradient(bottom, #323B47 0%, #51606E 100%); -background-image: -o-linear-gradient(bottom, #323B47 0%, #51606E 100%); -background-image: -moz-linear-gradient(bottom, #323B47 0%, #51606E 100%); -background-image: -webkit-linear-gradient(bottom, #323B47 0%, #51606E 100%); -background-image: -ms-linear-gradient(bottom, #323B47 0%, #51606E 100%); -background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #323B47), color-stop(1, #51606E)); -border: 1px solid #28343F; --moz-box-shadow: inset 0px 1px 2px #647384; --webkit-box-shadow: inset 0px 1px 2px #647384; -box-shadow: inset 0px 1px 2px #647384; --webkit-border-radius: 3px; --moz-border-radius: 3px; -border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } -button:hover { -background-image: linear-gradient(bottom, #424B57 0%, #61707E 100%); -background-image: -o-linear-gradient(bottom, #424B57 0%, #61707E 100%); -background-image: -moz-linear-gradient(bottom, #424B57 0%, #61707E 100%); -background-image: -webkit-linear-gradient(bottom, #424B57 0%, #61707E 100%); -background-image: -ms-linear-gradient(bottom, #424B57 0%, #61707E 100%); -background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #424B57), color-stop(1, #61707E)); -} + button:active { -background-image: linear-gradient(bottom, #51606E 0%, #323B47 100%); -background-image: -o-linear-gradient(bottom, #51606E 0%, #323B47 100%); -background-image: -moz-linear-gradient(bottom, #51606E 0%, #323B47 100%); -background-image: -webkit-linear-gradient(bottom, #51606E 0%, #323B47 100%); -background-image: -ms-linear-gradient(bottom, #51606E 0%, #323B47 100%); -background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #51606E), color-stop(1, #323B47)); position:relative; top:1px; } button:disabled, .buttondisabled { -background:#ccc; -color:#888; top:0px; } button img { @@ -165,78 +109,47 @@ top:2px; } div#expiration, div#rawtextbutton, div#burnafterreadingoption, div#opendisc, div#syntaxcoloringoption { -background-color:#414D5A; padding:6px 8px; -margin:0px 5px 0px 0px;; +margin:0px 5px 0px 0px; position: relative; bottom:1px; /* WTF ? Why is this shifted by 1 pixel ? */ } div#expiration select { -color:#eee; -background: transparent; border: none; } - -div#expiration select option { -color:#eee; -background: #414D5A; -background-color:#414D5A; -} - div#remainingtime { -color: #94a3b4; display:inline; font-size:0.85em; } .foryoureyesonly { -color: yellow !important; font-size: 1em !important; font-weight:bold !important; } button#newbutton { float:right; margin-right:0px;margin-bottom:5px; display:inline; } -input { color:#777; font-size:1em; padding:6px; border: 1px solid #28343F; } +input { font-size:1em; padding:6px; } .nonworking { -background-color:#fff; -color:#000; width:100%; text-align:center; font-weight:bold; font-size:10pt; --webkit-border-radius:4px; --moz-border-radius:4px; -border-radius:4px; padding:5px; } div#ienotice { -background-color:#7E98AF; -color:#000; font-size:0.85em; padding:3px 5px; text-align:center; --webkit-border-radius:4px; --moz-border-radius:4px; -border-radius:4px; display:none; } -div#ienotice a { -color:black; -} - div#oldienotice { display:none; } -.errorMessage { -background-color:#FF7979 !important; -color:#FF0; -} - /* --- discussion related CSS ------- */ @@ -250,7 +163,6 @@ min-width:200px; h4 { font-size:1.2em; -color: #94A3B4; font-style:italic; font-weight:bold; position:relative; @@ -260,18 +172,11 @@ margin-left:30px; div.comment /* One single reply */ { -background-color:#CECED6; -color:#000; white-space:pre-wrap; font-family:Consolas,"Lucida Console","DejaVu Sans Mono",Monaco,monospace; font-size:9pt; -border-left: 1px solid #859AAE; -border-top: 1px solid #859AAE; padding:5px 0px 5px 5px; margin-left:30px; --moz-box-shadow: -3px -3px 5px rgba(0,0,0,0.15); --webkit-box-shadow: -3px -3px 5px rgba(0,0,0,0.15); -box-shadow: -3px -3px 5px rgba(0,0,0,0.15); min-width:200px; overflow:auto; } @@ -288,44 +193,13 @@ font-family: Arial, Helvetica, sans-serif; } div.comment button { -color:#446; -background-color:#aab; -background-repeat:no-repeat; -background-position:center left; padding:0px 2px; font-size:0.73em; margin: 3px 5px 3px 0px; display:inline; -background-image: linear-gradient(bottom, #aab 0%, #ccc 100%); -background-image: -o-linear-gradient(bottom, #aab 0%, #ccc 100%); -background-image: -moz-linear-gradient(bottom, #aab 0%, #ccc 100%); -background-image: -webkit-linear-gradient(bottom, #aab 0%, #ccc 100%); -background-image: -ms-linear-gradient(bottom, #aab 0%, #ccc 100%); -background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #aab), color-stop(1, #ccc)); -border: 1px solid #ccd; --moz-box-shadow: inset 0px 1px 2px #ddd; --webkit-box-shadow: inset 0px 1px 2px #fff; -box-shadow: inset 0px 1px 2px #eee; --webkit-border-radius: 3px; --moz-border-radius: 3px; -border-radius: 3px; --moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -} -div.comment button:hover { -background-image: linear-gradient(bottom, #ccd 0%, #fff 100%); -background-image: -o-linear-gradient(bottom, #ccd 0%, #fff 100%); -background-image: -moz-linear-gradient(bottom, #ccd 0%, #fff 100%); -background-image: -webkit-linear-gradient(bottom, #ccd 0%, #fff 100%); -background-image: -ms-linear-gradient(bottom, #ccd 0%, #fff 100%); -background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccd), color-stop(1, #fff)); } + div.comment button:active { -background-image: linear-gradient(bottom, #fff 0%, #889 100%); -background-image: -o-linear-gradient(bottom, #fff 0%, #889 100%); -background-image: -moz-linear-gradient(bottom, #fff 0%, #889 100%); -background-image: -webkit-linear-gradient(bottom, #fff 0%, #889 100%); -background-image: -ms-linear-gradient(bottom, #fff 0%, #889 100%); -background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #889)); position:relative; top:1px; } @@ -339,16 +213,10 @@ margin-top:5px; } div.commentmeta { -color: #fff; -background-color:#8EA0B2; margin-bottom:3px; padding:0px 0px 0px 3px; } -span.commentdate { -color: #BFCEDE; -} - img.vizhash { width:16px; height:16px; @@ -357,12 +225,5 @@ top:2px; left:-3px; } -pre a { -color:#58A5B4; -} - -pre a:hover { -color:#64B9C6; -} diff --git a/tpl/page.html b/tpl/page.html index 5499847f..54135747 100644 --- a/tpl/page.html +++ b/tpl/page.html @@ -3,6 +3,7 @@