From 5443df223dfd32fedb80c95a132a21efa0c5cc16 Mon Sep 17 00:00:00 2001 From: leonar15 Date: Thu, 16 Oct 2014 21:19:16 -0700 Subject: [PATCH] updated scumbag theme and another design tweak. --- css/memesweeper.css | 146 +------------------------------------- css/memesweeper.less | 2 +- themes/scumbag/theme.less | 2 +- 3 files changed, 3 insertions(+), 147 deletions(-) diff --git a/css/memesweeper.css b/css/memesweeper.css index 4728445..37caa37 100644 --- a/css/memesweeper.css +++ b/css/memesweeper.css @@ -1,145 +1 @@ -html { - font-family: arial, verdana, sans-serif; -} -#gameboard { - margin: 20px auto; - border: 1px solid #ddd; - box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.1); -} -.memesweeper { - position: relative; -} -.memesweeper .controls { - margin-bottom: 10px; - min-width: 250px; - height: 60px; - position: relative; -} -.memesweeper .controls:before { - content: ''; - position: absolute; - bottom: -16px; - width: 100%; - text-align: center; - color: red; - font-size: 12px; -} -.memesweeper .controls .button { - position: absolute; - top: 10px; - left: 50%; - margin-left: -25px; - width: 50px; - height: 50px; - border: 1px solid #bbb; - background-size: cover; - background-color: red; - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); - cursor: pointer; - transition: .1s top; -} -.memesweeper .controls .button:active { - top: 11px; -} -.memesweeper .controls .time, -.memesweeper .controls .score { - position: absolute; - bottom: 10px; - font-weight: bold; - font-size: 20px; - text-align: center; - width: 100px; -} -.memesweeper .controls .time:before, -.memesweeper .controls .score:before { - content: "Time"; - position: absolute; - width: 100%; - left: 0; - top: -13px; - text-align: center; - color: #AAA; - font-size: 11px; -} -.memesweeper .controls .time { - right: 10px; -} -.memesweeper .controls .score { - left: 10px; -} -.memesweeper .board { - overflow: hidden; - background-color: white; - border-radius: 3px; - padding: 5px; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - cursor: default; -} -.memesweeper .board .board-square { - display: block; - float: left; - box-sizing: border-box; - background: #EEE; - width: 25px; - height: 25px; - border-radius: 2px; - margin: 1px; - text-align: center; - font-size: 14px; - padding-top: 5px; - font-weight: bold; - color: white; -} -.memesweeper .board .board-square.fresh { - background-color: #BBB; - background-image: none; -} -.memesweeper .board .board-square.fresh:hover { - background-color: #888; - cursor: pointer; -} -.memesweeper .board .board-square.flagged { - background-color: #ffb700; - cursor: pointer; -} -.memesweeper .board .board-square.square1 { - color: #0909ae; -} -.memesweeper .board .board-square.square2 { - color: #008d2e; -} -.memesweeper .board .board-square.square3 { - color: #6211be; -} -.memesweeper .board .board-square.square4 { - color: #de00bd; -} -.memesweeper .board .board-square.square5 { - color: #aa00de; -} -.memesweeper .board .board-square.square6 { - color: #de7f00; -} -.memesweeper .board .board-square.square7 { - color: #fd5a00; -} -.memesweeper .board .board-square.square8 { - color: #ff0000; -} -.memesweeper .board .board-square.squared { - background-size: cover; - color: red; - font-size: 36px; - padding-top: 0; - line-height: 21px; - font-weight: normal; -} -.memesweeper .board.gameover .board-square.fresh:hover { - cursor: auto; - background-color: #BBB; -} -.memesweeper .board.gameover .board-square.flagged { - cursor: default; -} +html{font-family:arial,verdana,sans-serif}#gameboard{margin:20px auto;border:1px solid #ddd;box-shadow:1px 0 7px rgba(0,0,0,0.1)}.memesweeper{position:relative}.memesweeper .controls{margin-bottom:10px;min-width:250px;height:60px;position:relative}.memesweeper .controls:before{content:'';position:absolute;bottom:-16px;width:100%;text-align:center;color:red;font-size:12px}.memesweeper .controls .button{position:absolute;top:10px;left:50%;margin-left:-25px;width:50px;height:50px;border:1px solid #bbb;background-size:cover;background-color:#bbb;box-shadow:0 0 5px rgba(0,0,0,0.2);cursor:pointer;transition:.1s top}.memesweeper .controls .button:active{top:11px}.memesweeper .controls .time,.memesweeper .controls .score{position:absolute;bottom:10px;font-weight:bold;font-size:20px;text-align:center;width:100px}.memesweeper .controls .time:before,.memesweeper .controls .score:before{content:"Time";position:absolute;width:100%;left:0;top:-13px;text-align:center;color:#AAA;font-size:11px}.memesweeper .controls .time{right:10px}.memesweeper .controls .score{left:10px}.memesweeper .board{overflow:hidden;background-color:white;border-radius:3px;padding:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:default}.memesweeper .board .board-square{display:block;float:left;box-sizing:border-box;background:#EEE;width:25px;height:25px;border-radius:2px;margin:1px;text-align:center;font-size:14px;padding-top:5px;font-weight:bold;color:white}.memesweeper .board .board-square.fresh{background-color:#BBB;background-image:none}.memesweeper .board .board-square.fresh:hover{background-color:#888;cursor:pointer}.memesweeper .board .board-square.flagged{background-color:#ffb700;cursor:pointer}.memesweeper .board .board-square.square1{color:#0909ae}.memesweeper .board .board-square.square2{color:#008d2e}.memesweeper .board .board-square.square3{color:#6211be}.memesweeper .board .board-square.square4{color:#de00bd}.memesweeper .board .board-square.square5{color:#aa00de}.memesweeper .board .board-square.square6{color:#de7f00}.memesweeper .board .board-square.square7{color:#fd5a00}.memesweeper .board .board-square.square8{color:#f00}.memesweeper .board .board-square.squared{background-size:cover;color:red;font-size:36px;padding-top:0;line-height:21px;font-weight:normal}.memesweeper .board.gameover .board-square.fresh:hover{cursor:auto;background-color:#BBB}.memesweeper .board.gameover .board-square.flagged{cursor:default} \ No newline at end of file diff --git a/css/memesweeper.less b/css/memesweeper.less index 3f905ef..ab6c5b5 100644 --- a/css/memesweeper.less +++ b/css/memesweeper.less @@ -31,7 +31,7 @@ html { height: 50px; border: 1px solid #bbb; background-size: cover; - background-color: red; + background-color: #bbb; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); cursor: pointer; transition: .1s top; diff --git a/themes/scumbag/theme.less b/themes/scumbag/theme.less index 865fa83..989594c 100644 --- a/themes/scumbag/theme.less +++ b/themes/scumbag/theme.less @@ -13,7 +13,7 @@ .controls { // show a success message &:before { - content: 'cool. so can I borrow more cash.'; + content: 'cool. so can I borrow more cash?'; color: darkgreen; } .button {