application/views/rotation/css/rotation.css

   1
   2 #rotation-frame {
   3         position: relative;
   4         height: auto;
   5         width: 100%;
   6 }
   7
   8 #page-rotation-title {
   9         position: fixed;
  10         bottom: 0;
  11         left: 0;
  12         font-size: 10pt;
  13         background: rgba(0,0,0,0.7);
  14         padding: 8px 8px 20px 20px;
  15         border-radius: 0 4px 0 0;
  16         color: #fff;
  17 }
  18
  19 #header {
  20         display: none;
  21 }
  22
  23 #page-rotation-opts, #page-rotation-views, #page-rotation-note {
  24         background: rgba(0,0,0,0.7);
  25         box-shadow: 0 0 16px rgba(255, 255, 255, 0.5);
  26         padding: 8px;
  27         border-radius: 4px 4px 0 0;
  28         position: fixed;
  29         display: none;
  30         bottom: 0;
  31         width: 40%;
  32         left: 27%;
  33         color: #eee;
  34         z-index: 9999;
  35 }
  36
  37 #page-rotation-initial {
  38         font-size: 10pt;
  39         position: fixed;
  40         top: 30%;
  41         left: 30%;
  42         width: 35%;
  43 }
  44
  45 #page-rotation-initial ul, #page-rotation-initial li {
  46         list-style: circle inside;
  47         margin: 6px 4px;
  48 }
  49
  50 #page-rotation-opts {
  51         user-select: none;
  52         -moz-user-select: none;
  53         -webkit-user-select: none;
  54         -ms-user-select: none;
  55 }
  56
  57 #page-rotation-views {
  58         width: 15%;
  59         left: 84%;
  60         border-radius: 4px 0 0 0;
  61 }
  62
  63 #content {
  64         margin-top: 0px;
  65 }
  66
  67 #page-rotation-prev, #page-rotation-next, #page-rotation-play, #page-rotation-pause {
  68         width: 32.8%;
  69         display: inline-block;
  70         cursor: pointer;
  71         font-size: 11pt;
  72 }
  73
  74 #page-rotation-play, #page-rotation-pause {
  75         font-size: 16pt;
  76         text-align: center;
  77 }
  78
  79 #page-rotation-pause {
  80         display: none;
  81 }
  82
  83 #page-rotation-prev {
  84         text-align: right;
  85         opacity: 1.0;
  86 }
  87
  88 #page-rotation-next {
  89         text-align: left;
  90         opacity: 1.0;
  91 }
  92
  93 #page-rotation-goto {
  94         text-align: center;
  95         color: #ddd;
  96         width: 80%;
  97         padding-left: 10%;
  98         text-decoration: underline;
  99         cursor: pointer;
 100 }
 101
 102 #page-rotation-note {
 103         width: 20%;
 104         text-align: center;
 105         left: 40%;
 106         top: 45%;
 107         height: 10%;
 108 }
 109
 110 #page-rotation-slower, #page-rotation-faster {
 111         width: 40%;
 112         display: inline-block;
 113         padding: 1.5%;
 114         font-size: 14pt;
 115         cursor: pointer;
 116 }
 117
 118 #page-rotation-speed {
 119         text-align: center;
 120         background: transparent;
 121         font-size: 10pt;
 122         border: none;
 123         width: 10%;
 124         color: #fff;
 125 }
 126
 127 #page-rotation-slower {
 128         text-align: left;
 129 }
 130
 131 #page-rotation-faster {
 132         text-align: right;
 133 }
 134
 135 #page-rotation-new {
 136         border-radius: 6px 0 0 6px;
 137         border: 1px solid #888;
 138         width: 70%;
 139 }
 140
 141 #page-rotation-add {
 142         border-radius: 0 6px 6px 0;
 143         border: 1px solid #888;
 144         width: 15%;
 145 }
 146
 147 #page-rotation-goto:hover {
 148         color: #fff;
 149 }