From d1cf0d30edfb52a6e94dbdc41c679971417bb94e Mon Sep 17 00:00:00 2001 From: Elliot Gerchak Date: Fri, 28 Oct 2016 19:05:48 +0000 Subject: [PATCH] Improved formatting --- In Javascript/main.css | 144 +++++++++++++++++++++++++---------------- 1 file changed, 88 insertions(+), 56 deletions(-) diff --git a/In Javascript/main.css b/In Javascript/main.css index bcdaab7..d6131f1 100644 --- a/In Javascript/main.css +++ b/In Javascript/main.css @@ -1,50 +1,58 @@ body { background-color: #3498db; - font-family: Futura,Helvetica, "Century Gothic"; + font-family: Futura, Helvetica, "Century Gothic"; text-shadow: 1px 1px 0px black; - margin:0px; - padding:0px; + margin: 0px; + padding: 0px; } .todo { - font-size:12px; + font-size: 12px; } + .header { color: white; font-size: 50px; - padding-top:20px; + padding-top: 20px; text-align: center; } + .content { text-align: center; - margin:auto; - width:80%; - font-size:12px; - color:white; + margin: auto; + width: 80%; + font-size: 12px; + color: white; } -#instructionBlock,.data { - font-size:12px !important; + +#instructionBlock, +.data { + font-size: 12px !important; } -.data td { - border:1px solid black; - border-bottom:0px; - border-right:0px; + +.data td { + border: 1px solid black; + border-bottom: 0px; + border-right: 0px; } + .data td:last-child { - border-right:1px solid black; + border-right: 1px solid black; } -.data tr:last-child td{ - border-bottom:1px solid black; + +.data tr:last-child td { + border-bottom: 1px solid black; } -a.button, input.button { - cursor: pointer; - font-family:Futura,Century Gothic; +a.button, +input.button { + cursor: pointer; + font-family: Futura, Century Gothic; background: #44c650; border: 0px; padding: 5px 80px; - font-weight:bold; - text-transform:uppercase; + font-weight: bold; + text-transform: uppercase; color: white; font-size: 15px; text-shadow: 1px 1px 0px #222; @@ -54,58 +62,82 @@ a.button, input.button { -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } + a.button { - display: inline-block; - text-decoration: none; - padding: 6px 12px 6px 12px; + display: inline-block; + text-decoration: none; + padding: 6px 12px 6px 12px; } + input.button { -//font-size:15px!important; -padding: 5px 20px; + //font-size:15px!important; + padding: 5px 20px; } -a.button:active, input.button:active { - position:relative; - top:1px; + +a.button:active, +input.button:active { + position: relative; + top: 1px; } -a.button:hover, input.button:hover { - background: #00b200; - color:white; + +a.button:hover, +input.button:hover { + background: #00b200; + color: white; text-shadow: 1px 1px 0px #222; - position:relative; - cursor:pointer; - cursor:hand; + position: relative; + cursor: pointer; + cursor: hand; } -input[type="text"],input[type="password"],textarea, select { - margin-left:0px; - background-color: #F7f7f7; + +input[type="text"], +input[type="password"], +textarea, +select { + margin-left: 0px; + background-color: #F7f7f7; border: 1px solid black; padding: 5px; - color:#444; - -webkit-transition: border-color 0.2s ease-in-out; + color: #444; + -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; - transition: border-color 0.2s ease-in-out; + transition: border-color 0.2s ease-in-out; } -input[type="text"]:hover ,input[type="password"]:hover,textarea:hover,select:hover { - // border :1px solid pink; + +input[type="text"]:hover, +input[type="password"]:hover, +textarea:hover, +select:hover { + // border :1px solid pink; box-shadow: 0px 0px 9px black; } -input[type="text"]:focus ,input[type="password"]:focus,textarea:focus,select:focus { - border :1px solid #CB4242; + +input[type="text"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border: 1px solid #CB4242; box-shadow: 0px 0px 9px #cb4242; } -input, textarea, keygen, select, button, isindex { - outline:none; + +input, +textarea, +keygen, +select, +button, +isindex { + outline: none; resize: none; } -a -{ + +a { color: white; - font-weight:bold; + font-weight: bold; background-color: rgba(220, 220, 220, 0.35); - text-decoration:none; + text-decoration: none; } -a:hover -{ + +a:hover { background-color: rgba(240, 240, 240, 0.52); -} \ No newline at end of file +}