From abce59057d297fabd73c33f4f046f2f9ee1c62df Mon Sep 17 00:00:00 2001 From: a Date: Sun, 18 Dec 2022 12:56:37 -0600 Subject: [PATCH] config stylesheet --- config/style.css | 88 ++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 2 +- src/style.css | 87 ----------------------------------------------- 3 files changed, 89 insertions(+), 88 deletions(-) create mode 100644 config/style.css delete mode 100644 src/style.css diff --git a/config/style.css b/config/style.css new file mode 100644 index 0000000..138af38 --- /dev/null +++ b/config/style.css @@ -0,0 +1,88 @@ + +a{ + color:#c3c3c3; + font-family:"Segoe UI"; + font-size:25px; + text-decoration:none; + margin-left:5px; + transition-property: color; + transition-duration: .1s; + transition-timing-function: linear; +} +body{ + padding-left:10px; + padding-right:10px; + font-family:"Segoe UI"; + color:#c8c8c8; + font-size:34px; + background:#FBFBFB; +} + +span{ + margin-left:10px; + text-family:"segoe UI"; + text-align: center; +} + +a:hover { color:#A9BFA5} + +input[type=text] { + width: 18px; + padding: 3px; + position:absolute; + right:5px;bottom:5px; + border: 1px solid #E6e6e6; + transition-property: all; + transition-duration: .5s; + transition-timing-function: ease; + color: #bebebe; + background-position: -2px -1px; + background-image: url('../res/search.png'); + background-repeat: no-repeat; +} + +input[type=text]:hover { + border-color: #bebebe; + transition-property: all; + transition-duration: .5s; + transition-timing-function: ease; + color: #bebebe; + width:230px; + background-position: 227px -1px; + padding-right: 20px; +} +input[type=text]:focus { + border-color: #bebebe; + transition-property: all; + transition-duration: .5s; + transition-timing-function: ease; + color: #bebebe; + width:230px; + background-position: 227px -1px; + padding-right: 20px; +} + +.boxed { + border: 1px solid #e6e6e6; + padding: 5px; + color: #494949; + background-color: #ffffff; + width: 760px; + margin-left: -390px; + margin-right: auto; + position:absolute; + left: 50%; + top: 40%; +} + +h1 { + padding-bottom: -600px; + position: absolute; + visibility: hidden; + margin-top: -200px; + margin-left: -380px; + left: 50%; + top: 40%; + +} + diff --git a/index.html b/index.html index 6778321..beacdee 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,8 @@ - + new tab diff --git a/src/style.css b/src/style.css deleted file mode 100644 index 46c5875..0000000 --- a/src/style.css +++ /dev/null @@ -1,87 +0,0 @@ -a{ - color:#c3c3c3; - font-family:"Segoe UI"; - font-size:25px; - text-decoration:none; - margin-left:5px; - transition-property: color; - transition-duration: .1s; - transition-timing-function: linear; -} -body{ - padding-left:10px; - padding-right:10px; - font-family:"Segoe UI"; - color:#c8c8c8; - font-size:34px; - background:#FBFBFB; -} - -span{ - margin-left:10px; - text-family:"segoe UI"; - text-align: center; -} - -a:hover { color:#A9BFA5} - -input[type=text] { - width: 18px; - padding: 3px; - position:absolute; - right:5px;bottom:5px; - border: 1px solid #E6e6e6; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease; - color: #bebebe; - background-position: -2px -1px; - background-image: url('../res/search.png'); - background-repeat: no-repeat; -} - -input[type=text]:hover { - border-color: #bebebe; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease; - color: #bebebe; - width:230px; - background-position: 227px -1px; - padding-right: 20px; -} -input[type=text]:focus { - border-color: #bebebe; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease; - color: #bebebe; - width:230px; - background-position: 227px -1px; - padding-right: 20px; -} - -.boxed { - border: 1px solid #e6e6e6; - padding: 5px; - color: #494949; - background-color: #ffffff; - width: 760px; - margin-left: -390px; - margin-right: auto; - position:absolute; - left: 50%; - top: 40%; -} - -h1 { - padding-bottom: -600px; - position: absolute; - visibility: hidden; - margin-top: -200px; - margin-left: -380px; - left: 50%; - top: 40%; - -} -