easystyle.css
Bild: easystyle.css
easystyle.css
— 7 KB
Dateiinhalt
easystyle.css /* This is the CSS stylesheet used in the exercise. */ /* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */ .RTLText{ text-align: right; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial; } .CentredRTLText{ text-align: center; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial; } button p.RTLText{ text-align: center; } .RTLGapBox{ text-align: right; font-size: 150%; direction: rtl; font-family: "Times New Roman", Geneva,Arial; } .Guess{ font-weight: bold; } .CorrectAnswer{ font-weight: bold; } div.Titles{ padding: 10px; text-align: center; color: #0000ff; } button{ display: inline; } .ExerciseTitle{ font-size: large; color: #888888; } .ExerciseSubtitle{ color: #888888; } div#Timer{ padding: 6px; margin-left: auto; margin-right: auto; text-align: center; } span#TimerText{ padding: 6px; border-width: 1px; border-style: solid; font-weight: bold; display: none; } span.Instructions{ } div.ExerciseText{ } .FeedbackText{ color: #0000ff; } span.LeftItem{ font-size: small; color: #000000; } span.RightItem{ font-weight: bold; font-size: small; color: #000000; } span.CorrectMark{ } div.Feedback { background-color: #fff1c9; left: 33%; width: 34%; top: 33%; z-index: 1; border-style: solid; border-width: 1px; padding: 5px; text-align: center; color: #0000ff; position: absolute; display: none; font-size: small; } div.ExerciseDiv{ color: #000000; } /* JMatch flashcard styles */ table.FlashcardTable{ background-color: transparent; color: #000000; border-color: #000000; margin-left: 5%; margin-right: 5%; margin-top: 2em; margin-bottom: 2em; width: 90%; position: relative; align: center; padding: 0px; } table.FlashcardTable tr{ border-style: none; margin: 0px; padding: 0px; background-color: #ffe080; } table.FlashcardTable td.Showing{ font-size: large; text-align: center; width: 50%; display: table-cell; padding: 2em; margin: 0px; border-style: solid; border-width: 1px; color: #000000; background-color: #ffe080; } table.FlashcardTable td.Hidden{ display: none; } /* JMix styles */ div#SegmentDiv{ margin-top: 2em; margin-bottom: 2em; text-align: center; } a.ExSegment{ font-size: medium; font-weight: bold; text-decoration: none; color: #000000; } span.RemainingWordList{ font-style: italic; } div.DropLine { position: absolute; text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #0000ff; width: 80%; } /* JCloze styles */ input{ font-family: Geneva,Arial; font-size: larger; } .ClozeWordList{ text-align: center; font-weight: bold; } div.ClozeBody{ background-color: #cee3a5; text-align: left; margin-top: 2em; margin-bottom: 2em; line-height: 2.0 } div.ExDiv{ background-color: #fff1c9; text-align: center; font-size: small; color: #000000; padding: 8px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000000; margin: 1px; } span.GapSpan{ font-weight: bold; } /* JCross styles */ table.CrosswordGrid{ margin: auto auto 1em auto; border-collapse: collapse; padding: 0px; } table.CrosswordGrid td{ width: 1.5em; height: 1.5em; text-align: center; vertical-align: middle; font-size: large; padding: 0px; margin: 0px; border-style: solid; border-width: 1px; border-color: #000000; } table.CrosswordGrid td.BlankCell{ background-color: #000000; color: #888888; } table.CrosswordGrid td.LetterOnlyCell{ text-align: center; vertical-align: middle; background-color: #ffffff; color: #000000; font-weight: bold; } table.CrosswordGrid td.NumLetterCell{ text-align: left; vertical-align: top; background-color: #ffffff; color: #888888; padding: 1px; font-weight: bold; } .NumLetterCellText{ cursor: pointer; } .GridNum{ vertical-align: super; font-size: x-small; font-weight: bold; text-decoration: none; color: #000000; } table#Clues{ margin: auto; vertical-align: top; } table#Clues td{ vertical-align: top; } table.ClueList{ margin: auto; } td.ClueNum{ text-align: right; font-weight: bold; vertical-align: top; } td.Clue{ text-align: left; } div#ClueEntry{ text-align: left; margin-bottom: 1em; } /* Keypad styles */ div.Keypad{ text-align: center; } div.Keypad button{ font-family: Geneva,Arial; font-size: 120%; background-color: #ffffff; color: #000000; width: 2em; } /* JQuiz styles */ div.QuestionNavigation{ text-align: center; } .QNum{ margin: 0em 1em 0.5em 1em; font-weight: bold; vertical-align: middle; } textarea{ font-family: Geneva,Arial; font-size: larger; } .QuestionText{ } .Answer{ font-size: 120%; letter-spacing: 0.1em; } .Highlight{ color: #000000; background-color: #ffff00; font-weight: bold; font-size: 120%; } ol.QuizQuestions{ text-align: left; list-style-type: none; } li.QuizQuestion{ padding: 1em; border-style: solid; border-width: 0px 0px 1px 0px; } ol.MCAnswers{ text-align: left; list-style-type: upper-alpha; padding: 1em; } ol.MCAnswers li{ margin-bottom: 1em; } ol.MSelAnswers{ text-align: left; list-style-type: lower-alpha; padding: 1em; } div.ShortAnswer{ padding: 1em; } div.StdDiv{ background-color: #cee3a5; text-align: center; font-size: small; color: #000000; padding: 8px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000000; margin: 1px; } .FuncButton { text-align: center; border-style: solid; border-left-color: #ffefbf; border-top-color: #ffefbf; border-right-color: #7f7040; border-bottom-color: #7f7040; color: #000000; background-color: #ffe080; border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer; } .FuncButtonUp { color: #ffe080; text-align: center; border-style: solid; border-left-color: #ffefbf; border-top-color: #ffefbf; border-right-color: #7f7040; border-bottom-color: #7f7040; background-color: #ce3000; color: #ffffff; border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer; } .FuncButtonDown { color: #ffe080; text-align: center; border-style: solid; border-left-color: #7f7040; border-top-color: #7f7040; border-right-color: #ffefbf; border-bottom-color: #ffefbf; background-color: #000000; color: #ffe080; border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer; } /*BeginNavBarStyle*/ div.NavButtonBar{ background-color: #ffffce; text-align: center; margin: 2px 0px 2px 0px; clear: both; font-size: small; } .NavButton { border-style: solid; border-left-color: #ce3000; border-top-color: #ce3000; border-right-color: #ce3000; border-bottom-color: #ce3000; background-color: #f7dbce; color: #ce3000; border-width: 2px; cursor: pointer; } .NavButtonUp { border-style: solid; border-left-color: #f7dbce; border-top-color: #f7dbce; border-right-color: #f7dbce; border-bottom-color: #f7dbce; color: #ffffff; background-color: #ce3000; border-width: 2px; cursor: pointer; } .NavButtonDown { border-style: solid; border-left-color: #f7dbce; border-top-color: #f7dbce; border-right-color: #f7dbce; border-bottom-color: #f7dbce; color: #f7dbce; background-color: #ce3000; border-width: 2px; cursor: pointer; } /*EndNavBarStyle*/ a{ color: #0000FF; } a: visited{ color: #0000CC; } a:hover{ color: #0000FF; } div.CardStyle { position: absolute; font-family: Geneva,Arial; font-size: small; padding: 5px; border-style: solid; border-width: 1px; color: #000000; background-color: #ffe080; left: -50px; top: -50px; overflow: visible; } .rtl{ text-align: right; font-size: large; }