tazpkg annotate tazpanel/pkgs.css @ rev 744

Store sidebar settings in the session cookies (browser sets, changes, and sends them automatically); use "<button>" tag instead of "<a>" and "<input type='button'>" to show buttons (it allows to translate button captions, and provides uniform look of buttons); "list" and "tag" commands shows short description about what is really listed; "tag" respects repo; "blocked" shows blocked packages; small style change; encode COPYING in UTF-8.
author Aleksej Bobylev <al.bobylev@gmail.com>
date Fri Jan 09 17:05:12 2015 +0200 (2015-01-09)
parents c1b57681482e
children c4c2d523a719
rev   line source
al@737 1
al@737 2 /* Sidebar menus */
al@737 3
al@737 4 #content-sidebar { margin: 20px 144px 20px 20px; }
al@737 5
al@737 6 #sidebar {
al@737 7 position: fixed;
al@744 8 top: 60px;
al@744 9 right: 0;
al@744 10 padding: 5px 5px 0 0;
al@737 11 width: 132px;
al@744 12 height: 100%;
al@744 13 border-left: 1pt solid #AAA;
al@744 14 background-color: #EEE;
al@737 15 }
al@737 16
al@737 17 #sidebar h4 {
al@737 18 margin: 0;
al@737 19 font-size: 16px; color: #222;
al@737 20 text-align: center;
al@737 21 }
al@737 22
al@738 23 .select_wrap {
al@737 24 display: inline-block;
al@738 25 vertical-align: top;
al@738 26 overflow: hidden;
al@737 27 }
al@737 28
al@738 29 .select_wrap select {
al@738 30 padding: 5px;
al@738 31 margin:-5px -20px -5px -5px;
al@738 32 width: 157px;
al@738 33 font-size: small;
al@737 34 }
al@737 35
al@738 36 select option:nth-child(even) {
al@738 37 background-color: rgba(0,0,0,0.05);
al@737 38 }
al@737 39
al@740 40 #sidebar a {
al@739 41 display: inline-block;
al@739 42 padding: 0 0 0 0.5em; margin: 0;
al@739 43 color: #666;
al@739 44 font-size: small;
al@739 45 width: 100%;
al@739 46 }
al@739 47
al@737 48
al@737 49
al@718 50 /* links classes:
al@718 51 * pkg - package (not installed);
al@718 52 * pkgi - package (installed);
al@718 53 * pkgib - package (installed and blocked);
al@718 54 * w - web site
al@718 55 *
al@718 56 * you can style links using icons and/or color
al@718 57 */
al@718 58
al@718 59 a.pkg {
al@718 60 background: url(images/tazpkg.png) no-repeat left; }
al@718 61 a.pkgi, a.pkgib {
al@718 62 background: url(images/tazpkg-installed.png) no-repeat left; }
al@718 63 /*
al@718 64 a.pkgi {
al@718 65 color: green; }
al@718 66 */
al@718 67 a.pkgib {
al@718 68 color: red; }
al@720 69 a.w, .pkglist td:nth-child(4) a {
al@718 70 background: url(images/browser.png) no-repeat left; }
al@718 71
al@720 72 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
al@718 73 margin: 0; padding: 0 0 0 17px;
al@718 74 min-height: 16px; min-width: 16px;
al@718 75 display: inline-block; }
al@718 76
al@718 77
al@723 78 .pkglist td:nth-child(1), .filelist td:nth-child(1) {
al@719 79 white-space: nowrap;
al@719 80 }
al@719 81
al@723 82 .pkglist td:nth-child(1) a, .filelist td:nth-child(1) a {
al@719 83 max-width: 12em;
al@719 84 }
al@719 85
al@719 86 .pkglist td:nth-child(2) {
al@719 87 max-width: 7em;
al@719 88 }
al@719 89
al@723 90 .pkglist td:nth-child(1) a, .pkglist td:nth-child(2),
al@723 91 .filelist td:nth-child(1) a, .filelist td:nth-child(2) {
al@719 92 white-space: nowrap;
al@719 93 overflow: hidden;
al@719 94 text-overflow: ellipsis; -o-text-overflow: ellipsis;
al@719 95 }
al@719 96
al@723 97 .filelist td:nth-child(2) {
al@723 98 max-width: 30em;
al@723 99 }
al@723 100
al@744 101 .pkglist tr { border-bottom: 1pt solid #DDD; }
al@744 102
al@744 103 .pkglist, .pkglist thead { border: 1.5pt solid #BBB!important; }
al@744 104
al@744 105
al@726 106 #actions { overflow: auto; }
al@726 107
al@726 108 a.pages {
al@726 109 padding: 0.5ex;
al@726 110 margin: 0.5ex 0;
al@726 111 border: 1px solid #AAA;
al@726 112 width: 3ex;
al@726 113 display: inline-block;
al@726 114 text-align: center;
al@726 115 }
al@726 116 a.pages:hover {
al@726 117 border: 1px solid #F94;
al@726 118 background: #F94;
al@726 119 color: black;
al@726 120 }
al@726 121 a.pages.current, a.pages.current:hover {
al@726 122 font-weight: bold;
al@726 123 border: 1px solid #07F;
al@726 124 background: #07F;
al@726 125 color: #eee;
al@726 126 }
al@731 127
al@731 128 a.tag1 { font-size: 0.9em; color: #678; }
al@731 129 a.tag2 { font-size: 1.0em; color: #444; }
al@731 130 a.tag3 { font-size: 1.1em; color: #16A; }
al@731 131 a.tag4 { font-size: 1.3em; color: #282; }
al@731 132 a.tag5 { font-size: 1.5em; color: #828; }
al@731 133 a.tag6 { font-size: 1.8em; color: #862; }
al@731 134 a.tag7 { font-size: 2.1em; color: #FA0; }
al@731 135 a.tag8 { font-size: 2.4em; color: #F00; }
al@731 136 a.tag1, a.tag2, a.tag3, a.tag4, a.tag5, a.tag6, a.tag7, a.tag8 {
al@731 137 display: inline-block;
al@731 138 white-space: nowrap;
al@731 139 vertical-align: middle;
al@731 140 padding: 0.2em 0.5em;
al@731 141 }
al@731 142 a.tag1:hover, a.tag2:hover, a.tag3:hover, a.tag4:hover, a.tag5:hover, a.tag6:hover, a.tag7:hover, a.tag8:hover {
al@731 143 outline: 1.5pt solid #FC8; }
al@731 144
al@744 145 #actions {
al@744 146 background-color: #EEE;
al@744 147 margin: 0; padding: 0 0.5ex!important;
al@744 148 border: 1pt solid #DDD;
al@744 149 border-radius: 0.5ex;
al@744 150 }
al@744 151 .button img {
al@744 152 padding: 0 4px 0 0;
al@744 153 }
al@744 154