slitaz-forge annotate pkgs/pkgs.css @ rev 284

pkgs: huge code rewriting; tested on the SliTaz 4.0 but not on the real server; for more info see README
author Aleksej Bobylev <al.bobylev@gmail.com>
date Mon Apr 16 11:34:57 2012 +0300 (2012-04-16)
parents 09934686c8d7
children 0a9608f5d6d9
rev   line source
al@284 1
al@284 2 #s_form {
al@284 3 margin: auto;
al@284 4 text-align: center;
al@284 5 padding: 20px;
al@284 6 }
al@284 7
al@284 8 /* Be compatible with old FF and Webkit version. */
al@284 9 input[type="submit"] {
al@284 10 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
al@284 11 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
al@284 12 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
al@284 13 }
pankso@231 14
pankso@231 15 #header {
al@284 16 border-bottom: 8px solid #D66018;
pankso@231 17 }
pankso@231 18
pankso@233 19 #header h1 {
pankso@233 20 padding: 3px 0 0 42px;
pankso@233 21 }
pankso@233 22
pankso@233 23 #network {
pankso@233 24 padding: 12px 5px 0;
pankso@233 25 }
pankso@233 26
al@284 27 table, input, textarea, select {
al@284 28 -moz-border-radius: 4px;
al@284 29 -webkit-border-radius: 4px;
al@284 30 border-radius: 4px;
pankso@233 31 }
pankso@233 32
pankso@231 33 input[type=text] {
pankso@231 34 width: 40%;
pankso@231 35 }
pankso@231 36
al@284 37 #footer {
al@284 38 background-color: #FFF;
pankso@231 39 }
pankso@231 40
al@284 41 select:focus, select:hover, input:focus, input:hover {
al@284 42 color: #000;
al@284 43 outline: 0 none;
al@284 44 -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
al@284 45 -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
pankso@231 46 }
al@284 47
al@284 48 input, select {
al@284 49 -webkit-transition: all 0.3s ease-in-out;
al@284 50 -moz-transition: all 0.3s ease-in-out;
al@284 51 -o-transition: all 0.3s ease-in-out;
al@284 52 -ms-transition: all 0.3s ease-in-out;
al@284 53 transition: all 0.3s ease-in-out;
al@284 54 }
al@284 55
al@284 56 input[type="submit"], input[type="text"], textarea {
al@284 57 color: #444;
al@284 58 border: 1px solid #CCC;
al@284 59 padding: 4px;
al@284 60 margin: 4px 0px;
al@284 61 font-size: 14px;
al@284 62 line-height: 1.2em;
al@284 63 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
al@284 64 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
al@284 65 -webkit-appearance: none;
al@284 66 -webkit-padding-end: 6px;
al@284 67 -webkit-padding-start: 6px;
al@284 68 }
al@284 69
al@284 70 input[type="submit"]:hover {
al@284 71 color: #000;
al@284 72 }
al@284 73
al@284 74 input[type="text"], textarea { background: #fefefe; border: 1px solid #ccc; }
al@284 75 /*input[type="file"] { border: 2px solid #ddd; }*/
al@284 76 /*input[type="checkbox"] { background: #fefefe; }*/
al@284 77
al@284 78 input[type=submit], select { cursor: pointer; }
al@284 79
al@284 80 select {
al@284 81 background-image: url(style/images/down.png),
al@284 82 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
al@284 83 background-position: center right;
al@284 84 background-repeat: no-repeat;
al@284 85
al@284 86 color: #444444;
al@284 87 border: 1px solid #cccccc;
al@284 88 padding: 4px 32px 4px 4px;
al@284 89 margin: 4px 0px;
al@284 90 font-size: 14px;
al@284 91 line-height: 1.2em;
al@284 92 -webkit-appearance: none;
al@284 93 }
al@284 94
al@284 95 poption {
al@284 96 padding: 4px 32px 4px 4px;
al@284 97 }