Cydia.app/manage.html

   1 <?xml version="1.0" encoding="UTF-16"?>
   2 <html><head>
   3     <title>Manage</title>
   4     <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
   5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   6     <base target="_blank"/>
   7
   8     <style>
   9         body {
  10             background: #c7ced5 url(cydia://uikit-image/UIPinstripe.png);
  11             display: table;
  12             font-family: Helvetica;
  13             height: 337px;
  14             margin: 0;
  15             padding: 0;
  16             -webkit-text-size-adjust: none;
  17             -webkit-user-select: none;
  18         }
  19
  20         div.page {
  21             display: table-cell;
  22             text-align: center;
  23             margin: 0 auto;
  24             vertical-align: middle;
  25             width: 320px;
  26         }
  27
  28         a.giant-button {
  29             color: #193250;
  30             display: block;
  31             margin: 10px;
  32             text-decoration: none;
  33         }
  34
  35         a.giant-button > div.contents {
  36             position: absolute;
  37             text-align: left;
  38             width: 300px;
  39             -webkit-background-size: 75px auto;
  40             z-index: 2;
  41         }
  42
  43         a.giant-button > div.contents > img {
  44             float: left;
  45             height: 80px;
  46             margin: 10px;
  47             width: 80px;
  48             vertical-align: middle;
  49         }
  50
  51         a.giant-button > div.contents > label {
  52             display: block;
  53             float: left;
  54             font-size: 30px;
  55             margin: 10px 0 4px 4px;
  56             text-align: center;
  57             text-shadow: rgba(200, 200, 200, 0.75) 1px 1px 0;
  58             width: 180px;
  59         }
  60
  61         a.giant-button > div.contents > div {
  62             display: block;
  63             float: left;
  64             font-size: 14px;
  65             margin-left: 4px;
  66             text-align: center;
  67             width: 180px;
  68         }
  69
  70         a.giant-button > div.background {
  71             background-color: #000000;
  72             height: 98px;
  73             opacity: 0.15;
  74             -webkit-border-radius: 10px;
  75         }
  76     </style>
  77 </head><body><div class="page">
  78 <div class="dialog">
  79     <div class="panel">
  80
  81 <a href="cydia://packages" class="giant-button">
  82     <div class="contents">
  83         <img src="packages.png"/>
  84         <label>Packages</label>
  85         <div>View or remove packages you previously installed.</div>
  86     </div>
  87
  88     <div class="background"></div>
  89 </a>
  90
  91 <a href="cydia://sources" class="giant-button">
  92     <div class="contents">
  93         <img src="sources.png"/>
  94         <label>Sources</label>
  95         <div>List current sources and add custom ones you may know.</div>
  96     </div>
  97
  98     <div class="background"></div>
  99 </a>
 100
 101 <a href="cydia://storage" class="giant-button">
 102     <div class="contents">
 103         <img src="storage.png"/>
 104         <label>Storage</label>
 105         <div>See how much room you have left for new packages.</div>
 106     </div>
 107
 108     <div class="background"></div>
 109 </a>
 110
 111     </div>
 112 </div>
 113 </div></body></html>