SliTaz Repositories

     1.1 --- a/tazpanel/pkgs.css	Wed Jan 21 17:53:26 2015 +0200
     1.2 +++ b/tazpanel/pkgs.css	Tue Mar 24 03:43:36 2015 +0200
     1.3 @@ -1,4 +1,4 @@
     1.4 -body { -webkit-appearance: window; }
     1.5 +/*body { -webkit-appearance: window; }*/
     1.6  
     1.7  /**
     1.8   * Sidebar menus
     1.9 @@ -10,10 +10,9 @@
    1.10  }
    1.11  
    1.12  #sidebar { /* full width = width(132) + h-padding(5) + border(1) = 138px */
    1.13 -	position: fixed; top: 60px; bottom: 0; right: 0;
    1.14 +	position: fixed; top: 65px; bottom: 0; right: 0;
    1.15  	width: 132px; padding: 5px 5px 0 0;
    1.16 -	border-left: 1pt solid #AAA;
    1.17 -	background-color: #EEE;
    1.18 +	border-left: 1pt solid;
    1.19  	overflow-y: auto; overflow-x: hidden; /* for tiny screens */
    1.20  }
    1.21  
    1.22 @@ -41,7 +40,6 @@
    1.23  	background-color: rgba(0,0,0,0.05);
    1.24  }
    1.25  
    1.26 -option:checked { color: red; font-weight: bold; background-color: orange; }
    1.27  
    1.28  /* sidebar links */
    1.29  #sidebar a {
    1.30 @@ -69,8 +67,34 @@
    1.31  a.pkg   { background: url(images/tp-new.png)   no-repeat left; }
    1.32  a.pkgi  { background: url(images/tp-pkgi.png)  no-repeat left; }
    1.33  a.pkgib { background: url(images/tp-pkgib.png) no-repeat left; color: red; }
    1.34 -a.w, .pkglist td:nth-child(4) a {
    1.35 -          background: url(images/tp-web.png)   no-repeat left; }
    1.36 +a.w::before, .pkglist td:nth-child(4) a::before {
    1.37 +	font-family: TazPanel; content: 'web';
    1.38 +
    1.39 +	vertical-align: baseline;
    1.40 +	padding: 0 0.2rem 0 0;
    1.41 +	font-size: 1rem;
    1.42 +
    1.43 +	font-style: normal;
    1.44 +	font-weight: normal;
    1.45 +	font-variant: normal;
    1.46 +	text-transform: none;
    1.47 +	line-height: 1;
    1.48 +	display: inline-block;
    1.49 +	text-decoration: none;
    1.50 +	width: 1rem; text-align: center;
    1.51 +
    1.52 +	-webkit-text-rendering: optimizeLegibility;
    1.53 +	   -moz-text-rendering: optimizeLegibility;
    1.54 +	    -ms-text-rendering: optimizeLegibility;
    1.55 +	     -o-text-rendering: optimizeLegibility;
    1.56 +	        text-rendering: optimizeLegibility;
    1.57 +
    1.58 +	-webkit-font-smoothing: antialiased;
    1.59 +	   -moz-font-smoothing: antialiased;
    1.60 +	    -ms-font-smoothing: antialiased;
    1.61 +	     -o-font-smoothing: antialiased;
    1.62 +	        font-smoothing: antialiased;
    1.63 +}
    1.64  
    1.65  a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
    1.66  	margin: 0; padding: 0 0 0 17px;
    1.67 @@ -78,18 +102,20 @@
    1.68  	display: inline-block;
    1.69  }
    1.70  
    1.71 +
    1.72 +
    1.73  /* not break the line */
    1.74 -.pkglist  td:nth-child(1),
    1.75 +.pkglist td:nth-child(1),
    1.76  .filelist td:nth-child(1) { white-space: nowrap; }
    1.77  
    1.78 -.pkglist  td:nth-child(1) a,
    1.79 +.pkglist td:nth-child(1) a,
    1.80  .filelist td:nth-child(1) a { max-width: 12em; }
    1.81 -.pkglist  td:nth-child(2)   { max-width: 7em;  }
    1.82 +.pkglist td:nth-child(2)   { max-width:  7em; }
    1.83  .filelist td:nth-child(2)   { max-width: 30em; }
    1.84  
    1.85  /* ellipsize content of 1st and 2nd columns */
    1.86 -.pkglist  td:nth-child(1) a,
    1.87 -.pkglist  td:nth-child(2),
    1.88 +.pkglist td:nth-child(1) a,
    1.89 +.pkglist td:nth-child(2),
    1.90  .filelist td:nth-child(1) a,
    1.91  .filelist td:nth-child(2) {
    1.92  	white-space: nowrap;
    1.93 @@ -97,11 +123,19 @@
    1.94  	text-overflow: ellipsis; -o-text-overflow: ellipsis;
    1.95  }
    1.96  
    1.97 +/*
    1.98 +.pkglist tr { border-bottom: 1pt solid; }
    1.99 +.pkglist, .pkglist thead { border: 1.5pt solid!important; }
   1.100  
   1.101 -.pkglist tr { border-bottom: 1pt solid #DDD; }
   1.102 +.light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
   1.103 +.light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
   1.104  
   1.105 -.pkglist, .pkglist thead { border: 1.5pt solid #BBB!important; }
   1.106 +.dark .pkglist tr { border-color: #111; }
   1.107 +.dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
   1.108 +*/
   1.109  
   1.110 +/* Fixed table header */
   1.111 +#head1h { display: none; position: fixed; }
   1.112  
   1.113  
   1.114  /**
   1.115 @@ -145,6 +179,7 @@
   1.116  /*
   1.117   * Tags
   1.118   */
   1.119 +
   1.120  #tags  { text-align: center; }
   1.121  a.tag1 { font-size: 0.9em; color: #678; }
   1.122  a.tag2 { font-size: 1.0em; color: #444; }
   1.123 @@ -166,74 +201,15 @@
   1.124  
   1.125  
   1.126  
   1.127 -/*
   1.128 - * Action buttons panel
   1.129 - */
   1.130 -#actions {
   1.131 -	background-color: rgba(229,229,229,0.5);
   1.132 -	margin: 0; padding: 0.2rem 0.3rem!important;
   1.133 -	border: 1pt solid #CCC;
   1.134 -	border-radius: 0.3rem;
   1.135 -	overflow: auto; /* provide break after floated objects */
   1.136 -}
   1.137  .button img {
   1.138  	padding: 0 4px 0 0;
   1.139  }
   1.140  
   1.141  
   1.142 -/* "articles" are used in the admin page */
   1.143 -article, fieldset {
   1.144 -	display: block;
   1.145 -	border: 1pt solid rgba(128, 128, 128, 0.5);
   1.146 -	border-radius: 0.3rem;
   1.147 -	padding: 0.3rem 0.3rem 0 0.3rem;
   1.148 -	margin: 0.5rem 0;
   1.149 -	background-color: rgba(128, 128, 128, 0.2);
   1.150 -}
   1.151 -article h3 {
   1.152 -	padding: 0.3rem; margin: -0.3rem;
   1.153 -	border-bottom: 1pt solid rgba(128, 128, 128, 0.5);
   1.154 -	border-radius: 0.3rem 0.3rem 0 0;
   1.155 -	background-color: rgba(128, 128, 128, 0.3);
   1.156 -}
   1.157 -legend {
   1.158 -	font-weight: bold;
   1.159 -}
   1.160  /* Disable too much borders */
   1.161 -article pre, article table { border: none }
   1.162 +section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
   1.163  
   1.164  
   1.165 -/*
   1.166 - * Search block
   1.167 - */
   1.168 -.search {
   1.169 -	position: fixed; right: 10px; top: 8px;
   1.170 -	height: 25px;
   1.171 -	border-radius: 4px;
   1.172 -	background-color: #FFF;
   1.173 -	padding: 0; margin: 0;
   1.174 -}
   1.175 -.search input {
   1.176 -	height: 100%;
   1.177 -	margin: 0; padding: 4px;
   1.178 -	/*outline: none;*/
   1.179 -}
   1.180 -.search input:nth-child(1) {
   1.181 -	width: 200px;
   1.182 -	border: none;
   1.183 -	-webkit-appearance: none; /* remove borders for input type="search" */
   1.184 -}
   1.185 -.search input:nth-child(2), .search input:nth-child(3) { -webkit-appearance: push-button; }
   1.186  
   1.187 -.search input:nth-child(1) {
   1.188 -	border-radius: 4px 0 0 4px;
   1.189 -	-moz-border-radius: 4px 0 0 4px;
   1.190 -	-webkit-border-radius: 4px 0 0 4px;
   1.191 -}
   1.192 -.search input:nth-child(2) { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
   1.193 -.search input:nth-child(3) {
   1.194 -	border-top-left-radius: 0; border-bottom-left-radius: 0;
   1.195 -	-moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0;
   1.196 -	-webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;
   1.197 -}
   1.198  
   1.199 +/* •‣⁕←↑→↓↔↕↥↯↶↷↺↻⇄⇅⇈⌫⏏█▶▷▸▹►▻▪▫◯●◻◼◽◾☐☑☒♺♻⚙⚠⚡⚪⚫✉✎✏✐✓✔✕✖✗✘❖➤➜➝➛⟲⟳⧎ */