tazpkg annotate tazpanel/pkgs.css @ rev 752

Change VERSION
author Eric Joseph-Alexandre <erjo@slitaz.org>
date Mon Mar 23 01:18:38 2015 +0100 (2015-03-23)
parents c4c2d523a719
children f2975370bd27
rev   line source
al@747 1 body { -webkit-appearance: window; }
al@737 2
al@747 3 /**
al@747 4 * Sidebar menus
al@747 5 */
al@737 6
al@747 7 #content-sidebar {
al@747 8 margin-right: 138px; /* sidebar width */
al@747 9 padding: 10px;
al@747 10 }
al@737 11
al@747 12 #sidebar { /* full width = width(132) + h-padding(5) + border(1) = 138px */
al@747 13 position: fixed; top: 60px; bottom: 0; right: 0;
al@747 14 width: 132px; padding: 5px 5px 0 0;
al@744 15 border-left: 1pt solid #AAA;
al@744 16 background-color: #EEE;
al@747 17 overflow-y: auto; overflow-x: hidden; /* for tiny screens */
al@737 18 }
al@737 19
al@737 20 #sidebar h4 {
al@747 21 margin: 0; padding: 0;
al@737 22 font-size: 16px; color: #222;
al@737 23 text-align: center;
al@737 24 }
al@737 25
al@747 26 /* hack to remove unwanted scrollbar from multiline selector */
al@738 27 .select_wrap {
al@737 28 display: inline-block;
al@738 29 vertical-align: top;
al@738 30 overflow: hidden;
al@737 31 }
al@738 32 .select_wrap select {
al@738 33 padding: 5px;
al@738 34 margin:-5px -20px -5px -5px;
al@747 35 width: 162px; /* sidebar:(138px) + this h-margin:(20px+5px) */
al@738 36 font-size: small;
al@737 37 }
al@737 38
al@747 39 /* zebra on selector */
al@738 40 select option:nth-child(even) {
al@738 41 background-color: rgba(0,0,0,0.05);
al@737 42 }
al@737 43
al@747 44 option:checked { color: red; font-weight: bold; background-color: orange; }
al@747 45
al@747 46 /* sidebar links */
al@740 47 #sidebar a {
al@739 48 display: inline-block;
al@739 49 padding: 0 0 0 0.5em; margin: 0;
al@747 50 color: #000;
al@739 51 font-size: small;
al@739 52 width: 100%;
al@739 53 }
al@739 54
al@737 55
al@747 56 /**
al@747 57 * List of packages
al@747 58 */
al@737 59
al@718 60 /* links classes:
al@718 61 * pkg - package (not installed);
al@718 62 * pkgi - package (installed);
al@718 63 * pkgib - package (installed and blocked);
al@718 64 * w - web site
al@718 65 *
al@718 66 * you can style links using icons and/or color
al@718 67 */
al@718 68
al@747 69 a.pkg { background: url(images/tp-new.png) no-repeat left; }
al@747 70 a.pkgi { background: url(images/tp-pkgi.png) no-repeat left; }
al@747 71 a.pkgib { background: url(images/tp-pkgib.png) no-repeat left; color: red; }
al@720 72 a.w, .pkglist td:nth-child(4) a {
al@747 73 background: url(images/tp-web.png) no-repeat left; }
al@718 74
al@720 75 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
al@718 76 margin: 0; padding: 0 0 0 17px;
al@718 77 min-height: 16px; min-width: 16px;
al@747 78 display: inline-block;
al@747 79 }
al@718 80
al@747 81 /* not break the line */
al@747 82 .pkglist td:nth-child(1),
al@747 83 .filelist td:nth-child(1) { white-space: nowrap; }
al@718 84
al@747 85 .pkglist td:nth-child(1) a,
al@747 86 .filelist td:nth-child(1) a { max-width: 12em; }
al@747 87 .pkglist td:nth-child(2) { max-width: 7em; }
al@747 88 .filelist td:nth-child(2) { max-width: 30em; }
al@719 89
al@747 90 /* ellipsize content of 1st and 2nd columns */
al@747 91 .pkglist td:nth-child(1) a,
al@747 92 .pkglist td:nth-child(2),
al@747 93 .filelist td:nth-child(1) a,
al@747 94 .filelist td:nth-child(2) {
al@719 95 white-space: nowrap;
al@719 96 overflow: hidden;
al@719 97 text-overflow: ellipsis; -o-text-overflow: ellipsis;
al@747 98 }
al@719 99
al@723 100
al@744 101 .pkglist tr { border-bottom: 1pt solid #DDD; }
al@744 102
al@747 103 .pkglist, .pkglist thead { border: 1.5pt solid #BBB!important; }
al@744 104
al@744 105
al@747 106
al@747 107 /**
al@747 108 * Summary table
al@747 109 */
al@747 110
al@747 111 /* to have minimal width of first column */
al@747 112 .summary td:nth-child(1) { width:10%; white-space: nowrap; }
al@747 113
al@747 114 /* light blue links on summary table */
al@747 115 .summary a { color: #248; }
al@747 116
al@747 117
al@747 118
al@747 119 /**
al@747 120 * Pager
al@747 121 */
al@726 122
al@726 123 a.pages {
al@747 124 display: inline-block;
al@726 125 padding: 0.5ex;
al@726 126 margin: 0.5ex 0;
al@726 127 border: 1px solid #AAA;
al@726 128 width: 3ex;
al@726 129 text-align: center;
al@747 130 }
al@726 131 a.pages:hover {
al@726 132 border: 1px solid #F94;
al@726 133 background: #F94;
al@726 134 color: black;
al@747 135 }
al@726 136 a.pages.current, a.pages.current:hover {
al@726 137 font-weight: bold;
al@726 138 border: 1px solid #07F;
al@726 139 background: #07F;
al@726 140 color: #eee;
al@747 141 }
al@731 142
al@747 143
al@747 144
al@747 145 /*
al@747 146 * Tags
al@747 147 */
al@747 148 #tags { text-align: center; }
al@731 149 a.tag1 { font-size: 0.9em; color: #678; }
al@731 150 a.tag2 { font-size: 1.0em; color: #444; }
al@731 151 a.tag3 { font-size: 1.1em; color: #16A; }
al@731 152 a.tag4 { font-size: 1.3em; color: #282; }
al@731 153 a.tag5 { font-size: 1.5em; color: #828; }
al@731 154 a.tag6 { font-size: 1.8em; color: #862; }
al@731 155 a.tag7 { font-size: 2.1em; color: #FA0; }
al@731 156 a.tag8 { font-size: 2.4em; color: #F00; }
al@747 157 #tags a {
al@731 158 display: inline-block;
al@731 159 white-space: nowrap;
al@731 160 vertical-align: middle;
al@731 161 padding: 0.2em 0.5em;
al@731 162 }
al@747 163 #tags a:hover {
al@747 164 outline: 1.5pt solid #FC8;
al@747 165 }
al@731 166
al@747 167
al@747 168
al@747 169 /*
al@747 170 * Action buttons panel
al@747 171 */
al@744 172 #actions {
al@747 173 background-color: rgba(229,229,229,0.5);
al@747 174 margin: 0; padding: 0.2rem 0.3rem!important;
al@747 175 border: 1pt solid #CCC;
al@747 176 border-radius: 0.3rem;
al@747 177 overflow: auto; /* provide break after floated objects */
al@744 178 }
al@744 179 .button img {
al@744 180 padding: 0 4px 0 0;
al@744 181 }
al@744 182
al@747 183
al@747 184 /* "articles" are used in the admin page */
al@747 185 article, fieldset {
al@747 186 display: block;
al@747 187 border: 1pt solid rgba(128, 128, 128, 0.5);
al@747 188 border-radius: 0.3rem;
al@747 189 padding: 0.3rem 0.3rem 0 0.3rem;
al@747 190 margin: 0.5rem 0;
al@747 191 background-color: rgba(128, 128, 128, 0.2);
al@747 192 }
al@747 193 article h3 {
al@747 194 padding: 0.3rem; margin: -0.3rem;
al@747 195 border-bottom: 1pt solid rgba(128, 128, 128, 0.5);
al@747 196 border-radius: 0.3rem 0.3rem 0 0;
al@747 197 background-color: rgba(128, 128, 128, 0.3);
al@747 198 }
al@747 199 legend {
al@747 200 font-weight: bold;
al@747 201 }
al@747 202 /* Disable too much borders */
al@747 203 article pre, article table { border: none }
al@747 204
al@747 205
al@747 206 /*
al@747 207 * Search block
al@747 208 */
al@747 209 .search {
al@747 210 position: fixed; right: 10px; top: 8px;
al@747 211 height: 25px;
al@747 212 border-radius: 4px;
al@747 213 background-color: #FFF;
al@747 214 padding: 0; margin: 0;
al@747 215 }
al@747 216 .search input {
al@747 217 height: 100%;
al@747 218 margin: 0; padding: 4px;
al@747 219 /*outline: none;*/
al@747 220 }
al@747 221 .search input:nth-child(1) {
al@747 222 width: 200px;
al@747 223 border: none;
al@747 224 -webkit-appearance: none; /* remove borders for input type="search" */
al@747 225 }
al@747 226 .search input:nth-child(2), .search input:nth-child(3) { -webkit-appearance: push-button; }
al@747 227
al@747 228 .search input:nth-child(1) {
al@747 229 border-radius: 4px 0 0 4px;
al@747 230 -moz-border-radius: 4px 0 0 4px;
al@747 231 -webkit-border-radius: 4px 0 0 4px;
al@747 232 }
al@747 233 .search input:nth-child(2) { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
al@747 234 .search input:nth-child(3) {
al@747 235 border-top-left-radius: 0; border-bottom-left-radius: 0;
al@747 236 -moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0;
al@747 237 -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;
al@747 238 }
al@747 239