tazpkg annotate tazpanel/pkgs.css @ rev 762

tazpkg: re-make block and unblock, add chblock to change blocking of package; pkgs.cgi: remove website link from packages list, show selected packages count, add '(Un)block' button for bulk operation; pkgs.css: clean old code.
author Aleksej Bobylev <al.bobylev@gmail.com>
date Wed Apr 01 04:29:22 2015 +0300 (2015-04-01)
parents 98c62c676216
children 5a6155d9197a
rev   line source
al@762 1 /**
al@762 2 * CSS style for TazPkg/TazPanel - (C) 2011-2015 SliTaz GNU/Linux
al@762 3 */
al@762 4
al@737 5
al@747 6 /**
al@747 7 * Sidebar menus
al@747 8 */
al@737 9
al@747 10 #content-sidebar {
al@747 11 margin-right: 138px; /* sidebar width */
al@747 12 padding: 10px;
al@747 13 }
al@737 14
al@747 15 #sidebar { /* full width = width(132) + h-padding(5) + border(1) = 138px */
al@755 16 position: fixed; top: 65px; bottom: 0; right: 0;
al@747 17 width: 132px; padding: 5px 5px 0 0;
al@755 18 border-left: 1pt solid;
al@747 19 overflow-y: auto; overflow-x: hidden; /* for tiny screens */
al@737 20 }
al@737 21
al@737 22 #sidebar h4 {
al@747 23 margin: 0; padding: 0;
al@737 24 font-size: 16px; color: #222;
al@737 25 text-align: center;
al@737 26 }
al@737 27
al@762 28
al@762 29
al@762 30
al@762 31
al@762 32 /**
al@762 33 * Sidebar category selector
al@762 34 */
al@762 35
al@747 36 /* hack to remove unwanted scrollbar from multiline selector */
al@762 37
al@738 38 .select_wrap {
al@737 39 display: inline-block;
al@738 40 vertical-align: top;
al@738 41 overflow: hidden;
al@737 42 }
al@738 43 .select_wrap select {
al@738 44 padding: 5px;
al@738 45 margin:-5px -20px -5px -5px;
al@747 46 width: 162px; /* sidebar:(138px) + this h-margin:(20px+5px) */
al@738 47 font-size: small;
al@737 48 }
al@737 49
al@747 50 /* zebra on selector */
al@738 51 select option:nth-child(even) {
al@738 52 background-color: rgba(0,0,0,0.05);
al@737 53 }
al@737 54
al@747 55
al@747 56 /* sidebar links */
al@740 57 #sidebar a {
al@739 58 display: inline-block;
al@739 59 padding: 0 0 0 0.5em; margin: 0;
al@762 60 color: CaptionText;
al@739 61 font-size: small;
al@739 62 width: 100%;
al@739 63 }
al@739 64
al@737 65
al@762 66
al@762 67
al@762 68
al@747 69 /**
al@747 70 * List of packages
al@747 71 */
al@737 72
al@747 73 /* not break the line */
al@755 74 .pkglist td:nth-child(1),
al@747 75 .filelist td:nth-child(1) { white-space: nowrap; }
al@718 76
al@755 77 .pkglist td:nth-child(1) a,
al@747 78 .filelist td:nth-child(1) a { max-width: 12em; }
al@755 79 .pkglist td:nth-child(2) { max-width: 7em; }
al@759 80 /*.filelist td:nth-child(2) { white-space: pre-wrap; }*/
al@719 81
al@747 82 /* ellipsize content of 1st and 2nd columns */
al@755 83 .pkglist td:nth-child(1) a,
al@755 84 .pkglist td:nth-child(2),
al@747 85 .filelist td:nth-child(1) a,
al@747 86 .filelist td:nth-child(2) {
al@719 87 white-space: nowrap;
al@719 88 overflow: hidden;
al@719 89 text-overflow: ellipsis; -o-text-overflow: ellipsis;
al@747 90 }
al@719 91
al@755 92 /*
al@755 93 .pkglist tr { border-bottom: 1pt solid; }
al@755 94 .pkglist, .pkglist thead { border: 1.5pt solid!important; }
al@723 95
al@755 96 .light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
al@755 97 .light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
al@744 98
al@755 99 .dark .pkglist tr { border-color: #111; }
al@755 100 .dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
al@755 101 */
al@744 102
al@755 103 /* Fixed table header */
al@755 104 #head1h { display: none; position: fixed; }
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@761 123 .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@761 131 .pages:hover {
al@726 132 border: 1px solid #F94;
al@726 133 background: #F94;
al@726 134 color: black;
al@747 135 }
al@762 136 .pages.current, .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@755 148
al@747 149 #tags { text-align: center; }
al@731 150 a.tag1 { font-size: 0.9em; color: #678; }
al@731 151 a.tag2 { font-size: 1.0em; color: #444; }
al@731 152 a.tag3 { font-size: 1.1em; color: #16A; }
al@731 153 a.tag4 { font-size: 1.3em; color: #282; }
al@731 154 a.tag5 { font-size: 1.5em; color: #828; }
al@731 155 a.tag6 { font-size: 1.8em; color: #862; }
al@731 156 a.tag7 { font-size: 2.1em; color: #FA0; }
al@731 157 a.tag8 { font-size: 2.4em; color: #F00; }
al@747 158 #tags a {
al@731 159 display: inline-block;
al@731 160 white-space: nowrap;
al@731 161 vertical-align: middle;
al@731 162 padding: 0.2em 0.5em;
al@731 163 }
al@747 164 #tags a:hover {
al@747 165 outline: 1.5pt solid #FC8;
al@747 166 }
al@731 167
al@747 168
al@747 169
al@744 170 .button img {
al@744 171 padding: 0 4px 0 0;
al@744 172 }
al@744 173
al@747 174
al@747 175 /* Disable too much borders */
al@755 176 section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
al@747 177
al@747 178
al@747 179
al@747 180
al@755 181 /* •‣⁕←↑→↓↔↕↥↯↶↷↺↻⇄⇅⇈⌫⏏█▶▷▸▹►▻▪▫◯●◻◼◽◾☐☑☒♺♻⚙⚠⚡⚪⚫✉✎✏✐✓✔✕✖✗✘❖➤➜➝➛⟲⟳⧎ */