mikegerwitz
/
lasertank-js
1
0
Fork 0
Code Releases Activity

Added title support to dialogs

master
Mike Gerwitz 2012-03-24 21:03:07 -04:00
parent 42228a8819
commit a3e22b6d60
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -8,6 +8,7 @@
<noscript> <noscript>
<div id="noscript" class="dialog show"> <div id="noscript" class="dialog show">
<div class="body"> <div class="body">
<div class="title">Please enable JavaScript</div>
<p> <p>
<strong>Oops; it looks like JavaScript is not enabled.</strong> I do <strong>Oops; it looks like JavaScript is not enabled.</strong> I do
applaud you for being a cautious user. Unfortunately, you aren't applaud you for being a cautious user. Unfortunately, you aren't
@ -102,6 +103,7 @@
<div id="todo" class="dialog"> <div id="todo" class="dialog">
<div class="body"> <div class="body">
<div class="title">TODO</div>
<p>...quite a bit. </p> <p>...quite a bit. </p>
<p> <p>
This dialog will ultimately contain a useful TODO list. As it stands, This dialog will ultimately contain a useful TODO list. As it stands,

13
style.css
View File

@ -186,6 +186,19 @@ body {
z-index: 2001; z-index: 2001;
} }
.dialog > .body > .title {
background-color: #000080;
background-image: -webkit-linear-gradient( left, #000080, #1084d0 );
background-image: -moz-linear-gradient( left, #000080, #1084d0 );
background-image: -ms-linear-gradient( left, #000080, #1084d0 );
background-image: -o-linear-gradient( left, #000080, #1084d0 );
margin: -0.5em -0.5em 0.5em -0.5em;
font-weight: bold;
color: white;
padding: 0.4em;
}
.dialog .close { .dialog .close {
float: right; float: right;
margin-top: 0.5em; margin-top: 0.5em;