diff --git a/static/admin.css b/static/admin.css index e8a6674..cedc65b 100644 --- a/static/admin.css +++ b/static/admin.css @@ -1,23 +1,63 @@ * { - font-family: 'Roboto', sans-serif; + padding:0px; + margin:0px; + } header{ - padding: 50px; + + + padding-top: 30px; + padding-right: 30px; + padding-left: 30px; + padding-bottom: 40px; + font-weight: bolder; + font-size: 30px; + color: white; + } body{ - background-image: url("https://images.unsplash.com/photo-1528459584353-5297db1a9c01?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1075&q=80"); + background:url("https://images.unsplash.com/photo-1485579149621-3123dd979885?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80"); + background-repeat: no-repeat; + background-size: cover; + opacity: 0.5; +} +.container{ + margin:10px 10px; + padding: 20px; } - input[type=text]{ - width:40%; + width:43%; + background: white; border:2px solid #aaa; - border-radius:4px; + border-radius:20px; margin:8px 0; outline:none; padding:8px; box-sizing:border-box; transition:.3s; } +.change{ + padding-bottom: 30px; +} + +button[type=submit]{ + border: 1px solid #000000; + border-radius: 15px; + background: white; + padding: 10px 20px; + font-size:20px ; + font-family: "montserrat"; + cursor: pointer; + margin: 10px; + color: #000000; + transition: 0.8s; + position: relative; + overflow: hidden; + +} +button[type=submit]:hover{ + color:white; +} input[type=text]:focus{ border-color: dodgerBlue; diff --git a/templates/admin.html b/templates/admin.html index 5ad7b3f..a9805ac 100644 --- a/templates/admin.html +++ b/templates/admin.html @@ -6,17 +6,21 @@ Mock Car API Admin - + + + +

Mock Data API

+
-
+