diff options
| -rw-r--r-- | assets/css/style.css | 45 | ||||
| -rw-r--r-- | assets/images/exam.png | bin | 0 -> 141238 bytes | |||
| -rw-r--r-- | assets/images/right-arrow.png | bin | 0 -> 4231 bytes | |||
| -rw-r--r-- | questions.html | 71 |
4 files changed, 97 insertions, 19 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index c3aae4a..4987db6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -300,17 +300,33 @@ main [id^="sol-"] div.comments ul li p.user-comment { #solutions-main{ min-height: 100%; padding-top: 65px; + text-align: left; } /*the section which holds each of the solutions*/ + section.solutions-card{ text-align: left; background-color: white; border-radius: 20px; width: 95%; margin-left: 2.5%; + margin-bottom: 2%; cursor: pointer; + padding-bottom: 5px; +} + +section.solutions-card .right-arrow { + vertical-align: middle; +} + +section.solutions-card img { + margin-top: 12px; + margin-right: 8px; + width: 40px; + height: auto; } + /*the title of the course*/ h3.solutions-title{ font-family: 'Roboto',sans-serif; @@ -345,23 +361,42 @@ p.solutions-type{ /**********************************************************************************************************************/ +/*THE EXAM QUESTIONS PAGE BEGINS HERE*/ +.exam-info { + margin-left: 5%; + display: inline-block; +} + +img.exam-info { + padding: 10px; + min-width: 30%; + vertical-align: top; +} + +section.exam-info em { + font-weight: bold; +} + + + .questions-number{ - font-family: 'Roboto',sans-serif; font-size: large; color: #333333; margin-left: 5%; margin-bottom: 5px; - padding-top: 15px; + } -.questions-comment{ - font-family: 'Roboto',sans-serif; +.questions-comment, .questions-sol-num{ font-size: medium; color: dimgrey; - margin-left: 5%; margin-top: 0px; padding-bottom: 15px; } +.questions-sol-num { + margin-left: 5%; +} + /********** user-profile styles **********/ .user-info-content{ padding-top: 100px; diff --git a/assets/images/exam.png b/assets/images/exam.png Binary files differnew file mode 100644 index 0000000..5bb13ad --- /dev/null +++ b/assets/images/exam.png diff --git a/assets/images/right-arrow.png b/assets/images/right-arrow.png Binary files differnew file mode 100644 index 0000000..e3b8f57 --- /dev/null +++ b/assets/images/right-arrow.png diff --git a/questions.html b/questions.html index a3e805d..f8130a6 100644 --- a/questions.html +++ b/questions.html @@ -86,27 +86,70 @@ <main id = 'solutions-main'> <div class = 'search container' id = 'solutions-div'> - <h1 id = 'solutions-header'>CSC309-Programming on the Web</h1> + <!--<h1 id = 'solutions-header'>CSC309-Programming on the Web</h1> <h3> Summer, 2016</h3> - <h3> Final</h3> - <section class = 'solutions-card'> - <h3 class = 'questions-number'>Question 1</h3> - <p class = 'questions-comment' >Comments: 4</p> + <h3> Final</h3>--> + <a href="http://www.cs.toronto.edu/~fpitt/CSC148/20131/tests/test1-0101.pdf" target='_blank'><img src="assets/images/exam.png" class='exam-img img-responsive exam-info'></a> + + <section class='exam-info'> + <h3>CSC148</h3> + <p>Winter 2015 exam</p> + <p><em>Instructor(s): </em>Fairgrieve and Hangerman </p> + <p><em>Upload date:</em> 2016-07-08</p> + <p><em>Uploaded by:</em> John Smith</p> + <p><em>Page count:</em> 22</p> + <p><em>Question count:</em> 10</p> </section> - <section class = 'solutions-card'> - <h3 class = 'questions-number'>Question 2</h3> - <p class = 'questions-comment' >Comments: 3</p> + <section class = 'solutions-card row'> + <div class='pull-left col-sm-8 col-md-8'> + <h3 class = 'questions-number'>Question 1</h3> + <p><span class='questions-sol-num'>2 solutions, </span> <span class = 'questions-comment'>6 comments</span></p> + </div> + <div class='pull-right right-arrow'> + <img class='rounded' src="assets/images/right-arrow.png"> + </div> </section> - <section class = 'solutions-card'> - <h3 class = 'questions-number'>Question 3</h3> - <p class = 'questions-comment' >Comments: 2</p> + <section class = 'solutions-card row'> + <div class='pull-left col-sm-8 col-md-8'> + <h3 class = 'questions-number'>Question 2</h3> + <p><span class='questions-sol-num'>1 solution, </span> <span class = 'questions-comment'>2 comments</span></p> + </div> + <div class='pull-right right-arrow'> + <img class='rounded' src="assets/images/right-arrow.png"> + </div> </section> - <section class = 'solutions-card'> - <h3 class = 'questions-number'>Question 4</h3> - <p class = 'questions-comment' >Comments: 1</p> + <section class = 'solutions-card row'> + <div class='pull-left col-sm-8 col-md-8'> + <h3 class = 'questions-number'>Question 3</h3> + <p><span class='questions-sol-num'>1 solution, </span> <span class = 'questions-comment'>2 comments</span></p> + </div> + <div class='pull-right right-arrow'> + <img class='rounded' src="assets/images/right-arrow.png"> + </div> + + </section> + + <section class = 'solutions-card row'> + <div class='pull-left col-sm-8 col-md-8'> + <h3 class = 'questions-number'>Question 4</h3> + <p><span class='questions-sol-num'>3 solutions, </span> <span class = 'questions-comment'>2 comments</span></p> + </div> + <div class='pull-right right-arrow'> + <img class='rounded' src="assets/images/right-arrow.png"> + </div> + </section> + + <section class = 'solutions-card row'> + <div class='pull-left col-sm-8 col-md-8'> + <h3 class = 'questions-number'>Question 5</h3> + <p><span class='questions-sol-num'>0 solutions </span> <span class = 'questions-comment'></span></p> + </div> + <div class='pull-right right-arrow'> + <img class='rounded' src="assets/images/right-arrow.png"> + </div> </section> </div> |
