tazpkg annotate tazpanel/pkgs.css @ rev 840

Add a bunch of modules with new-style support of 'root' (not all commands are modules yet); strip and compress resources.
author Aleksej Bobylev <al.bobylev@gmail.com>
date Fri Aug 28 16:10:34 2015 +0300 (2015-08-28)
parents 48496086d8c9
children d6cbd0c5f273
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@763 11 margin-right: 140px; /* sidebar width */
al@763 12 padding: 5px;
al@747 13 }
al@737 14
al@763 15 #sidebar { /* full width = width(139) + h-padding(0) + border(1) = 140px */
al@755 16 position: fixed; top: 65px; bottom: 0; right: 0;
al@763 17 width: 139px; padding: 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 * Sidebar category selector
al@762 31 */
al@762 32
al@763 33 #sidebar input[type="radio"] { display: none; }
al@763 34 #sidebar label { display: block; padding-left: 5px; }
al@763 35 #sidebar input+label:nth-child(4n) { background-color: hsla(0, 0%, 50%, 0.1); }
al@763 36 #sidebar input:checked+label { background-color: hsla(0, 0%, 50%, 0.5); }
al@747 37
al@747 38 /* sidebar links */
al@740 39 #sidebar a {
al@739 40 display: inline-block;
al@739 41 padding: 0 0 0 0.5em; margin: 0;
al@762 42 color: CaptionText;
al@739 43 font-size: small;
al@739 44 width: 100%;
al@739 45 }
al@739 46
al@737 47
al@762 48
al@762 49
al@762 50
al@747 51 /**
al@747 52 * List of packages
al@747 53 */
al@737 54
al@747 55 /* not break the line */
al@763 56 .pkglist td:nth-child(1),
al@747 57 .filelist td:nth-child(1) { white-space: nowrap; }
al@718 58
al@763 59 .pkglist td:nth-child(1) a,
al@747 60 .filelist td:nth-child(1) a { max-width: 12em; }
al@763 61 .pkglist td:nth-child(2) { max-width: 7em; }
al@759 62 /*.filelist td:nth-child(2) { white-space: pre-wrap; }*/
al@719 63
al@747 64 /* ellipsize content of 1st and 2nd columns */
al@763 65 .pkglist td:nth-child(1) a,
al@763 66 .pkglist td:nth-child(2),
al@747 67 .filelist td:nth-child(1) a,
al@747 68 .filelist td:nth-child(2) {
al@719 69 white-space: nowrap;
al@719 70 overflow: hidden;
al@719 71 text-overflow: ellipsis; -o-text-overflow: ellipsis;
al@747 72 }
al@719 73
al@755 74 /*
al@755 75 .pkglist tr { border-bottom: 1pt solid; }
al@755 76 .pkglist, .pkglist thead { border: 1.5pt solid!important; }
al@723 77
al@755 78 .light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
al@755 79 .light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
al@744 80
al@755 81 .dark .pkglist tr { border-color: #111; }
al@755 82 .dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
al@755 83 */
al@744 84
al@755 85 /* Fixed table header */
al@755 86 #head1h { display: none; position: fixed; }
al@744 87
al@747 88
al@763 89
al@763 90
al@763 91
al@747 92 /**
al@747 93 * Summary table
al@747 94 */
al@747 95
al@747 96 /* to have minimal width of first column */
al@747 97 .summary td:nth-child(1) { width:10%; white-space: nowrap; }
al@747 98
al@763 99
al@747 100
al@747 101
al@747 102
al@747 103 /**
al@747 104 * Pager
al@747 105 */
al@726 106
al@761 107 .pages {
al@747 108 display: inline-block;
al@726 109 padding: 0.5ex;
al@726 110 margin: 0.5ex 0;
al@763 111 border: 1px solid hsla(0, 0%, 0%, 0.5);
al@726 112 width: 3ex;
al@726 113 text-align: center;
al@747 114 }
al@763 115 .dark .pages { background-color: #222; }
al@763 116 .light .pages { background-color: #CCC; }
al@761 117 .pages:hover {
al@840 118 border: 1px solid #F94;
al@840 119 background: #F94;
al@840 120 color: black;
al@763 121 box-shadow: 0 0 2pt 0 hsl(0, 0%, 50%);
al@747 122 }
al@762 123 .pages.current, .pages.current:hover {
al@726 124 font-weight: bold;
al@726 125 border: 1px solid #07F;
al@726 126 background: #07F;
al@726 127 color: #eee;
al@747 128 }
al@731 129
al@747 130
al@747 131
al@763 132
al@763 133
al@747 134 /*
al@747 135 * Tags
al@747 136 */
al@755 137
al@747 138 #tags { text-align: center; }
al@731 139 a.tag1 { font-size: 0.9em; color: #678; }
al@731 140 a.tag2 { font-size: 1.0em; color: #444; }
al@731 141 a.tag3 { font-size: 1.1em; color: #16A; }
al@731 142 a.tag4 { font-size: 1.3em; color: #282; }
al@731 143 a.tag5 { font-size: 1.5em; color: #828; }
al@731 144 a.tag6 { font-size: 1.8em; color: #862; }
al@731 145 a.tag7 { font-size: 2.1em; color: #FA0; }
al@731 146 a.tag8 { font-size: 2.4em; color: #F00; }
al@747 147 #tags a {
al@731 148 display: inline-block;
al@731 149 white-space: nowrap;
al@731 150 vertical-align: middle;
al@731 151 padding: 0.2em 0.5em;
al@731 152 }
al@747 153 #tags a:hover {
al@747 154 outline: 1.5pt solid #FC8;
al@747 155 }
al@731 156
al@747 157
al@747 158
al@744 159
al@747 160
al@747 161 /* Disable too much borders */
al@755 162 section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
al@786 163
al@786 164
al@814 165 #appImg {
al@814 166 display: inline-block;
al@814 167 position: absolute; right: 0.6rem;
al@814 168 vertical-align: top; width: 48px; padding: 0; margin: 0;
al@814 169 }
al@786 170 #appImg img { height: 48px !important; width: 48px !important; }
al@786 171
al@786 172
al@786 173 #user_info {
al@786 174 float: right;
al@786 175 padding: 0.2rem; margin: 0.2rem;
al@786 176 font-size: 1rem;
al@786 177 vertical-align: bottom;
al@786 178 }
al@786 179 #user_info img {
al@786 180 padding: 0; margin: 0;
al@786 181 vertical-align: bottom;
al@786 182 }
al@832 183
al@832 184
al@832 185
al@832 186
al@832 187 /* infoTable: space between icons */
al@832 188 #infoTable span a { margin-right: 1em; }