Difference between revisions of "Team:Penn/Notebook"
Line 80: | Line 80: | ||
</tr> | </tr> | ||
</table> | </table> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | * { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .clasp { | ||
+ | background: #aaaaaa; | ||
+ | border: 1px solid #999999; | ||
+ | border-radius: 4px; | ||
+ | box-shadow: 0 -1px 5px rgba(0,0,0,0.4), inset -1px 1px 2px white; | ||
+ | display: block; | ||
+ | height: 16px; | ||
+ | position: absolute; | ||
+ | top: -5px; | ||
+ | width: 4px; | ||
+ | z-index: 2000; | ||
+ | } | ||
+ | .clasp.hole-left { | ||
+ | left: 9px; | ||
+ | } | ||
+ | .clasp.hole-right { | ||
+ | right: 9px; | ||
+ | } | ||
+ | |||
+ | .hole { | ||
+ | background: #99ccff; | ||
+ | border-radius: 8px; | ||
+ | box-shadow: 0 -1px 0 black, inset 0 0 20px #878787; | ||
+ | display: block; | ||
+ | height: 8px; | ||
+ | position: absolute; | ||
+ | top: 8px; | ||
+ | width: 8px; | ||
+ | } | ||
+ | |||
+ | .hole-left { | ||
+ | left: 8px; | ||
+ | } | ||
+ | .hole-right { | ||
+ | right: 8px; | ||
+ | } | ||
+ | |||
+ | #calendar { | ||
+ | background: #e4e0e7; | ||
+ | box-shadow: 0 0 20px #878787; | ||
+ | height: 208px; | ||
+ | margin: 20px auto; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | width: 216px; | ||
+ | } | ||
+ | |||
+ | #month { | ||
+ | background: linear-gradient(#bcde4b, #8bc620); | ||
+ | color: white; | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | text-shadow: 0 -1px 0 #878787; | ||
+ | width: 216px; | ||
+ | } | ||
+ | |||
+ | #days { | ||
+ | background: linear-gradient(#f4f4f4, #ebebeb); | ||
+ | -webkit-box-shadow: 0 1px 0 #aaaaaa; | ||
+ | } | ||
+ | |||
+ | table.days { | ||
+ | color: #888888; | ||
+ | font-size: 11px; | ||
+ | width: 216px; | ||
+ | } | ||
+ | |||
+ | table.day td, table.days td { | ||
+ | width: 30px; | ||
+ | } | ||
+ | |||
+ | table.day td { | ||
+ | background: #f4f0f7; | ||
+ | color: #878787; | ||
+ | height: 29px; | ||
+ | box-shadow: 0 -1px 0 white; | ||
+ | } | ||
+ | |||
+ | table.day td.old-month { | ||
+ | color: #aaaaaa; | ||
+ | } | ||
+ | |||
+ | table.day td:hover { | ||
+ | background: #e9e9ee; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | table.day td.selected { | ||
+ | background: linear-gradient(#bcde4b, #8bc620); | ||
+ | color: white; | ||
+ | text-shadow: 0 -1px 0 #878787; | ||
+ | } | ||
+ | |||
+ | table.day td.appoint { | ||
+ | border-bottom: 2px solid #99ccff; | ||
+ | } | ||
+ | </style> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 00:40, 27 August 2015
« March 2012 »
SUN | MON | TUE | WED | THU | FRI | SAT |
26 | 27 | 28 | 29 | 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |