From 96fedc0cb68405a22db2128d49674c3554d454d7 Mon Sep 17 00:00:00 2001 From: Kyle Fiedler Date: Thu, 8 Mar 2012 16:04:14 -0500 Subject: [PATCH] Added image for sliders and styles for sliders --- css/application.css | 118 +++++++++++++++++++++++++++++++++++++---- images/slider-bars.png | Bin 0 -> 116 bytes 2 files changed, 109 insertions(+), 9 deletions(-) create mode 100644 images/slider-bars.png diff --git a/css/application.css b/css/application.css index e45b0b769a..0590ab3007 100644 --- a/css/application.css +++ b/css/application.css @@ -2540,6 +2540,38 @@ div.course-wrapper section.course-content ol.vert-mod > li:last-child { div.course-wrapper section.course-content section.tutorials ul { list-style: disc outside none; margin-left: 22.652px; } +div.course-wrapper section.course-content div.staff_info { + white-space: pre-wrap; + border-top: 1px solid #ccc; + padding-top: 22.652px; + margin-top: 22.652px; + line-height: 22.652px; + font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace; } +div.course-wrapper section.course-content div.ui-slider { + border: 1px solid #aaa; + background: #ddd; + -webkit-box-shadow: inset 0 1px 0 #eeeeee; + -moz-box-shadow: inset 0 1px 0 #eeeeee; + -ms-box-shadow: inset 0 1px 0 #eeeeee; + -o-box-shadow: inset 0 1px 0 #eeeeee; + box-shadow: inset 0 1px 0 #eeeeee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } +div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle { + -webkit-box-shadow: inset 0 1px 0 #bf4040; + -moz-box-shadow: inset 0 1px 0 #bf4040; + -ms-box-shadow: inset 0 1px 0 #bf4040; + -o-box-shadow: inset 0 1px 0 #bf4040; + box-shadow: inset 0 1px 0 #bf4040; + background: #993333 url(/static/images/slider-bars.png) center center no-repeat; + border: 1px solid #4d1919; + cursor: pointer; } +div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:hover, div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:focus { + background-color: #bf4040; + outline: none; } div.course-wrapper.closed section.course-index { width: 3.077%; } div.course-wrapper.closed section.course-index header#open_close_accordion { @@ -2663,14 +2695,14 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr -o-box-shadow: inset 0 1px 0 #bf4040; box-shadow: inset 0 1px 0 #bf4040; background: #993333 url(/static/images/slider-handle.png) center center no-repeat; - border: 0; border: 1px solid #4d1919; cursor: pointer; height: 20px; margin-left: -10px; top: -4px; width: 20px; } -section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider a.ui-slider-handle:focus { +section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider a.ui-slider-handle:focus, section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider a.ui-slider-handle:hover { + background-color: #bf4040; outline: none; } section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr { float: left; @@ -3022,15 +3054,15 @@ div#graph-container div.graph-controls { float: left; } div#graph-container div.graph-controls select#musicTypeSelect { display: block; - margin-bottom: 45.304px; } + margin-bottom: 22.652px; } div#graph-container div.graph-controls div#graph-output { display: block; - margin-bottom: 45.304px; } + margin-bottom: 22.652px; } div#graph-container div.graph-controls div#graph-listen { display: block; - margin-bottom: 45.304px; } -div#graph-container div.graph-controls p { margin-bottom: 22.652px; } +div#graph-container div.graph-controls p { + margin-bottom: 11.326px; } div#graph-container div.graph-controls div#label { display: inline-block; } div#graph-container div.graph-controls input#playButton { @@ -3270,7 +3302,8 @@ div.profile-wrapper section.user-info ul li { -o-box-shadow: 0 1px 0 #eeeeee; box-shadow: 0 1px 0 #eeeeee; padding: 7px 22.652px; - border-bottom: 1px solid #d3d3d3; } + border-bottom: 1px solid #d3d3d3; + position: relative; } div.profile-wrapper section.user-info ul li div#location_sub, div.profile-wrapper section.user-info ul li div#language_sub { font-weight: bold; display: -moz-inline-box; @@ -3280,12 +3313,29 @@ div.profile-wrapper section.user-info ul li div#location_sub, div.profile-wrappe zoom: 1; *display: inline; *vertical-align: auto; } -div.profile-wrapper section.user-info ul li div#location_sub input, div.profile-wrapper section.user-info ul li div#language_sub input { - margin: 11.326px 0; } +div.profile-wrapper section.user-info ul li div#location_sub form, div.profile-wrapper section.user-info ul li div#language_sub form { + width: 100%; } +div.profile-wrapper section.user-info ul li div#location_sub input[type="text"], div.profile-wrapper section.user-info ul li div#language_sub input[type="text"] { + margin: 11.326px 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } div.profile-wrapper section.user-info ul li div#location_sub:empty, div.profile-wrapper section.user-info ul li div#language_sub:empty { padding: 0; } div.profile-wrapper section.user-info ul li div#description { font-size: 12px; } +div.profile-wrapper section.user-info ul li a#change_language, div.profile-wrapper section.user-info ul li a#change_location { + position: absolute; + top: 9px; + right: 11.326px; + text-transform: uppercase; + font-size: 12px; + color: #999; } +div.profile-wrapper section.user-info ul li a#change_language:hover, div.profile-wrapper section.user-info ul li a#change_location:hover { + color: #555; } div.profile-wrapper section.user-info div#change_password_pop { padding: 7px 22.652px; color: #4D4D4D; } @@ -5471,6 +5521,17 @@ div.question-header div.question-container div.comments-container div.comments-c display: block; } div.question-header div.question-container div.comments-container div.comments-content .block:first-child, div.answer-block div.question-container div.comments-container div.comments-content .block:first-child, div.paginator div.question-container div.comments-container div.comments-content .block:first-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block:first-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.answer-container div.comments-container div.comments-content .block:first-child { border-top: 0; } +div.question-header div.question-container div.comments-container div.comments-content .block.official, div.answer-block div.question-container div.comments-container div.comments-content .block.official, div.paginator div.question-container div.comments-container div.comments-content .block.official, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official, div.question-header div.paginator div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.question-header div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.answer-container div.comments-container div.comments-content .block.official { + padding-top: 10px; } +div.question-header div.question-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.question-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.question-container div.comments-container div.comments-content .block.official span.official-comment, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.question-header div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.question-header div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment { + background: #993333; + color: #fff; + display: block; + font-size: 12px; + margin: 0 0 10px -5%; + padding: 2px 5px 2px 5%; + text-align: left; + width: 100px; } div.question-header div.question-container div.comments-container div.comments-content form.post-comments, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments, div.paginator div.question-container div.comments-container div.comments-content form.post-comments, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments { padding: 15px; } div.question-header div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child { @@ -5619,6 +5680,14 @@ div.answer-block, div.paginator { float: left; padding-top: 20px; width: 100%; } +div.answer-block div.official-stamp, div.paginator div.official-stamp { + background: #993333; + color: #fff; + font-size: 12px; + margin-top: 10px; + padding: 2px 5px; + text-align: center; + margin-left: -1px; } div.answer-block img.answer-img-accept, div.paginator img.answer-img-accept { margin: 10px 0px 10px 16px; } div.answer-block div.answered-by-owner p, div.paginator div.answered-by-owner p { @@ -5777,6 +5846,37 @@ form.question-form input[type="text"] { form.question-form input[type="checkbox"] { margin-top: 10px; } +div#question-list { + background-color: rgba(255, 255, 255, 0.95); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-top: -15px; + max-width: 505px; + min-width: 300px; + overflow: hidden; + padding-left: 5px; + position: absolute; + width: 35%; + z-index: 9999; } +div#question-list h2 { + text-transform: none; + padding: 8px 0; + border-bottom: 1px solid #eee; + margin: 0; } +div#question-list h2 span { + background: #eee; + color: #555; + padding: 2px 5px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + margin-right: 5px; } + #wmd-button-bar { border: 1px solid #ddd; height: 36px; diff --git a/images/slider-bars.png b/images/slider-bars.png new file mode 100644 index 0000000000000000000000000000000000000000..f2e014f4b7ae9af111c6cd5632d9cf635c3d4e94 GIT binary patch literal 116 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4S$n!ThE&{o+jWqWK|$c~uJ#Af zPcFpHaTmX^Fxzo|J9oqh