diff options
| author | Unknown <Alee14498@gmail.com> | 2017-10-01 00:24:20 -0400 |
|---|---|---|
| committer | Unknown <Alee14498@gmail.com> | 2017-10-01 00:24:20 -0400 |
| commit | 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a (patch) | |
| tree | 8479930f9372a1e9998b6750651565cf52b81ca8 /apps/notes/styles.css | |
| parent | d8ba59582c137de474789690e777d8c029e08fe6 (diff) | |
| download | windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.gz windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.bz2 windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.zip | |
Adding the code
Diffstat (limited to 'apps/notes/styles.css')
| -rw-r--r-- | apps/notes/styles.css | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/apps/notes/styles.css b/apps/notes/styles.css new file mode 100644 index 0000000..55af607 --- /dev/null +++ b/apps/notes/styles.css @@ -0,0 +1,80 @@ +/************ Tags ************/ +body { + background-image:url('wood.png'); + padding:0; + margin:0; + font-family: Segoe UI; +} +button { + color:white; + background:rgba(64,64,64,0.6); + float:left; + border: 0px; + height: 50px; + width: 150px; + margin-left: 5px; + margin-top: 5px; + font-family: Segoe UI Light; + font-size:18pt; +} +button:hover { + background:rgba(64,64,64,0.8); + +} +button:active { + background:rgba(64,64,64,1); + +} +button img { + vertical-align:middle; +} +button p { + vertical-align:middle; +} +/************ Classes ************/ + +/* Postick's button "delete" */ +.delete { + cursor:pointer; + font-size:120%; + color:#000000; +} + + +.postick { + border:1px solid gray; + width:200px; + height:200px; + padding:4px; + font-size:85%; + background:#FFFC7F; + -moz-box-shadow:2px 2px 2px #999999; + -webkit-box-shadow:2px 2px 2px #999999; + box-shadow:2px 2px 2px #999999; + position:absolute; +} + +.toolbar { + text-align:right; + font-weight:bold; +} + +/* Content to be editable inside the postick */ + +.editable { + cursor:pointer; + height:180px; + marging:0 auto; + width:100%; + overflow:hidden; + position:relative; + -moz-text-shadow: 1px 1px 0px white; + text-shadow: 1px 1px 0px white; + color:#000000; +} + +.editable:hover { + border:1px dotted gray; +} + + |