tazpkg annotate tazpanel/pkgs.css @ rev 755

TazPanel part of TazPkg: Development in progress, please note it have few known bugs.
author Aleksej Bobylev <al.bobylev@gmail.com>
date Tue Mar 24 03:43:36 2015 +0200 (2015-03-24)
parents 1d6e23a2782f
children 47f112cf1ad0
rev   line source
al@755 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@755 13 position: fixed; top: 65px; bottom: 0; right: 0;
al@747 14 width: 132px; padding: 5px 5px 0 0;
al@755 15 border-left: 1pt solid;
al@747 16 overflow-y: auto; overflow-x: hidden; /* for tiny screens */
al@737 17 }
al@737 18
al@737 19 #sidebar h4 {
al@747 20 margin: 0; padding: 0;
al@737 21 font-size: 16px; color: #222;
al@737 22 text-align: center;
al@737 23 }
al@737 24
al@747 25 /* hack to remove unwanted scrollbar from multiline selector */
al@738 26 .select_wrap {
al@737 27 display: inline-block;
al@738 28 vertical-align: top;
al@738 29 overflow: hidden;
al@737 30 }
al@738 31 .select_wrap select {
al@738 32 padding: 5px;
al@738 33 margin:-5px -20px -5px -5px;
al@747 34 width: 162px; /* sidebar:(138px) + this h-margin:(20px+5px) */
al@738 35 font-size: small;
al@737 36 }
al@737 37
al@747 38 /* zebra on selector */
al@738 39 select option:nth-child(even) {
al@738 40 background-color: rgba(0,0,0,0.05);
al@737 41 }
al@737 42
al@747 43
al@747 44 /* sidebar links */
al@740 45 #sidebar a {
al@739 46 display: inline-block;
al@739 47 padding: 0 0 0 0.5em; margin: 0;
al@747 48 color: #000;
al@739 49 font-size: small;
al@739 50 width: 100%;
al@739 51 }
al@739 52
al@737 53
al@747 54 /**
al@747 55 * List of packages
al@747 56 */
al@737 57
al@718 58 /* links classes:
al@718 59 * pkg - package (not installed);
al@718 60 * pkgi - package (installed);
al@718 61 * pkgib - package (installed and blocked);
al@718 62 * w - web site
al@718 63 *
al@718 64 * you can style links using icons and/or color
al@718 65 */
al@718 66
al@747 67 a.pkg { background: url(images/tp-new.png) no-repeat left; }
al@747 68 a.pkgi { background: url(images/tp-pkgi.png) no-repeat left; }
al@747 69 a.pkgib { background: url(images/tp-pkgib.png) no-repeat left; color: red; }
al@755 70 a.w::before, .pkglist td:nth-child(4) a::before {
al@755 71 font-family: TazPanel; content: 'web';
al@755 72
al@755 73 vertical-align: baseline;
al@755 74 padding: 0 0.2rem 0 0;
al@755 75 font-size: 1rem;
al@755 76
al@755 77 font-style: normal;
al@755 78 font-weight: normal;
al@755 79 font-variant: normal;
al@755 80 text-transform: none;
al@755 81 line-height: 1;
al@755 82 display: inline-block;
al@755 83 text-decoration: none;
al@755 84 width: 1rem; text-align: center;
al@755 85
al@755 86 -webkit-text-rendering: optimizeLegibility;
al@755 87 -moz-text-rendering: optimizeLegibility;
al@755 88 -ms-text-rendering: optimizeLegibility;
al@755 89 -o-text-rendering: optimizeLegibility;
al@755 90 text-rendering: optimizeLegibility;
al@755 91
al@755 92 -webkit-font-smoothing: antialiased;
al@755 93 -moz-font-smoothing: antialiased;
al@755 94 -ms-font-smoothing: antialiased;
al@755 95 -o-font-smoothing: antialiased;
al@755 96 font-smoothing: antialiased;
al@755 97 }
al@718 98
al@720 99 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
al@718 100 margin: 0; padding: 0 0 0 17px;
al@718 101 min-height: 16px; min-width: 16px;
al@747 102 display: inline-block;
al@747 103 }
al@718 104
al@755 105
al@755 106
al@747 107 /* not break the line */
al@755 108 .pkglist td:nth-child(1),
al@747 109 .filelist td:nth-child(1) { white-space: nowrap; }
al@718 110
al@755 111 .pkglist td:nth-child(1) a,
al@747 112 .filelist td:nth-child(1) a { max-width: 12em; }
al@755 113 .pkglist td:nth-child(2) { max-width: 7em; }
al@747 114 .filelist td:nth-child(2) { max-width: 30em; }
al@719 115
al@747 116 /* ellipsize content of 1st and 2nd columns */
al@755 117 .pkglist td:nth-child(1) a,
al@755 118 .pkglist td:nth-child(2),
al@747 119 .filelist td:nth-child(1) a,
al@747 120 .filelist td:nth-child(2) {
al@719 121 white-space: nowrap;
al@719 122 overflow: hidden;
al@719 123 text-overflow: ellipsis; -o-text-overflow: ellipsis;
al@747 124 }
al@719 125
al@755 126 /*
al@755 127 .pkglist tr { border-bottom: 1pt solid; }
al@755 128 .pkglist, .pkglist thead { border: 1.5pt solid!important; }
al@723 129
al@755 130 .light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
al@755 131 .light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
al@744 132
al@755 133 .dark .pkglist tr { border-color: #111; }
al@755 134 .dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
al@755 135 */
al@744 136
al@755 137 /* Fixed table header */
al@755 138 #head1h { display: none; position: fixed; }
al@744 139
al@747 140
al@747 141 /**
al@747 142 * Summary table
al@747 143 */
al@747 144
al@747 145 /* to have minimal width of first column */
al@747 146 .summary td:nth-child(1) { width:10%; white-space: nowrap; }
al@747 147
al@747 148 /* light blue links on summary table */
al@747 149 .summary a { color: #248; }
al@747 150
al@747 151
al@747 152
al@747 153 /**
al@747 154 * Pager
al@747 155 */
al@726 156
al@726 157 a.pages {
al@747 158 display: inline-block;
al@726 159 padding: 0.5ex;
al@726 160 margin: 0.5ex 0;
al@726 161 border: 1px solid #AAA;
al@726 162 width: 3ex;
al@726 163 text-align: center;
al@747 164 }
al@726 165 a.pages:hover {
al@726 166 border: 1px solid #F94;
al@726 167 background: #F94;
al@726 168 color: black;
al@747 169 }
al@726 170 a.pages.current, a.pages.current:hover {
al@726 171 font-weight: bold;
al@726 172 border: 1px solid #07F;
al@726 173 background: #07F;
al@726 174 color: #eee;
al@747 175 }
al@731 176
al@747 177
al@747 178
al@747 179 /*
al@747 180 * Tags
al@747 181 */
al@755 182
al@747 183 #tags { text-align: center; }
al@731 184 a.tag1 { font-size: 0.9em; color: #678; }
al@731 185 a.tag2 { font-size: 1.0em; color: #444; }
al@731 186 a.tag3 { font-size: 1.1em; color: #16A; }
al@731 187 a.tag4 { font-size: 1.3em; color: #282; }
al@731 188 a.tag5 { font-size: 1.5em; color: #828; }
al@731 189 a.tag6 { font-size: 1.8em; color: #862; }
al@731 190 a.tag7 { font-size: 2.1em; color: #FA0; }
al@731 191 a.tag8 { font-size: 2.4em; color: #F00; }
al@747 192 #tags a {
al@731 193 display: inline-block;
al@731 194 white-space: nowrap;
al@731 195 vertical-align: middle;
al@731 196 padding: 0.2em 0.5em;
al@731 197 }
al@747 198 #tags a:hover {
al@747 199 outline: 1.5pt solid #FC8;
al@747 200 }
al@731 201
al@747 202
al@747 203
al@744 204 .button img {
al@744 205 padding: 0 4px 0 0;
al@744 206 }
al@744 207
al@747 208
al@747 209 /* Disable too much borders */
al@755 210 section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
al@747 211
al@747 212
al@747 213
al@747 214
al@755 215 /* •‣⁕←↑→↓↔↕↥↯↶↷↺↻⇄⇅⇈⌫⏏█▶▷▸▹►▻▪▫◯●◻◼◽◾☐☑☒♺♻⚙⚠⚡⚪⚫✉✎✏✐✓✔✕✖✗✘❖➤➜➝➛⟲⟳⧎ */