|
|
Line 10: |
Line 10: |
| <head> | | <head> |
| <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/animate.css"> | | <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/animate.css"> |
| | <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/WBR_scripts/WBR_8_20_14.css"> |
| </head> | | </head> |
|
| |
|
| <style type="text/css">
| |
|
| |
|
| input[type=radio].css-checkbox {
| | <script type="text/javascript"> |
| display:none;
| | function ensureLoggedIn() { |
| }
| |
| input[type=radio].css-checkbox + label.css-label {
| |
| display: inline-block;
| |
| *display: inline;
| |
| vertical-align: middle;
| |
| margin: 0;
| |
| width: 20px;
| |
| height: 20px;
| |
| background-repeat: no-repeat;
| |
| background: url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png) no-repeat;
| |
| border: none;
| |
| cursor: pointer;
| |
| background-position: -88px 0;
| |
| }
| |
| input[type=radio].css-checkbox:checked + label.css-label {
| |
| background-position: -110px 0;
| |
| }
| |
| label.css-label {
| |
| background-image:url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png);
| |
| -webkit-touch-callout: none;
| |
| -webkit-user-select: none;
| |
| -khtml-user-select: none;
| |
| -moz-user-select: none;
| |
| -ms-user-select: none;
| |
| user-select: none;
| |
| }
| |
| .examOptionButton {
| |
| font:14px/20px'MontserratRegular', Helvetica, Arial, sans-serif;
| |
| color: #444;
| |
| }
| |
| .examOptionTitle {
| |
| font:24px'MontserratRegular', Helvetica, Arial, sans-serif;
| |
| color:#222
| |
| }
| |
| @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
| |
| input[type=radio].css-checkbox + label.css-label {
| |
| background-image: url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue@2x.png);
| |
| -webkit-background-size: 176px 22px;
| |
| background-size: 176px 22px;
| |
| }
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| | |
| a{
| |
| target-name:new;
| |
| target-new:tab;
| |
| }
| |
| body{
| |
| width:100%;
| |
| margin:0;
| |
| background-color:#FFFFFF;
| |
| }
| |
| | |
| #details{
| |
| position:absolute; background:white; border: 1px solid #D1C9C2; border-top: 0; width: 400px; margin: 0 auto; padding: 7px 15px; text-align: left; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;
| |
| }
| |
| | |
| #content.mw-body{
| |
| width:100%;
| |
| padding:0;
| |
| margin-left:0;
| |
| margin:0;
| |
| border:none;
| |
| }
| |
| #bodyContent{
| |
| width:100%;
| |
| height:100%;
| |
| margin:0;
| |
| }
| |
| | |
| | |
| | |
| #chooseQBank{
| |
| background-color:#0e83cd;
| |
| | |
| }
| |
| body{
| |
| width:100%;
| |
| margin:0;
| |
| }
| |
| | |
| /*Here's some css for the buttons used to select an exam. (.Curric buttons).
| |
| lines comment*/
| |
| .round-button {
| |
| width:100px;
| |
| display:inline-block;
| |
| cursor:pointer;
| |
| }
| |
| .round-button-circle {
| |
| width: 100%;
| |
| height:0;
| |
| padding-bottom: 100%;
| |
| border-radius: 50%;
| |
| border:0px solid #cfdcec;
| |
| overflow:hidden;
| |
| opacity:50%;
| |
|
| |
| background: #3C9AD6;
| |
| }
| |
| | |
| .round-button p {
| |
| font-family: 'Lato', Calibri, Arial, sans-serif;
| |
| | |
| display:block;
| |
| float:left;
| |
| width:100%;
| |
| padding-top:50%;
| |
| padding-bottom:50%;
| |
| line-height:1em;
| |
| margin-top:-0.5em;
| |
|
| |
| text-align:center;
| |
| color:white;
| |
| font-size:3.2em;
| |
| text-decoration:none;
| |
| }
| |
| .round-button p:hover {
| |
| color:#0e83cd;
| |
| transition: background 0.2s, color 0.2s;
| |
| }
| |
| .round-button-circle:hover {
| |
| width: 100%;
| |
| height:0;
| |
| padding-bottom: 100%;
| |
| border-radius: 50%;
| |
| border-spacing:5px;
| |
| border:3px solid #0e83cd;
| |
| overflow:hidden;
| |
| box-shadow: 0 0 0 4px #fff;
| |
| transition: background 0.2s, color 0.2s;
| |
| background: white;
| |
| }
| |
| | |
| | |
| #spacer{
| |
| margin:10px
| |
| }
| |
| | |
| .container > header {
| |
| font-family: 'Lato', Calibri, Arial, sans-serif;
| |
| margin: 0 auto;
| |
| padding: 2em 1em 2em;
| |
| width: 100%;
| |
| text-align: center;
| |
| background: #fff;
| |
| z-index: 999999;
| |
| -webkit-backface-visibility: hidden;
| |
| border-bottom:none;
| |
| margin-bottom:20px;
| |
| }
| |
| .container > header h1 {
| |
| | |
| font-size: 3.625em;
| |
| line-height: 1.3;
| |
| margin: 0;
| |
| font-weight: 300;
| |
| color: #aaa;
| |
| background: #fff;
| |
| border-bottom:none;
| |
| }
| |
| .container > header span {
| |
| | |
| display: block;
| |
| font-size: 60%;
| |
| opacity: 0.6;
| |
| padding: 0 0 0.6em 0.1em;
| |
| border-bottom:none;
| |
| }
| |
| | |
| .examButtons {
| |
| | |
| text-align: center;
| |
| | |
| margin: 0 auto;
| |
| | |
| padding: 2em 0 3em; }
| |
| | |
| .boxed{
| |
| border:0px solid black !important;
| |
| }
| |
| .redBoxed{
| |
| border:0px solid #F00 !important;
| |
| }
| |
| .answer{display: inline}
| |
| .ans_text{
| |
| display: inline;
| |
| cursor: pointer;
| |
| }
| |
| .choice_elim{
| |
| opacity:0.9;
| |
| text-decoration:line-through;
| |
| }
| |
| .flagged{
| |
| color:#FF0000;
| |
| }
| |
| .labvalson{
| |
| display:visible;
| |
| }
| |
| | |
| | |
| .unboxed{
| |
| border:0px;
| |
| }
| |
| #go{
| |
| width:150px;
| |
| height:50px;
| |
| background-color:#0f0;
| |
| }
| |
| | |
| .imageDiv{
| |
| margin:5px 5px 5px 5px;
| |
| }
| |
| | |
| .WBRButton{
| |
| font-family:Arial;
| |
| float:left;
| |
| background-color:#3C9AD6;
| |
| height:40px;
| |
| line-height: 15px;
| |
| border-radius: 15px;
| |
| font-weight:bold;
| |
| width:150px;
| |
| display: table-cell;
| |
| cursor: pointer;
| |
| color:#FFFFFF;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| margin-right:10px;
| |
| }
| |
| | |
| .WBRImgButton{
| |
| font-family:Arial;
| |
| float:left;
| |
| height:40px;
| |
| font-weight:bold;
| |
| width:100px;
| |
| display: table-cell;
| |
| cursor: pointer;
| |
| color:#FFFFFF;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| margin-right:10px;
| |
| }
| |
| | |
| .WBRImgButton img{
| |
| width:auto;
| |
| height:35px;
| |
| }
| |
| | |
| #globalWrapper{
| |
| z-index:-1;
| |
| }
| |
| #content{
| |
| height:100%;}
| |
| #exam{
| |
| height:90%;
| |
| border:none;
| |
| padding:0;
| |
| }
| |
| | |
| #mw-content-text{
| |
| height:100%;}
| |
| | |
| #navPane{
| |
| position:relative;
| |
| float:left;
| |
| width:5%;
| |
| height:calc( 100% - 40px);
| |
| overflow-y:scroll;
| |
| }
| |
| #examSpace{
| |
| position:relative;
| |
| float:right;
| |
| width:94%;
| |
| height:90%;
| |
| overflow-y:scroll;
| |
| }
| |
| #navBar{
| |
| position:relative;
| |
| float:right;
| |
| width:95%;
| |
| background-color:#3366CC;
| |
| }
| |
| #bottomBar {
| |
| height: 40px;
| |
| position: inherit;
| |
| float: right;
| |
| width: 100%;
| |
| background-color: #3366CC;
| |
| }
| |
| #pauseButton{
| |
| float:right;
| |
| margin-bottom:0px;
| |
| height:95%;
| |
| }
| |
| #stopButton{
| |
| float:right;
| |
| margin-right: 5%;
| |
| height=95%;
| |
| margin-bottom:0px;
| |
| }
| |
| .navPaneButton{
| |
| height:20px;
| |
| background-color:#D0D0D0;
| |
| padding-top:5px;
| |
| font-weight:bold;
| |
| text-align: center;
| |
| }
| |
| div.answerNoBorder{
| |
| border:0px solid #FFF;
| |
| }
| |
| div.answerBorder{
| |
| border:0px solid #000;
| |
| }
| |
| div.explanationHide{
| |
| height:0px;
| |
| visibility:hidden;
| |
| }
| |
| div.explanationShow{
| |
| height:auto;
| |
| visibility:visible;
| |
| }
| |
| #tutorOrExamContainer{
| |
| background-color:#E3E5E5;
| |
| }
| |
| .examButtonNotSelected {
| |
| opacity:0.4;
| |
| }
| |
| | |
| #CategorySelectionTable td{
| |
| font: 14px/20px'MontserratRegular', Helvetica, Arial, sans-serif;
| |
| color: #444;
| |
| }
| |
| | |
| .arrow-up {
| |
| width: 0px;
| |
| height: 0;
| |
| border-left: 10px solid transparent;
| |
| border-right: 10px solid transparent;
| |
| border-bottom: 10px solid white;
| |
| }
| |
| | |
| #wjgContainer { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}
| |
| #report { border-collapse:collapse;
| |
| width:90%}
| |
| #report h4 { margin:0px; padding:0px;}
| |
| #report img { float:right;}
| |
| #report ul { margin:10px 0 10px 40px; padding:0px;}
| |
| #report th { background:#7CB8E2 url(http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;}
| |
| #report td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; }
| |
| #report tr.odd td { background:#fff url(http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/row_bkg.png) repeat-x scroll center left; cursor:pointer; }
| |
| #report div.arrow { background:transparent url(http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
| |
| #report div.up { background-position:0px 0px;}
| |
| | |
| #tableContainer {
| |
| overflow-y: scroll;
| |
| height: 300px;}
| |
| | |
| #metrics{
| |
| width:80%;
| |
| text-align: center;
| |
| }
| |
| #tableContainer .cell{
| |
| width:20%;
| |
| text-align: center;
| |
| display: inline-block;
| |
| }
| |
| #tableContainer span{
| |
| width:100%;
| |
| }
| |
| | |
| </style>
| |
| <script type="text/javascript">function ensureLoggedIn() { | |
| mw.loader.load('mediaWiki.user'); | | mw.loader.load('mediaWiki.user'); |
| if ($.isEmptyObject(wgUserName)) { | | if ($.isEmptyObject(wgUserName)) { |