Cydia.app/menes/style.css

   1 /* .clearfix {{{ */
   2 .clearfix:after {
   3     content: ".";
   4     display: block;
   5     clear: both;
   6     visibility: hidden;
   7     line-height: 0;
   8     height: 0;
   9 }
  10
  11 .clearfix {
  12     display: inline-block;
  13 }
  14
  15 html[xmlns] .clearfix {
  16     display: block;
  17 }
  18
  19 * html .clearfix {
  20     height: 1%;
  21 }
  22 /* }}} */
  23
  24 * {
  25     box-sizing: border-box;
  26     -moz-box-sizing: border-box;
  27 }
  28
  29 body {
  30     font-family: Helvetica;
  31     margin: 0;
  32     padding: 0;
  33     -webkit-text-size-adjust: none;
  34     -webkit-user-select: none;
  35 }
  36
  37 #page {
  38     position: relative;
  39 }
  40
  41 .dialog {
  42     position: absolute;
  43     width: 100%;
  44 }
  45
  46 hr {
  47     margin-top: 10px;
  48 }
  49
  50 .dialog > .panel {
  51     background: #c8c8c8 url(pinstripes.png);
  52     padding: 1px 0 1px 0;
  53 }
  54
  55 p {
  56     margin: 0px;
  57     padding: 0px;
  58 }
  59
  60 a {
  61     text-decoration: none;
  62     text-underline-style: dotted;
  63 }
  64
  65 strong {
  66     font-weight: bold
  67 }
  68
  69 /* #toolbar {{{ */
  70 .dialog > .toolbar {
  71     background: url(toolbar.png) #6d84a2 repeat-x;
  72     border-bottom: 1px solid #2d3642;
  73     height: 45px;
  74     padding: 10px;
  75 }
  76
  77 .dialog > .toolbar > h1 {
  78     color: #ffffff;
  79     font-size: 20px;
  80     font-weight: bold;
  81     height: 100%;
  82     margin: 1px auto 0 auto;
  83     text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
  84     text-align: center;
  85     white-space: nowrap;
  86 }
  87 /* }}} */
  88 /* (back|forward)-button {{{ */
  89 .dialog > .toolbar > a.back-button,
  90 .dialog > .toolbar > a.forward-button {
  91     color: #ffffff;
  92     font-size: 12px;
  93     font-weight: bold;
  94     height: 30px;
  95     line-height: 30px;
  96     margin-top: -28px;
  97     padding: 0 3px;
  98     text-decoration: none;
  99     text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
 100     white-space: nowrap;
 101 }
 102
 103 .dialog > .toolbar > a.back-button {
 104     -webkit-border-image: url(backButton.png) 0 8 0 14;
 105     border-width: 0 8px 0 14px;
 106     float: left;
 107 }
 108
 109 .dialog > .toolbar > a.forward-button {
 110     -webkit-border-image: url(toolButton.png) 0 5 0 5;
 111     border-width: 0 5px;
 112     float: right;
 113 }
 114 /* }}} */
 115 /* fieldset {{{ */
 116 .dialog > .panel > fieldset {
 117     background: #ffffff;
 118     border: 1px solid #999999;
 119     -webkit-border-radius: 10px;
 120     font-size: 16px;
 121     margin: 9px;
 122     padding: 0;
 123 }
 124
 125 .dialog > .panel > label {
 126     display: block;
 127     margin: 13px 0 -4px 27px;
 128     line-height: 24px;
 129     font-size: inherit;
 130     font-weight: bold;
 131     color: #4d4d70;
 132     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
 133 }
 134
 135 .dialog > .panel > fieldset > a,
 136 .dialog > .panel > fieldset > div {
 137     border-top: 1px solid #999999;
 138     min-height: 19px;
 139     padding: 11px 17px;
 140 }
 141
 142 .dialog > .panel > fieldset > a:first-child,
 143 .dialog > .panel > fieldset > div:first-child {
 144     border-top: none;
 145 }
 146
 147 .dialog > .panel > fieldset > a img.icon,
 148 .dialog > .panel > fieldset > div img.icon {
 149     height: auto;
 150     margin: -13px 5px -10px -10px;
 151     max-height: 30px;
 152     min-width: 30px;
 153     vertical-align: middle;
 154     width: 30px;
 155 }
 156
 157 .dialog > .panel > fieldset > div > p {
 158     margin-top: .5em;
 159     text-align: center;
 160 }
 161
 162 .dialog > .panel > fieldset > div > p:first-child {
 163     margin-top: 0;
 164 }
 165
 166 .dialog > .panel > fieldset > a {
 167     background: 275px 11px no-repeat url(listArrow.png);
 168     color: inherit;
 169     display: block;
 170 }
 171
 172 .dialog > .panel > fieldset > div > select {
 173     font-size: 16px;
 174     margin: -4px -10px -5px 86px;
 175     width: 190px;
 176 }
 177
 178 .dialog > .panel > fieldset > div > input {
 179     background: none;
 180     border: none;
 181     color: #193250;
 182     font-size: 16px;
 183     height: 45px;
 184     margin: -12px -18px;
 185     padding: 12px 10px 0 111px;
 186     width: 302px;
 187 }
 188
 189 .dialog > .panel > fieldset > div > input[type="submit"] {
 190     border-width: 0 12px;
 191     color: #000000;
 192     display: block;
 193     font-size: 20px;
 194     font-weight: bold;
 195     padding: 10px;
 196     text-align: center;
 197     -webkit-border-image: url(whiteButton.png) 0 12 0 12;
 198 }
 199
 200 .dialog > .panel > fieldset > a > label,
 201 .dialog > .panel > fieldset > div > label {
 202     font-weight: bold;
 203     position: absolute;
 204 }
 205
 206 .dialog > .panel > fieldset > a > label + div {
 207     margin-right: 16px;
 208 }
 209
 210 .dialog > .panel > fieldset > a > label + div,
 211 .dialog > .panel > fieldset > div > label + div {
 212     color: #335588;
 213     text-align: right;
 214 }
 215 /* }}} */