From 5d84dc055911a3c0942d7ceb3a01dbc84bdeda06 Mon Sep 17 00:00:00 2001 From: ChampionModeVision Date: Tue, 10 Nov 2020 21:32:59 -0500 Subject: [PATCH 1/2] new --- Calculator.css | 141 ++++++++++++++++++++++++++++++++++++++++++++++++ Calculator.html | 116 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 257 insertions(+) create mode 100644 Calculator.css create mode 100644 Calculator.html diff --git a/Calculator.css b/Calculator.css new file mode 100644 index 0000000..314c4a1 --- /dev/null +++ b/Calculator.css @@ -0,0 +1,141 @@ + +.container { + text-align: inline-block; + + +} + +.card { + background-color:#0F0140 ; + margin-top: 200px; + margin-right: auto; + margin-left: auto; + width: 10; + border-radius: 15% 15% 15% 15%; + + +} + + + +.input { + text-align: right; + font-size: 32px; + margin-right: 65px; + margin-left: 65px; + display: inline-block; + width: 575px; + height: 100px; + border-radius: 5% 5% 5% 5%; + + + + } + + + +.btm{ + background-color: #2405F2; + margin: 40px 15px 15px 15px; + font-size: 32px; + margin-left: 10px; + margin-right: 10px; + width: 125px; + text-align: center; + color: white; + border-radius: 8% 8% 8% 8%; + /*height: 55px;*/ + + + + + +} + +/* could not get the purple*/ + +.btm:hover{ + + background-color: #F29F05 ; +} + + +.equal-button{ + background-color: #6805F2; + +} + + + + +.trow{ + margin: 50px 20px 50px 20px; + padding: 5% 5% 5% 5%; + position: relative; + + + + +} + + + +.srow{ + margin: 50px 20px 50px 20px; + padding: 5% 5% 5% 5%; + position: relative; + + + + +} + + +.rrow{ + margin: 50px 20px 50px 20px; + padding: 5% 5% 5% 5%; + position: relative; + + + + +} + + +.frow{ + margin: 50px 20px 50px 20px; + padding: 5% 5% 5% 5%; + position: relative; + + + + +} + +.grow{ + margin: 50px 20px 50px 20px; + padding: 5% 5% 5% 5%; + position: relative; + + + + +} + +#purp{ + +background-color: #BF05F2; + +} + +h1{ +color: white; +margin-top: 5px; +margin-left: 70px; + +} + + + + + diff --git a/Calculator.html b/Calculator.html new file mode 100644 index 0000000..59180b1 --- /dev/null +++ b/Calculator.html @@ -0,0 +1,116 @@ + + + + Calculator + + + + + + + + + + + +
+
+ +
+
+ +

Standard | Scientific

+
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+
+ + + + + + + + + + + + \ No newline at end of file From 81410a0a64d056c3803d25e2ea3c355d1e2d64c0 Mon Sep 17 00:00:00 2001 From: ChampionModeVision Date: Sat, 14 Nov 2020 12:10:21 -0500 Subject: [PATCH 2/2] updated --- Calculator.css | 42 ++++-------------------------------------- Calculator.html | 10 +++++----- 2 files changed, 9 insertions(+), 43 deletions(-) diff --git a/Calculator.css b/Calculator.css index 314c4a1..afce7f8 100644 --- a/Calculator.css +++ b/Calculator.css @@ -68,7 +68,7 @@ -.trow{ +.buttonrow{ margin: 50px 20px 50px 20px; padding: 5% 5% 5% 5%; position: relative; @@ -80,49 +80,15 @@ -.srow{ - margin: 50px 20px 50px 20px; - padding: 5% 5% 5% 5%; - position: relative; - - - - -} - - -.rrow{ - margin: 50px 20px 50px 20px; - padding: 5% 5% 5% 5%; - position: relative; - - - - -} - - -.frow{ - margin: 50px 20px 50px 20px; - padding: 5% 5% 5% 5%; - position: relative; - - - +#purp{ +background-color: purple ; } -.grow{ - margin: 50px 20px 50px 20px; - padding: 5% 5% 5% 5%; - position: relative; - - -} -#purp{ +#purp:hover{ background-color: #BF05F2; diff --git a/Calculator.html b/Calculator.html index 59180b1..e1056b6 100644 --- a/Calculator.html +++ b/Calculator.html @@ -29,7 +29,7 @@

Standard | Scientific

- + @@ -37,7 +37,7 @@

Standard | Scientific

 - + @@ -46,7 +46,7 @@

Standard | Scientific

- + @@ -55,7 +55,7 @@

Standard | Scientific

- + @@ -64,7 +64,7 @@

Standard | Scientific

- +