cookutils annotate web/style.css @ rev 808

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