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