diff options
-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"> |