Team:IIT Kharagpur/notebookcss

.notebook-side { background:#fff; height:auto; width:200px; font: 200 100%/1.2em 'Lato', sans-serif; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 12px; overflow: hidden; z-index: 1; }

.notebook-mid { }

.notebook-side1 { }

.notebook-side.affix { position: fixed; top: 65px; }

@media (min-width: 992px) {

.notebook-side.affix { position: fixed; top: 65px; } }

@media (max-width: 991px) { .notebook-side { display: none; } }

.notebook-data-box1 { margin: 10px 0 10px 0; height:auto; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding:10px; }

h2 { font-size: 2em; line-height: 1.25em; margin: .25em 0; text-align: center; }

h3 { font-size: 1.5em; line-height: 1em; margin: .33em 0; }

table { border-collapse: collapse; border-spacing: 0; }

/* ---------- CALENDAR ---------- */

.calendar { }

.calendar header { position: relative; }

.calendar h2 { text-transform: uppercase; }

.calendar thead { font-weight: 600; text-transform: uppercase; }

.calendar tbody { color: #7c8a95; }

.calendar tbody td:hover { border: 2px solid #00addf; }

.calendar td { margin:1px 1px 1px 1px; border: 2px solid transparent; border-radius: 2px; display: inline-block; color:#000; height: 1.6em; line-height: 1.4em; text-align: center; width: 1.6em; }

.event a { text-decoration: none; color: #000; }

.event div { height:100%; width:100%; }

.calender td a:hover { text-decoration: none; color: #000; }

.event { background:#ADEBFF; }

.calendar .prev-month, .calendar .next-month { color: #cbd1d2; }

.calendar .prev-month:hover, .calendar .next-month:hover { border: 2px solid #cbd1d2; }

.current-day { background: #00addf; color: #f9f9f9; }

.event.current-day:after { background: #f9f9f9; }