slitaz-forge diff irc/style.css @ rev 714

Virtual machines have moved
author Pascal Bellard <pascal.bellard@slitaz.org>
date Mon Feb 01 10:43:39 2021 +0000 (2021-02-01)
parents
children
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/irc/style.css	Mon Feb 01 10:43:39 2021 +0000
     1.3 @@ -0,0 +1,138 @@
     1.4 +/* CSS style for SliTaz IRC */
     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; } h3 { color: #666; font-size: 140%; }
    1.11 +a { text-decoration: underline; color: #215090; }
    1.12 +a:hover { text-decoration: none; }
    1.13 +img { border: 0pt none; vertical-align: middle; }
    1.14 +pre {
    1.15 +	overflow: auto;
    1.16 +	font-size: 98%;
    1.17 +}
    1.18 +
    1.19 +/* Header */
    1.20 +
    1.21 +#header {
    1.22 +	background: #222;
    1.23 +	height: 40px;
    1.24 +	border-bottom: 4px solid #afafaf;
    1.25 +}
    1.26 +
    1.27 +#header h1 {
    1.28 +	margin: 0;
    1.29 +	padding: 8px 0 0 42px;
    1.30 +	width: 250px;
    1.31 +}
    1.32 +
    1.33 +#header h1 a { 
    1.34 +	color: white; 
    1.35 +	text-decoration: none;
    1.36 +	font-size: 20px;
    1.37 +	font-style: italic;
    1.38 +}
    1.39 +
    1.40 +#header h1 a:hover { 
    1.41 +	color: #afafaf;
    1.42 +}
    1.43 +
    1.44 +/* Header links */
    1.45 +
    1.46 +#network { 
    1.47 +	float: right; 
    1.48 +	padding: 14px 5px 0; 
    1.49 +	font-size: 12px;
    1.50 +}
    1.51 +
    1.52 +#network a, #network span {
    1.53 +	padding: 0 4px;
    1.54 +	color: #fff; 
    1.55 +	font-weight: bold;
    1.56 +	text-decoration: none;
    1.57 +}
    1.58 +
    1.59 +#network a:hover, #network span { color: #afafaf; }
    1.60 +
    1.61 +/* Logo */
    1.62 +
    1.63 +#logo {
    1.64 +	background: url(images/logo.png) no-repeat left;
    1.65 +	position: absolute;
    1.66 +	float: left;
    1.67 +	left: 0px;
    1.68 +	top: 0px;
    1.69 +	width: 40px;
    1.70 +	height: 40px;
    1.71 +}
    1.72 +
    1.73 +/* Search */
    1.74 +
    1.75 +#search {
    1.76 +	position: absolute;
    1.77 +	right: 20px;
    1.78 +	top: 60px;
    1.79 +}
    1.80 +
    1.81 +#search input[type="text"] {
    1.82 +	width: 200px;
    1.83 +	
    1.84 +	padding: 4px;
    1.85 +	margin: 4px 0px;
    1.86 +	font-size: 14px;
    1.87 +	line-height: 1.2em;
    1.88 +	background: #fefefe;
    1.89 +	border: 2px solid #afafaf;
    1.90 +	-webkit-appearance: none;
    1.91 +	-webkit-padding-end: 12px;
    1.92 +	-webkit-padding-start: 6px;
    1.93 +}
    1.94 +
    1.95 +/* Content */
    1.96 +
    1.97 +#content {
    1.98 +	margin: 40px auto;
    1.99 +	padding: 0 20px;
   1.100 +	text-align: justify;
   1.101 +	max-width: 720px;
   1.102 +}
   1.103 +
   1.104 +.box {
   1.105 +	padding: 6px;
   1.106 +	margin: 4px 0px;
   1.107 +}
   1.108 +
   1.109 +pre, .box {
   1.110 +	background-color: #f8f8f8;
   1.111 +	border: 1px solid #ddd;
   1.112 +}
   1.113 +
   1.114 +pre {
   1.115 +	padding: 10px;
   1.116 +}
   1.117 +
   1.118 +pre img { margin: 4px 4px 4px 0px; }
   1.119 +
   1.120 +.error { color: red; }
   1.121 +.ok { color: green; }
   1.122 +.date { color: #666; font-size: 96%; }
   1.123 +
   1.124 +/* Round corner */
   1.125 +
   1.126 +pre, img, .box, input[type="text"] {
   1.127 +	-moz-border-radius: 4px;
   1.128 +	-webkit-border-radius: 4px;
   1.129 +	border-radius: 4px;
   1.130 +}
   1.131 +
   1.132 +/* Footer */
   1.133 +
   1.134 +#footer {
   1.135 +	text-align: center;
   1.136 +	padding: 20px;
   1.137 +	border-top: 1px solid #ddd;
   1.138 +	font-size: 90%;
   1.139 +}
   1.140 +
   1.141 +#footer a { padding: 0 2px; }