diff --git a/calculator/calc.css b/calculator/calc.css new file mode 100644 index 0000000..718b216 --- /dev/null +++ b/calculator/calc.css @@ -0,0 +1,56 @@ +h1{ + text-align: center; + color: red; + height: 50px; + padding: 25px; +} +*{ + margin: 0px; + padding: 0px; +} +html{ + background: #93f273; +} +hr{ + background-color: grey; + height: 2px; +}#container{ + position: relative; + width: 300px; + border: 3px solid black; + margin: 30px auto; + border-radius: 10px; + background: #666666; + box-shadow: 2px 2px 2px 1px black 1; +} +input[type=text]{ + position: relative; + display: block; + width: 98%; + margin: 10px auto 0 auto; + font-size: 20px; + border: 1px solid black; + background: white; +} +input[type=button]{ + position: relative; + width: 20%; + font-weight: bold; + background: #b3b3b3; + border: 1px solid brown; + margin: 2%; + font-size: 20px; + border-radius: 10px; + box-shadow: 2px 2px 2px 0px; +} +input[type=button]:hover{ + background: aqua; + +} +input[type=text]:hover{ + background: darkgrey; +} +input[type=text]:disabled{ + color: black; + +} diff --git a/calculator/calc.html b/calculator/calc.html new file mode 100644 index 0000000..def2a2f --- /dev/null +++ b/calculator/calc.html @@ -0,0 +1,81 @@ + + +
+Made By Gaurang
+