+ schedule template;
This commit is contained in:
tmshv committed
1 parent
0a286144fc
commit
c456f2c6db
6 files changed
+572
No files matched your search
+1
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotatLine truncated
|
||||
@@ -0,0 +1,322 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="animate.min.css">
|
||||
<link rel="stylesheet" href="schedule.css">
|
||||
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
|
||||
<script src="schedule.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="menu">
|
||||
<ul>
|
||||
<li><span>Школа</span></li>
|
||||
<li class="selected green"><a href="/">Расписание</a></li>
|
||||
<li><span>Занятия</span></li>
|
||||
<li><a href="/team">Коллектив</a></li>
|
||||
<li><span>Галерея</span></li>
|
||||
<li><a href="/docs">Документы</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="schedule">
|
||||
<ul>
|
||||
<li><a href="">2012, осень</a></li>
|
||||
<li><a href="">2013, весна</a></li>
|
||||
<li><a href="">2013, осень</a></li>
|
||||
<li class="current">2014, весна</li>
|
||||
</ul>
|
||||
<table>
|
||||
<thead>
|
||||
<th class="group">Гр.</th>
|
||||
<th>
|
||||
<p class="day">Понедельник</p>
|
||||
<p class="date">30</p>
|
||||
</th>
|
||||
<th>
|
||||
<p class="day">Вторник</p>
|
||||
<p class="date">1</p>
|
||||
</th>
|
||||
<th>
|
||||
<p class="day">Среда</p>
|
||||
<p class="date">2</p>
|
||||
</th>
|
||||
<th class="current first">
|
||||
<p class="day">Четверг</p>
|
||||
<p class="date">3</p>
|
||||
</th>
|
||||
<th>
|
||||
<p class="day">Пятница</p>
|
||||
<p class="date">4</p>
|
||||
</th>
|
||||
<th class="weekend">
|
||||
<p class="day">Суббота</p>
|
||||
<p class="date">5</p>
|
||||
</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="group">
|
||||
<p>1</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td class="canceled">
|
||||
<p class="lesson"><a href="">Живопись</a></p>
|
||||
<p class="teacher"><a href="">В. Ю. Саржин</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Макетирование</a></p>
|
||||
<p class="teacher"><a href="">А. С. Тимашева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td class="current">
|
||||
<p class="lesson"><a href="">Композиция</a></p>
|
||||
<p class="teacher"><a href="">А. А Андеева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">История искусства</a></p>
|
||||
<p class="teacher"><a href="">М. Ю. Валькова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Комп. графика</a></p>
|
||||
<p class="teacher"><a href="">Р. К. Тимашев</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="group">
|
||||
<p>2</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:4</p>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
</td>
|
||||
<td class="current">
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:4</p>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="group">
|
||||
<p>3</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Живопись</a></p>
|
||||
<p class="teacher"><a href="">В. Ю. Саржин</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Макетирование</a></p>
|
||||
<p class="teacher"><a href="">А. С. Тимашева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td class="current">
|
||||
<p class="lesson"><a href="">Композиция</a></p>
|
||||
<p class="teacher"><a href="">А. А Андеева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">История искусства</a></p>
|
||||
<p class="teacher"><a href="">М. Ю. Валькова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="group">
|
||||
<p>4</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Живопись</a></p>
|
||||
<p class="teacher"><a href="">В. Ю. Саржин</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Макетирование</a></p>
|
||||
<p class="teacher"><a href="">А. С. Тимашева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td class="current">
|
||||
<p class="lesson"><a href="">Композиция</a></p>
|
||||
<p class="teacher"><a href="">А. А Андеева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">История искусства</a></p>
|
||||
<p class="teacher"><a href="">М. Ю. Валькова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="group">
|
||||
<p>5</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Живопись</a></p>
|
||||
<p class="teacher"><a href="">В. Ю. Саржин</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Макетирование</a></p>
|
||||
<p class="teacher"><a href="">А. С. Тимашева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td class="current">
|
||||
<p class="lesson"><a href="">Композиция</a></p>
|
||||
<p class="teacher"><a href="">А. А Андеева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">История искусства</a></p>
|
||||
<p class="teacher"><a href="">М. Ю. Валькова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="group">
|
||||
<p>6</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Живопись</a></p>
|
||||
<p class="teacher"><a href="">В. Ю. Саржин</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Макетирование</a></p>
|
||||
<p class="teacher"><a href="">А. С. Тимашева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td class="current">
|
||||
<p class="lesson"><a href="">Композиция</a></p>
|
||||
<p class="teacher"><a href="">А. А Андеева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">История искусства</a></p>
|
||||
<p class="teacher"><a href="">М. Ю. Валькова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="group">
|
||||
<p>7</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Рисунок</a></p>
|
||||
<p class="teacher"><a href="">С. А. Латыпова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Живопись</a></p>
|
||||
<p class="teacher"><a href="">В. Ю. Саржин</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td class="current last">
|
||||
<p class="lesson"><a href="">Композиция</a></p>
|
||||
<p class="teacher"><a href="">А. А Андеева</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">История искусства</a></p>
|
||||
<p class="teacher"><a href="">М. Ю. Валькова</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="lesson"><a href="">Компьютераня графика</a></p>
|
||||
<p class="teacher"><a href="">Р. К. Тимашев</a></p>
|
||||
<p class="time">15:00—15:45</p>
|
||||
<p class="time">15:55—16:40</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none" style="stroke: rgba(218,68,68,1); stroke-width: 2" >
|
||||
<line x1="0" y1="0" x2="100" y2="100" vector-effect="non-scaling-stroke" />
|
||||
<line x1="0" y1="100" x2="100" y2="0" vector-effect="non-scaling-stroke" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 312 B |
@@ -0,0 +1,44 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
body {
|
||||
font-family: "PT Sans"; }
|
||||
|
||||
.menu {
|
||||
width: 100%;
|
||||
background-color: black;
|
||||
font-size: 13pt;
|
||||
color: #666; }
|
||||
.menu ul {
|
||||
margin-left: 50px; }
|
||||
.menu li {
|
||||
display: inline-block;
|
||||
padding: 5px 3px 13px 3px;
|
||||
margin-right: 30px; }
|
||||
.menu :link, .menu :visited {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #333;
|
||||
color: #666; }
|
||||
.menu a:hover {
|
||||
color: white; }
|
||||
.menu .vk {
|
||||
float: right;
|
||||
margin: 13px 15px 0 0;
|
||||
border: none; }
|
||||
|
||||
.selected {
|
||||
border-top: 4px solid white;
|
||||
font-weight: bold; }
|
||||
.selected a:link, .selected a:visited {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-bottom: none; }
|
||||
.selected.blue {
|
||||
border-top: 4px solid #3f9cea; }
|
||||
.selected.green {
|
||||
border-top: 4px solid #5cbe40; }
|
||||
.selected.yellow {
|
||||
border-top: 4px solid #ffee00; }
|
||||
.selected.pink {
|
||||
border-top: 4px solid #f655a0; }
|
||||
@@ -0,0 +1,190 @@
|
||||
.schedule{
|
||||
position: relative;
|
||||
margin: 30px auto 0 auto;
|
||||
}
|
||||
|
||||
.schedule table{
|
||||
position: relative;
|
||||
margin: 0 auto 0 auto;
|
||||
|
||||
border-spacing: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.schedule thead th{
|
||||
font-weight: normal;
|
||||
vertical-align: baseline;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.schedule thead .date{
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.schedule thead th{
|
||||
padding: 10px 0 0;
|
||||
}
|
||||
|
||||
.schedule thead th.weekend{
|
||||
color: #f52;
|
||||
}
|
||||
|
||||
.schedule tbody tr:nth-child(odd){
|
||||
background-color: #f9f9fd;
|
||||
}
|
||||
|
||||
.schedule table td{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.schedule table td:not(.group){
|
||||
min-width: 150px;
|
||||
/* width: 15%;*/
|
||||
width: 150px;
|
||||
padding: 8px 10px 8px;
|
||||
|
||||
vertical-align:baseline;
|
||||
}
|
||||
|
||||
.schedule thead .group{
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.schedule table td.group p{
|
||||
position: absolute;
|
||||
width:30px;
|
||||
height: 30px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 7px auto 0 auto;
|
||||
padding: 7px;
|
||||
border: 1px solid #e8e8e8;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.schedule table tr:nth-child(even) td.group p{
|
||||
background-color: #f9f9fd;
|
||||
}
|
||||
|
||||
.schedule table td.group{
|
||||
min-width: 60px;
|
||||
/* width: 5%;*/
|
||||
width: 60px;
|
||||
position: relative;
|
||||
vertical-align:baseline;
|
||||
}
|
||||
|
||||
.schedule .lesson{
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.schedule .teacher{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.schedule p{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.schedule a{
|
||||
color: black;
|
||||
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.schedule .current{
|
||||
border-left: 2px solid #4b8ff3;
|
||||
border-right: 2px solid #4b8ff3;
|
||||
}
|
||||
|
||||
.schedule .current.first{
|
||||
border-radius: 15px 15px 0 0;
|
||||
border-top: 2px solid #4b8ff3;
|
||||
}
|
||||
|
||||
.schedule .current.last{
|
||||
border-radius: 0 0 15px 15px;
|
||||
border-bottom: 2px solid #4b8ff3;
|
||||
}
|
||||
|
||||
.schedule .canceled:before{
|
||||
position: absolute;
|
||||
content: "";
|
||||
width:70%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 15%;
|
||||
background-image: url(lesson-canceled.svg);
|
||||
}
|
||||
|
||||
.schedule ul{
|
||||
margin: 0px auto 30px auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.schedule ul li{
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.schedule ul a{
|
||||
color: #3f9cea;
|
||||
border-bottom: 1px dashed #ccc;
|
||||
display: inline-block;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.schedule ul li.current{
|
||||
color: #68aeff;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
/* color: #555;*/
|
||||
/* padding: 5px 15px;*/
|
||||
/* border: 1px solid #4b8ff3;*/
|
||||
/* border-radius: 100px;*/
|
||||
}
|
||||
|
||||
.schedule thead.fix{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background-color: rgba(255, 255, 255, 0.96);
|
||||
z-index: 100;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.schedule thead{
|
||||
-webkit-animation-duration: 0.3s;
|
||||
}
|
||||
|
||||
.schedule thead.fix .current{
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
color: #3f9cea;
|
||||
width: 155px;
|
||||
}
|
||||
|
||||
.schedule thead.fix th{
|
||||
/* border: 1px solid black;*/
|
||||
}
|
||||
|
||||
.schedule thead.fix th:not(.group){
|
||||
min-width: 150px;
|
||||
/* width: 15%;*/
|
||||
width: 150px;
|
||||
padding: 8px 10px 8px;
|
||||
}
|
||||
|
||||
.schedule thead.fix th.group{
|
||||
width: 63px;
|
||||
}
|
||||
|
||||
.schedule tbody.fix:before{
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: 90px;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
$(document).ready(function(){
|
||||
$(window).scroll(function(){
|
||||
if ($(window).scrollTop() >= 220) {
|
||||
$(".schedule table thead").addClass("fix animated fadeInDown");
|
||||
$(".schedule table tbody").addClass("fix");
|
||||
}else{
|
||||
$(".schedule table thead").removeClass("fix animated fadeInDown");
|
||||
$(".schedule table tbody").removeClass("fix");
|
||||
}
|
||||
});
|
||||
});
|
||||
Reference in new issue
Block a user