diff options
author | Dennis Kobert <d-kobert@web.de> | 2019-05-21 00:44:31 +0200 |
---|---|---|
committer | Dennis Kobert <d-kobert@web.de> | 2019-05-21 00:44:31 +0200 |
commit | b7e6649f321f7560fa16b88674c64a98009cbcf2 (patch) | |
tree | 1cadda6eaf80b7161031992d6b2e209b3b49b105 /scribble/mainstyle.css | |
parent | c7bc91ecd6c32afab52c5e45b569e3945bdd1056 (diff) |
Implement a prototype for a web based skribbl.io
Diffstat (limited to 'scribble/mainstyle.css')
-rw-r--r-- | scribble/mainstyle.css | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/scribble/mainstyle.css b/scribble/mainstyle.css new file mode 100644 index 0000000..82045d1 --- /dev/null +++ b/scribble/mainstyle.css @@ -0,0 +1,53 @@ +body { + padding: 0,2; + margin: 0; + background: #222222; +} +.wrapper { + max-width: 900px; + margin: auto; + font-family: "Arial"; +} + +.toolbar{ + width: 100%; + background-color: #440044; + overflow: auto; +} + +.toolbar a { + float: left; + width: 11%; + text-align: center; + padding: 6px 5px; + transition: all 0.5s ease; + color: white; +} + +/* Change color on hover */ +.toolbar a:hover { + background-color: #000; + } + +/* Change color on selected icon */ +.selected { + background-color: #000; +} + +#my-canvas{ + width: 100%; + background: white; + border: 3px solid #000000; +} + +#img-data-div{ + width: 100%; + max-width: 900px; + height: 200px; +} + +/* Resize image to container */ +.toolbar a img{ + max-width:100%; + height:auto; +} |