msyds/gf-core
1
0
Fork 0
forked from GitHub/gf-core
Code Pull Requests Activity

translator.css: factor out div.overlay styles to a separate file overlay.css

Browse Source
This commit is contained in:
hallgren
2016-05-12 14:21:30 +00:00
parent 36e10e33f4
commit b1d20cfe04
2 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/www/translator/overlay.css Normal file
View File

@@ -0,0 +1,20 @@
div.overlay {
display: none;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%; height: 100%;
background: white; /* fallback */
background: rgba(0,0,0,0.3);
}
div.overlay > div {
margin: 5em 3em;
background: white; /* fallback */
background: rgba(255,255,255,0.95);
padding: 1em;
box-shadow: 4px 4px 12px rgba(0,0,0,0.33);
/*border-radius: 5px;*/
}

22
src/www/translator/translator.css
View File

@@ -1,3 +1,5 @@
@import url("overlay.css");
body { margin:0; padding: 5px; position: relative; } body { margin:0; padding: 5px; position: relative; }
h1 { float: right; margin: 0; font-size: 150%; } h1 { float: right; margin: 0; font-size: 150%; }
h2 { font-size: 120%; } h2 { font-size: 120%; }
@@ -105,26 +107,6 @@ span.choices { color: blue; font-weight: bold; font-family: sans-serif; }
.bad_quality { background-color: #f88; background-color: rgba(255,0,0,0.53); } .bad_quality { background-color: #f88; background-color: rgba(255,0,0,0.53); }
.manual_quality { background-color: #ccf; background-color: rgba(0,0,255,0.20); } .manual_quality { background-color: #ccf; background-color: rgba(0,0,255,0.20); }
div.overlay {
display: none;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%; height: 100%;
background: white; /* fallback */
background: rgba(0,0,0,0.3);
}
div.overlay > div {
margin: 5em 3em;
background: white; /* fallback */
background: rgba(255,255,255,0.95);
padding: 1em;
box-shadow: 4px 4px 12px rgba(0,0,0,0.33);
/*border-radius: 5px;*/
}
div#minibar, div#syntax_editor { div#minibar, div#syntax_editor {
border: 1px solid black; border: 1px solid black;
padding: 5px; padding: 5px;