slitaz-forge annotate cook/style.css @ rev 196

doc: let have a little bigger orange block (again)
author Christophe Lincoln <pankso@slitaz.org>
date Tue Mar 20 23:46:12 2012 +0100 (2012-03-20)
parents 9b63e77334bf
children 1a4dc885c902
rev   line source
pankso@112 1 /* CSS style for SliTaz Cooker */
pankso@112 2
pankso@112 3 body { font: 13px sans-serif, vernada, arial; margin: 0; }
pankso@112 4 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
pankso@112 5 h1 a { color: #fff; text-decoration: none; }
pankso@112 6 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
pankso@112 7 a { text-decoration: underline; color: #215090; }
pankso@112 8 a:hover { text-decoration: none; }
pankso@112 9 pre {
pankso@112 10 background-color: #f8f8f8;
pankso@112 11 border: 1px solid #ddd;
pankso@112 12 padding: 10px;
pankso@112 13 overflow: auto;
pankso@112 14 font-size: 96%;
pankso@112 15 }
pankso@112 16
pankso@112 17 /* Header */
pankso@112 18
pankso@115 19 #header {
pankso@115 20 height: 40px;
pankso@112 21 background: #351a0a;
pankso@116 22 border-bottom: 8px solid #d66018;
pankso@112 23 }
pankso@112 24
pankso@112 25 #header h1 {
pankso@112 26 margin: 0;
pankso@115 27 padding: 8px 0 0 42px;
pankso@112 28 width: 250px;
pankso@112 29 }
pankso@112 30
pankso@112 31 #header h1 a {
pankso@112 32 color: white;
pankso@112 33 text-decoration: none;
pankso@112 34 font-size: 20px;
pankso@112 35 font-style: italic;
pankso@112 36 }
pankso@112 37
pankso@112 38 #header h1 a:hover, #network a:hover {
pankso@112 39 color: #d66018;
pankso@112 40 }
pankso@112 41
pankso@114 42 /* Logo */
pankso@114 43
pankso@114 44 #logo {
pankso@114 45 background: url(http://www.slitaz.org/images/logo.png) no-repeat left;
pankso@114 46 position: absolute;
pankso@114 47 float: left;
pankso@114 48 left: 0px;
pankso@114 49 top: 0px;
pankso@114 50 width: 40px;
pankso@114 51 height: 40px;
pankso@114 52 }
pankso@114 53
pankso@112 54 /* Header links */
pankso@112 55
pankso@112 56 #network {
pankso@112 57 float: right;
pankso@115 58 padding: 12px 5px 0;
pankso@112 59 font-size: 12px;
pankso@112 60 }
pankso@112 61
pankso@112 62 #network a {
pankso@112 63 padding: 0 6px;
pankso@112 64 color: #fff;
pankso@112 65 font-weight: bold;
pankso@112 66 text-decoration: none;
pankso@112 67 }
pankso@112 68
pankso@112 69 /* Content */
pankso@112 70
pankso@112 71 #content {
pankso@112 72 margin: 40px 80px;
pankso@112 73 text-align: justify;
pankso@112 74 }
pankso@112 75
pankso@112 76 .span-ok { color: green; }
pankso@112 77 .span-red { color: red; }
pankso@112 78 .span-sky { color: blue; }
pankso@112 79 .span-no { color: orange; }
pankso@112 80 .span-line { color: #888; }
pankso@112 81 .log-date { color: #666; font-size: 95%; }
pankso@112 82 .sh-comment { color: #b20000; }
pankso@112 83 .sh-val { color: #f35a00; }
pankso@112 84
pankso@112 85 /* Buttons */
pankso@112 86
pankso@112 87 .button {
pankso@112 88 padding: 2px 4px;
pankso@112 89 cursor: pointer;
pankso@112 90 color: #000;
pankso@112 91 }
pankso@112 92
pankso@112 93 a.button, .pctbar {
pankso@112 94 text-decoration: none;
pankso@112 95 color: #666;
pankso@112 96 }
pankso@112 97
pankso@112 98 .button:hover {
pankso@112 99 background-color: #ddd;
pankso@112 100 border: 1px solid #999;
pankso@112 101 }
pankso@112 102
pankso@112 103 .pct { background: #9dff4a; padding: 2px 4px; }
pankso@112 104
pankso@112 105 .button, .pctbar {
pankso@112 106 margin: 0;
pankso@112 107 background: #f1f1f1;
pankso@112 108 border: 1px solid #ddd;
pankso@112 109 }
pankso@112 110
pankso@112 111 /* Round corner */
pankso@112 112
pankso@112 113 pre, .button, .pctbar {
pankso@112 114 -moz-border-radius: 4px;
pankso@112 115 -webkit-border-radius: 4px;
pankso@112 116 border-radius: 4px;
pankso@112 117 }
pankso@112 118
pankso@112 119 /* Footer */
pankso@112 120
pankso@112 121 #footer {
pankso@112 122 text-align: center;
pankso@112 123 padding: 20px;
pankso@112 124 border-top: 1px solid #ddd;
pankso@112 125 font-size: 90%;
pankso@112 126 }
pankso@112 127
pankso@112 128 #footer a { padding: 0 2px; }