SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/lighttpd/cooker-terminal.css	Wed Oct 04 20:59:50 2017 +0300
     1.3 @@ -0,0 +1,279 @@
     1.4 +/* CSS style for SliTaz Cooker */
     1.5 +
     1.6 +*{font:14px/18px monospace;margin:0;padding:0}
     1.7 +html,body{height:100%;color:#888;background-color:#000}
     1.8 +#container {
     1.9 +	position: relative;
    1.10 +	min-height: 100%;
    1.11 +	margin: 0 auto;
    1.12 +}
    1.13 +
    1.14 +
    1.15 +/* HEADER */
    1.16 +
    1.17 +header,body>h2{background-color:#333}
    1.18 +header h1{display:inline-block;padding:18px 0}
    1.19 +header h1,body>h2{white-space:nowrap}
    1.20 +body>h2{padding:1rem 0}
    1.21 +header h1::before{content:'#! '}
    1.22 +header a,body>h2{color:#CCC}
    1.23 +.network{float:right}
    1.24 +.network a{padding:18px 8px 18px 0}
    1.25 +header select, header option {
    1.26 +	background-color: transparent;
    1.27 +	color: inherit;
    1.28 +	border: none;
    1.29 +}
    1.30 +
    1.31 +
    1.32 +/* FOOTER */
    1.33 +
    1.34 +footer, div.foot {
    1.35 +	padding: 18px 0;
    1.36 +	clear: both;
    1.37 +	text-align: center;
    1.38 +	color: #CCC;
    1.39 +	background-color: #333;
    1.40 +
    1.41 +	position: absolute;
    1.42 +	bottom: 0;
    1.43 +	width: 100%;
    1.44 +}
    1.45 +footer a+a::before {
    1.46 +	display: inline-block;
    1.47 +	content: ' • ';
    1.48 +	color: #E81;
    1.49 +}
    1.50 +
    1.51 +
    1.52 +/* CONTENT */
    1.53 +
    1.54 +h2,h3{font-weight:bold;background-color:#333}
    1.55 +h2::before,h3::before{content:'#'}
    1.56 +h2{color:#F0F}
    1.57 +h3{color:#FF0}
    1.58 +a{display:inline-block;text-decoration:none;color:#00F}
    1.59 +a:hover,body>h2:hover{text-decoration:underline}
    1.60 +pre {
    1.61 +	background-color: rgba(0,0,0,0.03);
    1.62 +	border: 1px solid rgba(0,0,0,0.1);
    1.63 +	margin: 18px 0 0;
    1.64 +	overflow: auto;
    1.65 +	font: 13px/18px monospace;
    1.66 +}
    1.67 +li::before{content:'  * '}
    1.68 +p{margin-top:18px}
    1.69 +
    1.70 +main{margin:auto;padding:0 0 54px}
    1.71 +section{margin-bottom:18px}
    1.72 +#content2, div.list {
    1.73 +	width: 100%; box-sizing: border-box;
    1.74 +	max-width: 700px;
    1.75 +	margin: auto;
    1.76 +	padding: 18px 0;
    1.77 +}
    1.78 +#info{margin:18px 0}
    1.79 +
    1.80 +.btnList{margin-bottom:18px}
    1.81 +
    1.82 +.span-ok    { color: #0a0; }
    1.83 +.span-red   { color: red; }
    1.84 +.span-sky   { color: blue; }
    1.85 +.span-no    { color: #d90; }
    1.86 +.span-line  { color: #888; }
    1.87 +.log-date   { color: #666; font-size: 95%; }
    1.88 +.sh-comment { color: #a00; }
    1.89 +.sh-val     { color: #e50; font-weight: bold; }
    1.90 +.var        { color: #05a; }
    1.91 +
    1.92 +
    1.93 +/* Colored log */
    1.94 +
    1.95 +.log b  { font-weight: normal;   color: red; }
    1.96 +.log u  { text-decoration: none; color: darkorange; }
    1.97 +.log i  { font-style: normal;    color: green; }
    1.98 +.log em { font-style: normal;    background-color: lightsteelblue; font-weight: bold; display: inline-block; width: 100%; }
    1.99 +
   1.100 +
   1.101 +
   1.102 +/* Buttons */
   1.103 +
   1.104 +.button,button{color:#888}
   1.105 +.button::before,button::before{content:'['}
   1.106 +.button::after,button::after{content:']'}
   1.107 +.button.active {
   1.108 +	color: inherit;
   1.109 +	border: none;
   1.110 +	text-decoration: none;
   1.111 +}
   1.112 +.button:hover, button:hover, input:hover {
   1.113 +	color: #FFF;
   1.114 +	text-decoration: none;
   1.115 +}
   1.116 +.button[data-acc]::before {
   1.117 +	content: attr(data-acc);
   1.118 +	padding:0 8px;
   1.119 +	background-color: orange;
   1.120 +	color: #000;
   1.121 +	display: inline-block;
   1.122 +	text-transform: uppercase;
   1.123 +}
   1.124 +.btnList .button::after{content:''}
   1.125 +
   1.126 +
   1.127 +/* Search box */
   1.128 +
   1.129 +.search input{font-size:inherit;font-family:inherit;color:inherit;border:none;height:inherit}
   1.130 +.search button{border:0;height:inherit;float:right;background:transparent;cursor:pointer}
   1.131 +
   1.132 +
   1.133 +
   1.134 +
   1.135 +
   1.136 +.log a[name]{text-decoration:none;color:#666}
   1.137 +.log a[name]:hover{color:#FFF}
   1.138 +
   1.139 +.r{float:right}
   1.140 +
   1.141 +[class*="bigicon-"] {
   1.142 +	margin: 0.5rem 0;
   1.143 +	padding: 1rem 0.8rem 1rem 3rem;
   1.144 +	background-color: hsla(0,0%,100%,0.8);
   1.145 +	box-shadow: 0 0 3px rgba(0,0,0,0.4);
   1.146 +}
   1.147 +
   1.148 +
   1.149 +a:target { background-color: yellow; }
   1.150 +
   1.151 +
   1.152 +/* Table */
   1.153 +
   1.154 +table{width:100%;box-sizing:border-box;border-collapse:collapse}
   1.155 +td{vertical-align:top}
   1.156 +td:first-child{white-space:nowrap;width:5rem}
   1.157 +td+td,th+th { border-left: 1px solid rgba(0,0,0,0.1); }
   1.158 +.activity td:first-child, .cooknotes td:first-child, td.m { color: #444; }
   1.159 +table td:nth-child(2)::before{content:': '}
   1.160 +.activity .r.c20::after{content:'  '}
   1.161 +
   1.162 +div.list td, div.list th { padding: 5px 2px; }
   1.163 +
   1.164 +.texinfo pre { display: none; }
   1.165 +.texinfo pre:target { display: block; }
   1.166 +
   1.167 +
   1.168 +/* HTML5 progress */
   1.169 +
   1.170 +.meter{height:18px}
   1.171 +.meter progress {
   1.172 +	height: inherit;
   1.173 +	width: 100%;
   1.174 +	display: inline-block;
   1.175 +	vertical-align: middle;
   1.176 +	border: none;
   1.177 +}
   1.178 +progress {
   1.179 +	border: 1px solid rgba(0,0,0,0.2);
   1.180 +	background-color: hsla(0,0%,100%,0.6);
   1.181 +	box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
   1.182 +	-webkit-transition: all .5s; transition: all .5s;
   1.183 +}
   1.184 +progress::-webkit-progress-bar {
   1.185 +	background-color: hsla(0,0%,100%,0.6);
   1.186 +	box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
   1.187 +}
   1.188 +progress::-webkit-progress-value {
   1.189 +	background-color: hsla(100,100%,40%,0.7);
   1.190 +	-webkit-transition: all .5s; transition: all .5s;
   1.191 +}
   1.192 +progress::-moz-progress-bar {
   1.193 +	background-color: hsla(100,100%,40%,0.7);
   1.194 +	transition: all .5s;
   1.195 +}
   1.196 +.meter span {
   1.197 +	display: block;
   1.198 +	white-space: nowrap;
   1.199 +	position: relative;
   1.200 +	margin-top: -18px;
   1.201 +	text-align: center;
   1.202 +	color: #000;
   1.203 +}
   1.204 +
   1.205 +
   1.206 +
   1.207 +
   1.208 +/* Documents iframe */
   1.209 +
   1.210 +iframe {
   1.211 +	border: none;
   1.212 +}
   1.213 +
   1.214 +
   1.215 +/* Terminal colors */
   1.216 +
   1.217 +pre.files { background-color: hsla(0,0%,0%,0.8); color: hsla(0,0%,100%,0.9); }
   1.218 +pre.files a { text-decoration: none; }
   1.219 +.c00 { color: #d3d7cf; } .c01 { color: #555753; }
   1.220 +.c10 { color: #cc0000; } .c11 { color: #ef2929; }
   1.221 +.c20 { color: #4e9a06; } .c21 { color: #8ae234; }
   1.222 +.c30 { color: #c4a000; } .c31 { color: #fce94f; }
   1.223 +.c40 { color: #3465a4; } .c41 { color: #729fcf; }
   1.224 +.c50 { color: #75507b; } .c51 { color: #ad7fa8; }
   1.225 +.c60 { color: #06989a; } .c61 { color: #34e2e2; }
   1.226 +.c70 { color: #2e3436; } .c71 { color: #eeeeec; }
   1.227 +.c01,.c11,.c21,.c31,.c41,.c51,.c61,.c71 { font-weight: bold; }
   1.228 +
   1.229 +/* Old webkit-gtk compatibility */
   1.230 +
   1.231 +header, footer, main {
   1.232 +	display: block;
   1.233 +}
   1.234 +
   1.235 +
   1.236 +/* FOLLOWING CSS HAS SOME CHANGES FOR SLITAZ COOKER! */
   1.237 +
   1.238 +/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+asciidoc+bash+c+css-extras+diff+ini+markdown+perl+python */
   1.239 +/**
   1.240 + * okaidia theme for JavaScript, CSS and HTML
   1.241 + * Loosely based on Monokai textmate theme by http://www.monokai.nl/
   1.242 + * @author ocodia
   1.243 + */
   1.244 +code[class*="language-"], pre[class*="language-"] {
   1.245 +	color: #f8f8f2;
   1.246 +	background: none;
   1.247 +	text-shadow: 0 1px rgba(0,0,0,0.3);
   1.248 +	text-align: left;
   1.249 +	white-space: pre;
   1.250 +	word-spacing: normal;
   1.251 +	word-break: normal;
   1.252 +	word-wrap: normal;
   1.253 +	-moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;
   1.254 +	-webkit-hyphens: none; -moz-hyphens: none; hyphens: none;
   1.255 +}
   1.256 +/* Code blocks */
   1.257 +pre[class*="language-"] {
   1.258 +	padding: 1em;
   1.259 +	margin: .5em 0;
   1.260 +	overflow: auto;
   1.261 +}
   1.262 +:not(pre) > code[class*="language-"], pre[class*="language-"] {
   1.263 +	background: #272822;
   1.264 +}
   1.265 +/* Inline code */
   1.266 +:not(pre) > code[class*="language-"] {
   1.267 +	padding: .1em;
   1.268 +	white-space: normal;
   1.269 +}
   1.270 +.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}
   1.271 +.token.punctuation{color:#f8f8f2;}
   1.272 +.namespace{opacity:.7;}
   1.273 +.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}
   1.274 +.token.boolean,.token.number,.token.coord{color:#ae81ff;}
   1.275 +.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}
   1.276 +.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}
   1.277 +.token.atrule,.token.attr-value,.token.function{color:#e6db74;}
   1.278 +.token.keyword{color:#66d9ef;}
   1.279 +.token.regex,.token.important{color:#fd971f;}
   1.280 +.token.important,.token.bold{font-weight:bold;}
   1.281 +.token.italic{font-style:italic;}
   1.282 +.token.entity{cursor:help;}