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

pkgs: New features included, see README. Site yet not completed, but works fine...
author Aleksej Bobylev <al.bobylev@gmail.com>
date Fri Apr 20 17:42:46 2012 +0300 (2012-04-20)
parents c0e954250657
children c890b7f0723e
rev   line source
al@284 1
al@284 2 /* Be compatible with old FF and Webkit version. */
al@293 3 /*input[type="submit"] {
al@284 4 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
al@284 5 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
al@284 6 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
al@293 7 }*/
pankso@231 8
al@293 9 #header { border-bottom: 8px solid #D66018; }
al@293 10 #header h1 { padding: 3px 0 0 42px; }
al@293 11 #network { padding: 12px 5px 0; }
al@293 12 #footer { background-color: #FFF; }
pankso@231 13
al@293 14 /* COMMON STYLES */
al@293 15 select:focus, select:hover, input:focus, input[type]:hover {
al@284 16 color: #000;
al@284 17 -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
al@284 18 -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
pankso@231 19 }
al@284 20 input, select {
al@284 21 -webkit-transition: all 0.3s ease-in-out;
al@284 22 -moz-transition: all 0.3s ease-in-out;
al@284 23 -o-transition: all 0.3s ease-in-out;
al@284 24 -ms-transition: all 0.3s ease-in-out;
al@284 25 transition: all 0.3s ease-in-out;
al@284 26 }
al@293 27 select, input[type="text"], input[type="submit"] {
al@293 28 font-size: 14px;
al@293 29 border: 1px solid #CCC;
al@293 30 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
al@293 31 color: #444;
al@293 32 outline: 0 none;
al@293 33 }
al@284 34
al@293 35 /* TABLE */
al@293 36 table {
al@293 37 width: 100%;
al@293 38 font-size: 12px;
al@284 39 border: 1px solid #CCC;
al@293 40 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
al@293 41 border-spacing: 0;
al@293 42 padding: 2px;
al@293 43 }
al@293 44 tr {
al@293 45 margin: 0;
al@284 46 padding: 4px;
al@293 47 }
al@293 48 td {
al@293 49 margin: 0;
al@293 50 padding: 6px;
al@293 51 vertical-align: top;
al@293 52 }
al@293 53 tr.even {
al@293 54 background-color: #F0F0F0;
al@293 55 }
al@293 56 td.first {
al@293 57 width: 1%;
al@293 58 white-space: nowrap;
al@293 59 }
al@293 60 td.pre {
al@293 61 padding-left: 2em;
al@293 62 white-space: nowrap;
al@293 63 }
al@293 64
al@293 65
al@293 66 /* --- */
al@293 67
al@293 68 input[type="submit"] {
al@293 69 padding: 4px;
al@293 70 margin: 0;
al@284 71 font-size: 14px;
al@284 72 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
al@284 73 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
al@293 74 /* -webkit-appearance: none;
al@284 75 -webkit-padding-end: 6px;
al@293 76 -webkit-padding-start: 6px;*/
al@284 77 }
al@284 78
al@293 79 div.form {
al@293 80 display: table;
al@293 81 table-layout: auto;
al@293 82 width: 100%;
al@293 83 padding: 0;
al@293 84 margin: 0 0 20px 0; /* t r b l */
al@284 85 }
al@284 86
al@293 87 #s_form {
al@293 88 display: table-row;
al@293 89 padding: 0;
al@293 90 margin: 0;
al@293 91 text-align: center;
al@293 92 border: 1pt solid yellow;
al@293 93 }
al@284 94
al@293 95 .small {
al@293 96 white-space: nowrap;
al@293 97 display: table-cell;
al@293 98 width: 10%;
al@293 99 }
al@284 100
al@284 101 select {
al@293 102 padding: 4px;
al@293 103 margin: 0 4px;
al@293 104 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
al@284 105 background-position: center right;
al@284 106 background-repeat: no-repeat;
al@284 107 -webkit-appearance: none;
al@293 108 cursor: pointer;
al@284 109 }
al@284 110
al@293 111 span.stretch {
al@293 112 display: table-cell;
al@293 113 width: 100%;
al@293 114 padding: 0 4px;
al@293 115 margin: 0;
al@284 116 }
al@293 117
al@293 118 input[type="text"] {
al@293 119 padding: 4px 0;
al@293 120 margin: 0;
al@293 121 border: 1px solid #CCC;
al@293 122 background-color: #FEFEFE;
al@293 123 }
al@293 124
al@293 125 div#ticker img {
al@293 126 float: right;
al@293 127 }
al@293 128
al@293 129 .summary {
al@293 130 margin-top: 12px;
al@293 131 text-align: center;
al@293 132 font-style: italic;
al@293 133 }
al@293 134 .match {
al@293 135 font-weight: bold;
al@293 136 color: #F33;
al@293 137 }
al@293 138
al@293 139 /* SYNTAX HIGHLIGHTER */
al@293 140 .r-comment { color: #888; }
al@293 141 .r-literal { color: #f35a00; }
al@293 142 .r-var { font-weight: bold; color: #070; }
al@293 143 .r-func { color: #4895DD; }
al@293 144 .r-url { text-decoration: none; }
al@293 145 .r-com, .r-scom { color: #4895DD; font-weight: bold; /*background-color: #cde;*/ }
al@293 146 .r-path { text-decoration: underline; color: brown; }
al@293 147 .r-param { font-weight: bold; color: #444; }