GD-ML/AndroidCode

1<html>2<head>3<meta charset="UTF-8">4<title>Contents Screen</title>5<style>6  body { margin: 0; padding: 0; background: transparent; }7  #render-target {8    position: relative;9    width: 1080px;10    height: 2400px;11    overflow: hidden;12    background: #000000;13    font-family: Georgia, "Times New Roman", serif;14    color: #cfcfcf;15  }16 17  /* Title */18  .title {19    position: absolute;20    top: 240px;21    left: 0;22    width: 100%;23    text-align: center;24    font-size: 96px;25    letter-spacing: 1px;26    color: #d0d0d0;27    font-weight: 700;28  }29 30  /* List of links */31  .content-list {32    position: absolute;33    top: 500px;34    left: 60px;35    right: 60px;36  }37 38  .link {39    display: block;40    margin: 26px 0;41    font-size: 54px;42    color: #a8b8ff;43    text-decoration: underline;44    font-style: italic;45  }46 47  .link.small {48    font-size: 48px;49  }50 51  .indent {52    padding-left: 28px;53  }54 55  /* Bottom indicators */56  .footer-left {57    position: absolute;58    bottom: 60px;59    left: 60px;60    font-size: 42px;61    color: #bfbfbf;62    letter-spacing: 0.5px;63  }64  .footer-right {65    position: absolute;66    bottom: 60px;67    right: 60px;68    font-size: 42px;69    color: #bfbfbf;70  }71</style>72</head>73<body>74<div id="render-target">75  <div class="title">Contents</div>76 77  <div class="content-list">78    <span class="link">Cover</span>79    <span class="link">Title Page</span>80    <span class="link">Foreword</span>81 82    <span class="link">Prologue</span>83    <span class="link">Part One</span>84    <span class="link">Part Two</span>85    <span class="link">Epilogue</span>86 87    <span class="link">A Preview of Paulo Coelho’s: Warrior of the Light</span>88    <span class="link indent">Warrior of the Light: Prologue</span>89 90    <span class="link">About the Author</span>91    <span class="link">International Acclaim for Paulo Coelho’s: The Alchemist</span>92    <span class="link small">Alchemist</span>93 94    <span class="link">Also by Paulo Coelho</span>95    <span class="link">Back Ads</span>96    <span class="link">Copyright</span>97    <span class="link">About the Publisher</span>98  </div>99 100  <div class="footer-left">Location 13 of 225</div>101  <div class="footer-right">2%</div>102</div>103</body>104</html>