X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/d92d15f83d157e1f00458d95e19060ab7fbd35b1..ea300f6c03d47f6c17dd7721b8d6690489af79da:/catalogue/static/catalogue/css/lesson.scss diff --git a/catalogue/static/catalogue/css/lesson.scss b/catalogue/static/catalogue/css/lesson.scss index 543ee8f..d98f1a3 100755 --- a/catalogue/static/catalogue/css/lesson.scss +++ b/catalogue/static/catalogue/css/lesson.scss @@ -1,3 +1,5 @@ +$px: .0625em; + /* =================================================== */ /* = Common elements: headings, paragraphs and lines = */ /* =================================================== */ @@ -225,39 +227,87 @@ em.person { #menu {display: none;} } + + +.activity { + clear:both; +} + .activity .text { - max-width:350px; - margin-right:20px; - float: left; + width: 440*$px; + margin-right: 20px; + float: left; } .activity .description p:first-child { margin-top: 0; } -.activity .info { - margin: 1.5em 0 0; - max-width: 130px; - float:right; -} - -.activity .info p { - margin-bottom: 1em; -} .activity { - clear:both; + margin-top: 2em; + + .act_counter { + float: left; + margin-right: .5em; + font-size: 2em; + } + + .info { + float: right; + width: 135*$px; + + .infobox { + padding: 1em 0; + border-top: 1px solid #c9ccce; + h1 { + text-transform: uppercase; + font-weight: bold; + margin: 0 0 .5em -35*$px; + padding-left: 35*$px; + line-height: 24px; + font-size: 1em; + } + p { + margin: 0; + } + + } + .time h1 { + background: url(/static/img/icons/activity-time.png) 0 0 no-repeat; + } + .kind h1 { + background: url(/static/img/icons/activity-kind.png) 0 0 no-repeat; + } + .materials h1 { + background: url(/static/img/icons/activity-tools.png) 0 0 no-repeat; + } + } +} + +.lista { + .paragraph { + margin: .3em 0; + } + li { + margin: .75em 0; + } } -.activity .info { - font-size: 10pt; -} .clearboth { clear: both; } +#book-text { + .caption { + margin: 1.5em; + p { + margin: 0; + } + } +} /* utils */ @@ -265,3 +315,13 @@ em.person { clear: both; } +#book-text .top-link { + margin-top: 1em; +} + +.help { + font-size: .7em; + padding: 0 .5em; + color: #888; + vertical-align: super; +}