mirror of
https://github.com/xodivorce/xeorl.git
synced 2025-12-20 00:29:34 +05:30
v2.0.0
This commit is contained in:
48
htdocs/assets/css/footer.css
Executable file
48
htdocs/assets/css/footer.css
Executable file
@@ -0,0 +1,48 @@
|
||||
footer {
|
||||
background-color: #F8F8FD;
|
||||
padding: 33px 20px; /* Increased padding for a larger footer */
|
||||
border: none;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
max-width: 1120px;
|
||||
font-size: 12px; /* Slightly increased font size */
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.footer-container p {
|
||||
margin: 0;
|
||||
padding-bottom: 20px; /* Increased padding for spacing */
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
margin-top: 15px; /* Increased margin for better spacing */
|
||||
}
|
||||
|
||||
.footer-links a {
|
||||
margin: 0 12px; /* Slightly increased margin between links */
|
||||
text-decoration: none;
|
||||
color: #A2ABB8;
|
||||
font-weight: 550;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.footer-links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.footer-img {
|
||||
width: 20px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
left: -5px;
|
||||
}
|
||||
75
htdocs/assets/css/header.css
Executable file
75
htdocs/assets/css/header.css
Executable file
@@ -0,0 +1,75 @@
|
||||
header {
|
||||
padding: 20px;
|
||||
background-color: #ffffff;
|
||||
border-bottom: 1px solid #F2F2F2;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 97%;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.header-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
color: #171C24;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 35px;
|
||||
margin-right: 2.5px;
|
||||
}
|
||||
.version-number {
|
||||
font-size: 10px;
|
||||
font-family: system-ui, -apple-system;
|
||||
font-weight: 550;
|
||||
color: #697483;
|
||||
background-color:#ECF0F5;
|
||||
padding: 1px 4px;
|
||||
border-radius: 3px;
|
||||
margin-right: 40.5rem;
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
gap: 25px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
text-decoration: none;
|
||||
color: #697483;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
nav ul li a.active {
|
||||
color: #BEC7D5;
|
||||
}
|
||||
|
||||
nav ul li a:not(.disabled):hover {
|
||||
color: #272B2F;
|
||||
}
|
||||
|
||||
nav ul li a.disabled {
|
||||
color: #BEC7D5;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
206
htdocs/assets/css/home.css
Executable file
206
htdocs/assets/css/home.css
Executable file
@@ -0,0 +1,206 @@
|
||||
body {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 60px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.shorten-section{
|
||||
margin-bottom: 5em;
|
||||
}
|
||||
|
||||
.shorten-section h1 {
|
||||
color: #171C24;
|
||||
margin-top: 5.3ex;
|
||||
font-size: 45px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.shorten-section h2 {
|
||||
color: #677583;
|
||||
margin-top: 0px;
|
||||
font-size: 45px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
|
||||
.shorten-section p {
|
||||
color:#3C4B62;
|
||||
margin-top: -15px;
|
||||
margin-bottom: 45px;
|
||||
font-size: 18px;
|
||||
line-height: 35px;
|
||||
}
|
||||
.shorten-form {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-bottom: 80px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.shorten-form input {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
padding: 18px 45px; /* Adjust padding to make space for the icon */
|
||||
width: 450px;
|
||||
border: none; /* Remove border */
|
||||
border-radius: 5px; /* Rounded corners */
|
||||
font-size: 16px;
|
||||
background-color: #ffffff;
|
||||
color: #333333;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.082); /* Soft shadow */
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
transition: box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.shorten-form input::placeholder {
|
||||
color: #BEC7D5; /* Light gray placeholder text */
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.shorten-form input:focus {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.150); /* Slightly stronger shadow on focus */
|
||||
}
|
||||
|
||||
.shorten-form input:hover {
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.150); /* Slight shadow change on hover */
|
||||
}
|
||||
|
||||
.shorten-form .search-icon {
|
||||
position: absolute;
|
||||
left: 16px; /* Position the icon inside the input */
|
||||
font-size: 20px;
|
||||
color: #BEC7D5;
|
||||
}
|
||||
|
||||
.shorten-form button {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
padding: 18px 45px;
|
||||
background-color: #4d555cec;
|
||||
color: #ffffff;
|
||||
border: none;
|
||||
border-radius: 5px; /* Same rounded corners as the input */
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.082); /* Same shadow as the input */
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
transition: box-shadow 0.3s ease, background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.shorten-form button:hover,
|
||||
.shorten-form button.typing-active {
|
||||
background-color: #171C24;
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.250); /* Slight shadow change on hover */
|
||||
}
|
||||
|
||||
.shorten-form button:focus {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.250); /* Slightly stronger shadow on focus */
|
||||
}
|
||||
|
||||
.shortened-links h2 {
|
||||
font-size: 18px;
|
||||
margin-right: 500px;
|
||||
margin-bottom: 25px;
|
||||
font-weight: 550;
|
||||
color: #A2ABB8;
|
||||
}
|
||||
.custom-link {
|
||||
color: #387FFF;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
.custom-link::after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 1px;
|
||||
background-color: #387FFF;
|
||||
position: absolute;
|
||||
bottom: -2px; /* Adjust this value to position the underline */
|
||||
left: 0;
|
||||
right: 0;
|
||||
transform: scaleX(0);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.custom-link:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
|
||||
#links-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#links-list li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.link-icon {
|
||||
margin-right: -20px;
|
||||
|
||||
}
|
||||
|
||||
.link-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.short-link {
|
||||
font-weight: 550;
|
||||
margin-bottom: 3px;
|
||||
color:#171C24 ;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
margin-right: 380px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.long-link {
|
||||
color: #677583;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.copy-btn,
|
||||
.delete-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.copy-btn img,
|
||||
.delete-btn img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user