cookutils annotate web/style.css @ rev 545

cook: Add some comments to better explain my functions.
author Christopher Rogers <slaxemulator@gmail.com>
date Mon Oct 15 18:53:00 2012 +0000 (2012-10-15)
parents 97ba19e05b56
children 4c71388c43e6
rev   line source
pankso@5 1 /* CSS style for SliTaz Cooker */
pankso@5 2
pankso@65 3 body { font: 13px sans-serif, vernada, arial; margin: 0; }
pankso@5 4 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
pankso@5 5 h1 a { color: #fff; text-decoration: none; }
pankso@5 6 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
pankso@129 7 a { text-decoration: underline; color: #215090; }
pankso@5 8 a:hover { text-decoration: none; }
pankso@394 9 hr { margin: 0; border: 1px solid #cfcfcf; }
pankso@5 10 pre {
pankso@5 11 background-color: #f8f8f8;
pankso@5 12 border: 1px solid #ddd;
pankso@5 13 padding: 10px;
pankso@15 14 overflow: auto;
pankso@65 15 font-size: 96%;
pankso@5 16 }
pankso@5 17
pankso@116 18 /* Header */
pankso@116 19
pankso@5 20 #header {
pankso@389 21 color: white;
pankso@5 22 background: #351a0a;
pankso@5 23 height: 40px;
pankso@5 24 border-bottom: 8px solid #d66018;
pankso@5 25 }
pankso@5 26
pankso@116 27 #header h1 {
pankso@116 28 margin: 0;
pankso@116 29 /* padding: 8px 0 0 42px; */
pankso@116 30 width: 250px;
pankso@116 31 }
pankso@116 32
pankso@383 33 #header h1 a {
pankso@383 34 color: white;
pankso@116 35 text-decoration: none;
pankso@116 36 font-size: 20px;
pankso@116 37 font-style: italic;
pankso@116 38 }
pankso@116 39
pankso@383 40 #header h1 a:hover, #network a:hover {
pankso@116 41 color: #d66018;
pankso@116 42 }
pankso@116 43
pankso@257 44 /* Header links */
pankso@257 45
pankso@383 46 #network {
pankso@383 47 float: right;
pankso@386 48 padding: 12px 5px 0;
pankso@257 49 font-size: 12px;
pankso@257 50 }
pankso@257 51
pankso@257 52 #network a {
pankso@257 53 padding: 0 6px;
pankso@383 54 color: #fff;
pankso@257 55 font-weight: bold;
pankso@257 56 text-decoration: none;
pankso@257 57 }
pankso@257 58
pankso@116 59 /* Content */
pankso@116 60
pankso@5 61 #content {
pankso@5 62 margin: 40px 80px;
pankso@5 63 text-align: justify;
pankso@5 64 }
pankso@5 65
pankso@5 66 .span-ok { color: green; }
pankso@129 67 .span-red { color: red; }
pankso@5 68 .span-sky { color: blue; }
pankso@5 69 .span-no { color: orange; }
pankso@5 70 .span-line { color: #888; }
pankso@17 71 .log-date { color: #666; font-size: 95%; }
pankso@17 72 .sh-comment { color: #b20000; }
pankso@17 73 .sh-val { color: #f35a00; }
pankso@65 74
pankso@65 75 /* Buttons */
pankso@65 76
pankso@65 77 .button {
pankso@65 78 cursor: pointer;
pankso@383 79 padding: 4px;
pankso@383 80 margin: 4px 0px;
pankso@65 81 }
pankso@65 82
pankso@383 83 a.button, .pctbar {
pankso@65 84 text-decoration: none;
pankso@65 85 color: #666;
pankso@65 86 }
pankso@65 87
pankso@65 88 .button:hover {
pankso@65 89 border: 1px solid #999;
pankso@65 90 }
pankso@65 91
pankso@385 92 .pct { background: #9dff4a; padding: 2px 4px; }
pankso@385 93 .pctbar { overflow: hidden; }
pankso@345 94
pankso@383 95 .button, .pctbar {
pankso@383 96 border: 1px solid #cccccc;
pankso@383 97 font-size: 14px;
pankso@383 98 line-height: 1.2em;
pankso@383 99 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@383 100 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@383 101 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@383 102 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@383 103 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@345 104 }
pankso@345 105
pankso@65 106 /* Round corner */
pankso@65 107
pankso@75 108 pre, .button, .pctbar {
pankso@125 109 -moz-border-radius: 4px;
pankso@125 110 -webkit-border-radius: 4px;
pankso@65 111 border-radius: 4px;
pankso@65 112 }
pankso@116 113
pankso@116 114 /* Footer */
pankso@116 115
pankso@116 116 #footer {
pankso@116 117 text-align: center;
pankso@116 118 padding: 20px;
pankso@116 119 border-top: 1px solid #ddd;
pankso@116 120 font-size: 90%;
pankso@116 121 }
pankso@116 122
pankso@116 123 #footer a { padding: 0 2px; }