diff options
| author | Marko Pušnik <marko.pusnik@guru.si> | 2015-10-01 23:51:40 +0200 |
|---|---|---|
| committer | Marko Pušnik <marko.pusnik@guru.si> | 2015-10-01 23:51:40 +0200 |
| commit | 05684471913aee3b3289b90072c6f55d630e7225 (patch) | |
| tree | def86901e72276dae141826518e2e9b15969c6ac | |
| parent | f93e29372bb9cb5f71b320a1b3fd1263d7c6c045 (diff) | |
block description fix; hint img centered;
| -rw-r--r-- | css/codeq.css | 3 | ||||
| -rw-r--r-- | css/codeq/hint.css | 4 | ||||
| -rw-r--r-- | index.html | 18 |
3 files changed, 18 insertions, 7 deletions
diff --git a/css/codeq.css b/css/codeq.css index e2f220e..a701d5c 100644 --- a/css/codeq.css +++ b/css/codeq.css @@ -12,7 +12,7 @@ body { .title { /*color: whitesmoke;*/ - margin-left: 5px; + /*margin-left: 5px;*/ } /* modalLogIn */ @@ -110,6 +110,7 @@ body { /*font-family: monospace;*/ opacity: .7; text-align: left; + padding: 0 4px; } /* block-toolbar */ diff --git a/css/codeq/hint.css b/css/codeq/hint.css index 66313b7..00614ca 100644 --- a/css/codeq/hint.css +++ b/css/codeq/hint.css @@ -12,4 +12,8 @@ div:not(.hint-static-group) > div.hint-static { .hint-static img { max-width: 80%; + /* center img trick */ + display: block; + margin-left: auto; + margin-right: auto; } @@ -158,8 +158,10 @@ <div class="container-fluid quadrants block1" id="screen_prolog" style="display: none;"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-12 block block1"> - <h2 class="title translatable" data-dict="prolog" data-tkey="slug"></h2> - <div class="description translatable" data-dict="prolog" data-tkey="description"></div> + <div class="description"> + <h2 class="title translatable" data-dict="prolog" data-tkey="slug"></h2> + <div class="description translatable" data-dict="prolog" data-tkey="description"></div> + </div> <div class="block-label">Instructions</div> </div> <div class="col-lg-3 col-md-6 col-sm-12 block block2"> @@ -191,8 +193,10 @@ <div class="container-fluid quadrants block1" id="screen_python" style="display: none;"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-12 block block1"> - <h2 class="title translatable" data-dict="python" data-tkey="slug"></h2> - <div class="description translatable" data-dict="python" data-tkey="description"></div> + <div class="description"> + <h2 class="title translatable" data-dict="python" data-tkey="slug"></h2> + <div class="translatable" data-dict="python" data-tkey="description"></div> + </div> <div class="block-label">Instructions</div> </div> <div class="col-lg-3 col-md-6 col-sm-12 block block2"> @@ -226,8 +230,10 @@ <div class="container-fluid quadrants block1" id="screen_robot" style="display: none;"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-12 block block1"> - <h2 class="title translatable" data-dict="robot" data-tkey="slug"></h2> - <div class="description translatable" data-dict="robot" data-tkey="description"></div> + <div class="description"> + <h2 class="title translatable" data-dict="robot" data-tkey="slug"></h2> + <div class=" translatable" data-dict="robot" data-tkey="description"></div> + </div> <div class="block-label">Instructions</div> </div> <div class="col-lg-3 col-md-6 col-sm-12 block block2"> |