Line 32: | Line 32: | ||
} | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: 'PT Sans Narrow', sans-serif; | ||
+ | font-size: 18px; | ||
+ | font-weight: 700; | ||
+ | margin: 0 0 10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | button { | ||
+ | position: absolute; | ||
+ | top: -4px; | ||
+ | } | ||
+ | button:first-child { | ||
+ | left: 0; | ||
+ | } | ||
+ | button:last-child { | ||
+ | right: 0; | ||
+ | } | ||
+ | table { | ||
+ | background: #fff; | ||
+ | border-collapse: collapse; | ||
+ | color: #222; | ||
+ | font-family: 'PT Sans', sans-serif; | ||
+ | font-size: 13px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | td { | ||
+ | border: 1px solid #ccc; | ||
+ | color: #444; | ||
+ | line-height: 22px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | tr:first-child td { | ||
+ | color: #222; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | .selected { | ||
+ | background: #f0951d; | ||
+ | border: 0; | ||
+ | box-shadow: 0 2px 6px rgba(0, 0, 0, .5) inset; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 102: | Line 144: | ||
<!---TEST---> | <!---TEST---> | ||
+ | <!doctype html> | ||
+ | |||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div> | ||
+ | <header> | ||
+ | <button>«</button> | ||
+ | <h2>July 2013</h2> | ||
+ | <button>»</button> | ||
+ | </header> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td>S</td> | ||
+ | <td>M</td> | ||
+ | <td>T</td> | ||
+ | <td>W</td> | ||
+ | <td>Th</td> | ||
+ | <td>F</td> | ||
+ | <td>S</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td>1</td> | ||
+ | <td>2</td> | ||
+ | <td>3</td> | ||
+ | <td>4</td> | ||
+ | <td>5</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>6</td> | ||
+ | <td>7</td> | ||
+ | <td>8</td> | ||
+ | <td>9</td> | ||
+ | <td>10</td> | ||
+ | <td>11</td> | ||
+ | <td>12</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>13</td> | ||
+ | <td>14</td> | ||
+ | <td>15</td> | ||
+ | <td>16</td> | ||
+ | <td class="selected">17</td> | ||
+ | <td>18</td> | ||
+ | <td>19</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>20</td> | ||
+ | <td>21</td> | ||
+ | <td>22</td> | ||
+ | <td>23</td> | ||
+ | <td>24</td> | ||
+ | <td>25</td> | ||
+ | <td>26</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>27</td> | ||
+ | <td>28</td> | ||
+ | <td>29</td> | ||
+ | <td>30</td> | ||
+ | <td>31</td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
<!---TEST--> | <!---TEST--> |
Revision as of 13:28, 11 July 2017