aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorInigoGutierrez <inigogf.95@gmail.com>2019-01-04 02:35:22 +0100
committerInigoGutierrez <inigogf.95@gmail.com>2019-01-04 02:35:22 +0100
commit991054675e7a1b2f1525e606a489560b64bdbdc5 (patch)
tree6e7994603373426dcf1efcdd841a5f44ce3a0b72 /css
downloadmainpage-991054675e7a1b2f1525e606a489560b64bdbdc5.tar.gz
mainpage-991054675e7a1b2f1525e606a489560b64bdbdc5.zip
Created the repo.
Diffstat (limited to 'css')
-rw-r--r--css/style.css81
1 files changed, 81 insertions, 0 deletions
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..ee33744
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,81 @@
+body {
+ background-color: darkblue;
+ background-image: url(../img/bg.jpg);
+ background-attachment: fixed;
+ background-position: center center;
+ background-size: cover;
+}
+
+header {
+ float: left;
+ padding: 2% 0% 0% 6%;
+}
+
+h1 {
+ color: white;
+ font-family: serif;
+ font-size: 2.3em;
+ font-weight: bold;
+ font-variant: small-caps;
+ text-shadow: 1px 1px darkblue;
+ background-color: rgba(60,0,120,0.6);
+ border-radius: 20px;
+ padding: 5px 20px 8px;
+}
+
+.searches {
+ text-align: center;
+ float: right;
+ padding: 8% 10% 0% 0%;
+}
+
+.psb {
+ background-color: rgba(60,0,120,0.8);
+ border-radius: 10px;
+ width: 120%;
+ height: 150%;
+ padding-top: 6px;
+ padding-bottom: 6px;
+}
+
+.psb * + * {
+ margin-left: 8px;
+}
+.searches input[type=button] {
+ text-decoration: none;
+ font-family: serif;
+ font-size: 1em;
+ color: white;
+ background: none;
+ border: none;
+ background-color: rgba(0,100,120,0.8);
+ border-radius: 10px;
+ text-shadow: 1px 1px darkblue;
+ padding: 4px 16px;
+}
+
+input[type=button]:focus {
+ background-color: rgba(0,190,220,0.8);
+}
+
+.searches input[type=text] {
+ padding: 2px 5px ;
+ font-family: serif;
+ font-size: 0.8em;
+ text-align: center;
+ caret-color: rgba(0,0,0,0.2);
+ border-radius: 5px;
+ border: none;
+ background-color: rgba(140,220,255,1);
+ width: 10px;
+ transition: ease-in-out, width .1s ease-in-out;
+}
+
+input[type=text]:focus {
+ border: none;
+ width: 100px;
+}
+
+*:focus {
+ outline: none;
+}