SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/lighttpd/cooker-like2016.css	Fri May 12 17:15:15 2017 +0300
     1.3 @@ -0,0 +1,168 @@
     1.4 +/* CSS style for SliTaz Cooker */
     1.5 +
     1.6 +html { min-height: 102%; }
     1.7 +body { font: 13px sans-serif, vernada, arial; margin: 0; }
     1.8 +h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
     1.9 +h1 a { color: #fff; text-decoration: none; }
    1.10 +h2 { color: #444; }
    1.11 +h3 { color: #666; font-size: 140%; }
    1.12 +a { text-decoration: underline; color: #215090; }
    1.13 +a:hover { text-decoration: none; }
    1.14 +hr { margin: 0; border: 1px solid #cfcfcf; }
    1.15 +pre, table {
    1.16 +	background-color: #f8f8f8;
    1.17 +	border: 1px solid #ddd;
    1.18 +	padding: 10px;
    1.19 +	overflow: auto;
    1.20 +	font-size: 96%;
    1.21 +	font-family: monospace;
    1.22 +}
    1.23 +pre .underline { display: none; }
    1.24 +
    1.25 +
    1.26 +/* Header */
    1.27 +
    1.28 +header {
    1.29 +	color: #fff;
    1.30 +	background: #222;
    1.31 +	height: 40px;
    1.32 +	border-bottom: 4px solid #afafaf;
    1.33 +}
    1.34 +header h1::before {
    1.35 +	content: '';
    1.36 +	display: inline-block;
    1.37 +	background: url("/images/logo.png") no-repeat left;
    1.38 +	width: 40px;
    1.39 +	height: 40px;
    1.40 +	vertical-align: middle;
    1.41 +}
    1.42 +
    1.43 +header h1 {
    1.44 +	margin: 0;
    1.45 +	padding: 0;
    1.46 +	white-space: nowrap;
    1.47 +	float: left;
    1.48 +}
    1.49 +
    1.50 +header h1 a {
    1.51 +	color: #fff;
    1.52 +	text-decoration: none;
    1.53 +	font-size: 20px;
    1.54 +	font-style: italic;
    1.55 +}
    1.56 +
    1.57 +header h1 a:hover, #network a:hover {
    1.58 +	color: #afafaf;
    1.59 +}
    1.60 +
    1.61 +/* Header links */
    1.62 +
    1.63 +.network {
    1.64 +	float: right;
    1.65 +	padding: 14px 5px 0;
    1.66 +	font-size: 12px;
    1.67 +}
    1.68 +
    1.69 +.network a {
    1.70 +	padding: 0 4px;
    1.71 +	color: #fff;
    1.72 +	font-weight: bold;
    1.73 +	text-decoration: none;
    1.74 +}
    1.75 +
    1.76 +/* Content */
    1.77 +
    1.78 +main {
    1.79 +	margin: 40px 80px;
    1.80 +	text-align: justify;
    1.81 +}
    1.82 +.r { float: right; }
    1.83 +form button[type='submit'] { display: none; }
    1.84 +table { width: 100%; }
    1.85 +td { padding: 0; }
    1.86 +td:first-child { white-space:nowrap; width:5rem; }
    1.87 +table td:nth-child(2)::before { content:' : '; }
    1.88 +.activity .r { display: none; }
    1.89 +.log a[name] { text-decoration: none; }
    1.90 +
    1.91 +.span-ok    { color: #0a0; }
    1.92 +.span-red   { color: red; }
    1.93 +.span-sky   { color: blue; }
    1.94 +.span-no    { color: #d90; }
    1.95 +.span-line  { color: #888; }
    1.96 +.log-date   { color: #666; font-size: 95%; }
    1.97 +.sh-comment { color: #a00; }
    1.98 +.sh-val     { color: #e50; font-weight: bold; }
    1.99 +.var        { color: #05a; }
   1.100 +
   1.101 +/* Colored log */
   1.102 +
   1.103 +.log b  { font-weight: normal;   color: red; }
   1.104 +.log u  { text-decoration: none; color: darkorange; }
   1.105 +.log i  { font-style: normal;    color: green; }
   1.106 +.log em { font-style: normal; }
   1.107 +
   1.108 +/* Buttons */
   1.109 +
   1.110 +.button {
   1.111 +	cursor: pointer;
   1.112 +	padding: 4px;
   1.113 +	margin: 4px 0px;
   1.114 +	display: inline-block;
   1.115 +}
   1.116 +
   1.117 +a.button, .meter span {
   1.118 +	text-decoration: none;
   1.119 +	color: #666;
   1.120 +}
   1.121 +
   1.122 +.button:hover {
   1.123 +	border: 1px solid #999;
   1.124 +}
   1.125 +
   1.126 +progress {
   1.127 +	width: 100%;
   1.128 +	box-sizing: border-box;
   1.129 +	margin: 0;
   1.130 +	padding: 0;
   1.131 +	height: 23px;
   1.132 +}
   1.133 +.meter { height: 23px; overflow: hidden; }
   1.134 +progress::-webkit-progress-bar { background: #9dff4a; }
   1.135 +progress::-webkit-progress-value { background: #9dff4a; }
   1.136 +progress::-moz-progress-bar { background: #9dff4a; }
   1.137 +.meter span {
   1.138 +	display: block;
   1.139 +	position: relative;
   1.140 +	margin: -20px 6px;
   1.141 +}
   1.142 +
   1.143 +.button, progress {
   1.144 +	border: 1px solid #cccccc;
   1.145 +	font-size: 14px;
   1.146 +	line-height: 1.2em;
   1.147 +	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.148 +	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.149 +	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   1.150 +	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   1.151 +	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   1.152 +}
   1.153 +
   1.154 +/* Round corner */
   1.155 +
   1.156 +pre, .button, progress, table {
   1.157 +	-moz-border-radius: 4px;
   1.158 +	-webkit-border-radius: 4px;
   1.159 +	border-radius: 4px;
   1.160 +}
   1.161 +
   1.162 +/* Footer */
   1.163 +
   1.164 +footer {
   1.165 +	text-align: center;
   1.166 +	padding: 20px;
   1.167 +	border-top: 1px solid #ddd;
   1.168 +	font-size: 90%;
   1.169 +}
   1.170 +
   1.171 +footer a { padding: 0 2px; }