# HG changeset patch # User Aleksej Bobylev # Date 1421852746 -7200 # Node ID d4a82bd99c13cbfbdbc8f78847d062c54c1d6e00 # Parent 23554720180410ef6e78bb4f53349335b52510bf style.css: move search panel styles to tazpkg/tazpanel + tiny edits; clear executable bit in start.png, stop.png. diff -r 235547201804 -r d4a82bd99c13 styles/default/style.css --- a/styles/default/style.css Mon Jan 19 17:37:42 2015 +0100 +++ b/styles/default/style.css Wed Jan 21 17:05:46 2015 +0200 @@ -4,7 +4,7 @@ /* To always have a scroll bar */ html { - min-height: 102%; + min-height: 102%; } body { @@ -14,8 +14,7 @@ margin: 80px 0 0; } -h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } -h2 { color: #333; margin: 10px 0 10px; font-size: 180%; } +h2 { color: #333; font-size: 180%; margin: 10px 0 10px; } h3 { color: #444; font-size: 160%; } h4 { color: #666; font-size: 140%; } img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;} @@ -25,7 +24,11 @@ a { text-decoration: none; color: #666; } a:hover { color: #000; } -/* Header and main title */ + + +/* + * Header and main title + */ header { height: 40px; @@ -39,10 +42,16 @@ header h1 { margin: 0; padding: 8px 0 0 42px; + color: #fff; + font-size: 20px; font-style: italic; } -/* Desktop gui style bar */ + + +/* + * Desktop GUI style bar + */ #toolbar { position: fixed; @@ -153,40 +162,6 @@ #actions p { margin: 6px 0; } -.search { - position: fixed; - right: 10px; - top: -8px; -} - -.search input[type=submit] { - padding: 5px; - margin-left: -4px; - background-color: #f1f1f1; - border: 1px solid #ddd; - cursor: pointer; - color: #000; - font-weight: bold; - border-radius: 0px; -} - -.search input[type=submit].radius { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.search input[type=text] { - border: 1px solid #ddd; - padding: 4px; - height: 18px; - margin: 0; - width: 200px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - .box { margin: 10px 0; padding: 12px; @@ -217,7 +192,11 @@ float: right; } -/* Table */ + + +/* + * Table + */ table { background-color: #f8f8f8; @@ -239,9 +218,7 @@ font-weight: bold; } -/* - * Table Zebra - */ +/* Table Zebra */ table.zebra { border: none; @@ -269,24 +246,28 @@ table-layout: fixed; } + + /* * syntax_highlighter */ -span.conf-comment { color: #666; } -span.conf-var { color: #392600; } -span.conf-val, span.sh-val { color: #f35a00; } -span.sh-comment { color: #b20000; } -span.activity-log { color: #888; } -span.diff-rm { color: red; } -span.diff-add { color: green; } -span.diff-at { color: blue; } -span.top { color: #00c800; font-weight: normal; } -span.kernel-hex { color: #18A423; } -span.kernel-id { color: #287FC7; } -span.kernel-id2 { color: #843523; } -span.lsusb-h, span.lspci-h { color: #800; font-weight: bold; } -span.lsusb-t, span.lspci-t { color: #448; font-weight: bold; } +.conf-comment { color: #666; } +.conf-var { color: #392600; } +.conf-val, .sh-val { color: #f35a00; } +.sh-comment { color: #b20000; } +.activity-log { color: #888; } +.diff-rm { color: red; } +.diff-add { color: green; } +.diff-at { color: blue; } +.top { color: #00c800; font-weight: normal; } +.kernel-hex { color: #18A423; } +.kernel-id { color: #287FC7; } +.kernel-id2 { color: #843523; } +.lsusb-h, .lspci-h { color: #800; font-weight: bold; } +.lsusb-t, .lspci-t { color: #448; font-weight: bold; } + + /* Misc */ @@ -305,7 +286,7 @@ color: #444444; border: 1px solid #afafaf; padding: 4px; - margin: 4px 0px; + /*margin: 4px 0px;*/ font-size: 14px; /*line-height: 1.2em;*/ background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); @@ -330,6 +311,7 @@ height: 16px; margin: 2px 0; display: inline-block; + -webkit-appearance: button; -moz-appearance: button; } input[type=submit]:hover, .button:hover { @@ -365,7 +347,11 @@ #help a { color: #215090; text-decoration: underline; } #help a:hover { text-decoration: none; color: blue; } -/* Footer */ + + +/* + * Footer + */ footer { /* border-bottom: 1px solid #c1baad; */ @@ -379,7 +365,12 @@ footer a { color: #bbb; } footer a:hover { color: #555; } -/* HTML5 Meter */ + + +/* + * HTML5 Meter + */ + .meter { height: 22px; min-width: 200px; @@ -400,6 +391,12 @@ margin: -18px auto 0 2px; } + + +/* + * Animations + */ + a.button, input { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;