From 9b05dd44b6c2217ade951e60d4e1e16f05f3e3a9 Mon Sep 17 00:00:00 2001 From: Anjuman Date: Mon, 21 Dec 2020 20:11:32 +0530 Subject: [PATCH] Theme Inputs and Buttons. Change font and background --- static/admin.css | 52 +++++++++++++++++++++++++++++++++++++++----- templates/admin.html | 8 +++++-- 2 files changed, 52 insertions(+), 8 deletions(-) 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

+
-
+