codecourses.github.com/index.html at master · CodeCourses/codecourses.github.com · GitHub

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!doctype html>
<html>
<head>
<title>SUPINFO - Code Courses</title>
<metaname="viewport" content="width=device-width, initial-scale=1">
<linkrel="stylesheet" href="scripts/lib/jquerymobile/jquery.mobile-1.1.1.min.css" />
<linkrel="stylesheet" href="scripts/lib/jquerymobile/jquery.mobile.structure-1.1.1.min.css" />
<linkrel="stylesheet" href="scripts/lib/jquerymobile/jquery.mobile.theme-1.1.1.min.css" />
<scriptsrc="scripts/lib/jquery-1.8.0.min.js"></script>
<scriptsrc="scripts/lib/jquerymobile/jquery.mobile-1.1.1.min.js"></script>
<scriptdata-main="scripts/app" src="scripts/lib/require.js"></script>
<!-- No need to include jqueryUI CSS. Moreover, jQuery Mobile conflict -->
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style>
/* Common style */
#course-page-content { border-left:1px solid #BBB; padding-left:10px; min-height:300px; }
#course-page-content>div { display: none; }
 .repository { float: right; }
 .selected {
border-radius:5px5px00;
border:1px solid #BBB;
background:#D6D6D6;
font-weight: bold;
color:#222;
text-shadow:01px0 white;
background-image:-webkit-gradient(linear,left top,left bottom,from(#D0D0D0),to(#DFDFDF));
background-image:-webkit-linear-gradient(#D0D0D0,#DFDFDF);
background-image:-moz-linear-gradient(#D0D0D0,#DFDFDF);
background-image:-ms-linear-gradient(#D0D0D0,#DFDFDF);
background-image:-o-linear-gradient(#D0D0D0,#DFDFDF);
background-image:linear-gradient(#D0D0D0,#DFDFDF);
 }

/* Tablets/Smartphones */
@media (max-width:959px) {
nav { margin:15px; width: auto;}
#course-page-content>div:target { width:100%; display: none; }
header.ui-header.ui-bar-a>h1.ui-title { width:100%; margin:.6em0.8em;}
div.ui-collapsible-content { padding:10px010px10px; }
div.ui-collapsible-content>ul.courses.ui-listview
>li.coursediv.ui-btn-texta { padding:10px40px10px10px; }
div.ui-collapsible-content>ul.courses.ui-listview
>li.coursediv.ui-btn-texta>h2 {
width:100%;
display: block;
margin:0;
overflow: auto;
font-size:.9em;
white-space: normal;
 }
div.ui-collapsible-content>ul.courses.ui-listview
>li.coursediv.ui-btn-texta>img.ui-li-thumb { display: none; }
 }

/* Computer screen */
@media all and (min-width:960px) {
nav { width:25%; margin:30px; float: left; }
 .go-back { display: none; }
 }
</style>
</head>
<body>
<sectionid="main-page" data-role="page">
<headerdata-role="header">
<h1>SUPINFO - Code Courses</h1>
</header>
<navdata-role="nav">
<divid="main-page-content" data-role="collapsible-set">

</div>
</nav>
<divid="course-page-content" data-role="content">
<div>
<ulclass="course_files ui-listview ui-listview-inset ui-corner-all ui-shadow"
data-role="listview" data-inset="true">

</ul>
<aclass="repository" href="#">Versioning</a>
<adata-role="button" data-icon="back" class="go-back" href="#" >Go back</a>
</div>
</div>
</section>
</body>
</html>