a
/
homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

config stylesheet
ci/woodpecker/push/woodpecker Pipeline was successful Details
ci/woodpecker/tag/woodpecker Pipeline was successful Details

This commit is contained in:
a 2022-12-18 12:56:37 -06:00
parent df8e8b8355
commit abce59057d
3 changed files with 89 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
config/style.css Normal file
View File

@ -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%;
}

2
index.html
View File

@ -4,8 +4,8 @@
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="src/style.css">
<link rel="stylesheet" href="src/animations.css"> <link rel="stylesheet" href="src/animations.css">
<link rel="stylesheet" href="config/style.css">
<script src="src/jquery.min.js"></script> <script src="src/jquery.min.js"></script>
<script src="src/script.js"></script> <script src="src/script.js"></script>
<title>new tab</title> <title>new tab</title>

87
src/style.css
View File

@ -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%;
}