Ignore:
Timestamp:
10/12/24 21:32:15 (5 weeks ago)
Author:
macagaso <gasoskamarija@…>
Branches:
master
Parents:
743de55
Message:

Updated version

Location:
src/main/resources/static/css
Files:
2 added
7 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/static/css/admin-terms.css

    r743de55 r43c9090  
    4444}
    4545#active{
    46     margin: 15px 0;
     46    padding: 15px;
    4747    display: flex;
    4848    flex-direction: column;
    4949    gap: 10px;
     50    border: 1px solid #ccc;
     51    border-radius: 5px;
     52    background-color: #f9f9f9;
    5053}
    5154#frame{
    … …  
    7982    position: relative;
    8083    overflow: hidden;
    81     /* transform: scale(1.25); */
    8284}
    8385
    … …  
    131133    cursor: pointer;
    132134    animation: to-top 1s forwards;
    133     /* border-radius: 50%; */
    134135}
    135136#frame > *:hover{
    136137    background-color:white;
    137     transition: background-color 0.3s, transform 0.3s;
    138138}
    139139
    … …  
    276276    font-size: 14px;
    277277    height: 30px;
    278     width: 55px;
     278    width: 70px;
    279279    padding: 5px;
    280     overflow: hidden; /* Hide overflow if needed */
     280    overflow: hidden;
    281281}
    282282
    … …  
    291291    width: 100%;
    292292    height: 100%;
    293     background-color: rgba(0, 0, 0, 0.5); /* Dark background */
     293    background-color: rgba(0, 0, 0, 0.5);
    294294    justify-content: center;
    295295    align-items: center;
    … …  
    320320}
    321321
    322 #cancelBtn {
    323     background-color: #f44336; /* Red */
     322#cancelBtn, #temporal-deletion, #delete-approval{
     323    background-color: #ff6666;
    324324    color: white;
    325 }
    326 
    327 #approveBtn {
    328     background-color: #4CAF50; /* Green */
     325    max-width: fit-content;
     326}
     327
     328#approveBtn, #confirm-approval, #approve-carried-out{
     329    background-color: #4CAF50;
    329330    color: white;
    330331}
    … …  
    390391    background-color: #f9f9f9;
    391392}
     393
    392394#creation > * {
    393395    padding-bottom: 10px;
    … …  
    405407}
    406408
    407 #delete-all-free button {
    408     padding: 10px;
    409     background-color: #ff6666;
     409#authButton{
     410    position: absolute;
     411    left: 1145px;
     412    top: 21px;
     413    width: 150px;
    410414    color: white;
     415    background-color: red;
     416    padding: 10px;
    411417    border: none;
    412418    border-radius: 5px;
    413     cursor: pointer;
    414419}
    415420
    … …  
    423428}
    424429
    425 
    426 
    427 /* Table styles */
    428430table {
    429     width: 320px;
     431    padding-top: 10px;
     432    width: fit-content;
    430433    border-collapse: collapse;
    431434    margin-bottom: 20px;
    432435}
    433436
    434 /* Table header styles */
    435 thead {
    436     background-color: #007BFF;
    437     color: white;
    438 }
    439 
    440 th {
     437
     438thead > tr {
    441439    padding: 10px;
    442440    text-align: left;
    443441}
    444 
    445 
    446442
    447443tbody tr {
    … …  
    451447
    452448tbody tr:hover {
    453     background-color: #f1f1f1; /* Highlight row on hover */
     449    background-color: #f1f1f1;
    454450}
    455451
    … …  
    457453    padding: 10px;
    458454}
     455
     456#request-assets, #appointment-assets
     457{
     458    display: flex;
     459    flex-direction: row;
     460    gap: 10px;
     461}
     462
     463h3{
     464    padding-top: 20px;
     465}
     466#summary{
     467    margin-top: 20px;
     468    padding: 15px;
     469    display: flex;
     470    flex-direction: column;
     471    border: 1px solid #ccc;
     472    border-radius: 5px;
     473    background-color: #f9f9f9;
     474}
     475#authButton{
     476    position: absolute;
     477    left: 1145px;
     478    top: 21px;
     479    width: 150px;
     480}

  • src/main/resources/static/css/admin.css

    r743de55 r43c9090  
    4141    padding: 30px;
    4242    display: grid;
    43     grid-template-columns: repeat(2, 1fr); /* Create two equal columns */
    44     gap: 20px;                          /* Space between grid items */
     43
     44    grid-template-columns: repeat(2, 1fr);
     45    gap: 20px;
    4546}
    4647#menu a {
    47     display: flex;                      /* Enable Flexbox for a */
    48     flex-direction: column;            /* Align icon and text vertically */
    49     align-items: center;               /* Center items horizontally */
     48    display: flex;
     49    flex-direction: column;
     50    align-items: center;
    5051    justify-content: center;
    51     text-decoration: none;             /* Remove underline from links */
    52     padding: 15px;                    /* Add padding inside each link */
    53     border: 1px solid #ccc;           /* Optional: border around each link */
     52    text-decoration: none;
     53    padding: 15px;
     54    border: 1px solid #ccc;
    5455    border-radius: 5px;
    5556    font-size: 30px; ;
    5657}
    5758#menu a:hover {
    58     background-color: white; /* Light blue background on hover */
     59    background-color: white;
    5960    transition: background-color 0.3s ease;
    6061    border: 1px solid black;
    … …  
    6263
    6364#menu img {
    64     max-width: 50px;                  /* Limit the width of images */
    65     margin-bottom: 5px;               /* Space between image and text */
     65    max-width: 50px;
     66    margin-bottom: 5px;
    6667}
     68#authButton{
     69    position: absolute;
     70    left: 1145px;
     71    top: 21px;
     72    width: 150px;
     73    color: white;
     74    background-color: red;
     75    padding: 10px;
     76    border: none;
     77    border-radius: 5px;
     78}

  • src/main/resources/static/css/adminNews.css

    r743de55 r43c9090  
    2727}
    2828.news-item{
    29     display: flex; /* Aligns image and text in a row */
    30     flex-direction: column; /* Change to 'row' for horizontal layout */
    31     width: 260px;
     29    display: flex;
     30    flex-direction: column;
     31    width: 420px;
    3232    align-items: center;
    3333    justify-content: center;
    3434    margin: 0 15px 10px 0;
    3535    padding: 20px;
    36     border: 1px solid #ddd; /* Optional: Adds a border */
     36    border: 1px solid #ddd;
    3737    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    3838}
     39.news-item > *{
     40    text-align: left;
     41}
    3942img{
    40     width: 100%; /* Make image responsive */
    41     max-width: 400px; /* Set a maximum width for the image */
    42     height: auto; /* Maintain aspect ratio */
    43     border-radius: 10px; /* Optional: Adds rounded corners */
     43    width: 100%;
     44    max-width: 400px;
     45    height: auto;
     46    border-radius: 10px;
    4447    margin-bottom: 15px;
    4548}
    … …  
    4750    font-size: 1.2rem;
    4851    line-height: 1.5;
    49     text-align: center; /* Center the text */
     52    text-align: center;
    5053    color: #333;
    5154    margin: 0;
    … …  
    5356@media (max-width: 768px) {
    5457    .news-item {
    55         flex-direction: column; /* Stack elements on smaller screens */
     58        flex-direction: column;
    5659    }
    5760}
    … …  
    98101}
    99102
    100 /* Style for the upload button */
    101103#open-popup {
    102104    padding: 10px 20px;
    … …  
    110112
    111113#image-popup {
    112     width: 400px; /* Set a width for the modal */
     114    width: 400px;
    113115    background-color: white;
    114116    border-radius: 8px;
    … …  
    126128}
    127129
    128 /* Image preview area */
    129130#image-preview {
    130131    margin-top: 10px;
    … …  
    133134}
    134135
    135 /* Style for buttons inside the popup */
    136136#image-popup button {
    137137    padding: 8px 15px;
    … …  
    147147
    148148#edit-button, #save-button {
    149     background-color: #17a2b8; /* Blueish color */
     149    background-color: #17a2b8;
    150150}
    151151
    152152
    153 /* Overlay */
    154153#overlay {
    155     background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    156     z-index: 999; /* Ensure it is behind the modal but above everything else */
     154    background: rgba(0, 0, 0, 0.5);
     155    z-index: 999;
    157156}
    158157
    159 /* Button hover effects */
    160158#image-popup button:hover, #open-popup:hover {
    161159    opacity: 0.9;
    162160}
    163161
    164 
    165 
    166 /* Cancel button */
    167162#cancel-button {
    168     background-color: #dc3545; /* Red color */
     163    background-color: #dc3545;
    169164}
    170165
    171 
     166#authButton{
     167    position: absolute;
     168    left: 1145px;
     169    top: 21px;
     170    width: 150px;
     171    color: white;
     172    background-color: red;
     173    padding: 10px;
     174    border: none;
     175    border-radius: 5px;
     176}

  • src/main/resources/static/css/calendar.css

    r743de55 r43c9090  
    1 /* Modal background */
    21#confirmation-modal {
    3     display: none; /* Hidden by default */
    4     position: absolute; /* Fixed positioning to center it on the page */
    5     z-index: 1000; /* Sit on top */
     2    display: none;
     3    position: absolute;
     4    z-index: 1000;
    65    left: 38%;
    76    top: 40%;
    8     width: 400px; /* Full width */
    9     overflow: auto; /* Enable scroll if needed */
    10     background-color: #fff; /* White background for the content */
    11     border-radius: 8px; /* Rounded corners */
    12     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    13     text-align: center; /* Center align text */
     7    width: 400px;
     8    overflow: auto;
     9    background-color: #fff;
     10    border-radius: 8px;
     11    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     12    text-align: center;
    1413}
    1514.model-content{
    … …  
    2423}
    2524
    26 /* Buttons */
    2725button {
    28     background-color: #3498db; /* Primary button color */
     26    background-color: #3498db;
    2927    border: none;
    3028    color: #fff;
    … …  
    3836
    3937button:hover {
    40     background-color: #2980b9; /* Darker shade for hover effect */
    41     transform: scale(1.05); /* Slight scale effect on hover */
     38    background-color: #2980b9;
     39    transform: scale(1.05);
    4240}
    4341
    4442button:active {
    45     background-color: #1f77e4; /* Even darker shade when active */
    46 }
    47 
    48 /* Cancel button with different color */
     43    background-color: #1f77e4;
     44}
     45
    4946#cancel-booking {
    50     background-color: #e74c3c; /* Different color for cancel button */
     47    background-color: #e74c3c;
    5148}
    5249
    5350#cancel-booking:hover {
    54     background-color: #c0392b; /* Darker shade for hover effect */
     51    background-color: #c0392b;
    5552}
    5653
    … …  
    118115#right-side > *{
    119116    margin:10px;
     117}
     118#right-side{
     119    position: relative;
     120    top: 50px;
     121    padding: 16px;
     122}
     123#hourly-terms{
     124    display: flex;
     125    flex-wrap: wrap;
     126    gap: 10px;
     127}
     128#right-side > *{
     129    margin-bottom: 5px;
    120130}
    121131
    … …  
    176186    position: relative;
    177187    overflow: hidden;
    178     /* transform: scale(1.25); */
    179188}
    180189
    … …  
    232241    cursor: pointer;
    233242    animation: to-top 1s forwards;
    234     /* border-radius: 50%; */
    235243}
    236244
    … …  
    239247}
    240248
    241 .calendar-days div:hover span {
    242     transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
    243 }
    244249
    245250.calendar-days div span:nth-child(1),
    … …  
    250255}
    251256
    252 .calendar-days div:hover span:nth-child(1),
    253 .calendar-days div:hover span:nth-child(3) {
    254     height: 100%;
    255 }
    256 
    257257.calendar-days div span:nth-child(1) {
    258258    bottom: 0;
    … …  
    272272}
    273273
    274 .calendar-days div:hover span:nth-child(2),
    275 .calendar-days div:hover span:nth-child(4) {
    276     width: 100%;
    277 }
    278274
    279275.calendar-days div span:nth-child(2) {
    … …  
    287283}
    288284
    289 .calendar-days div:hover span:nth-child(2) {
    290     transition-delay: 0.2s;
    291 }
    292 
    293 .calendar-days div:hover span:nth-child(3) {
    294     transition-delay: 0.4s;
    295 }
    296 
    297 .calendar-days div:hover span:nth-child(4) {
    298     transition-delay: 0.6s;
    299 }
    300 
    301 .calendar-days div.curr-date,
    302 .calendar-days div.curr-date:hover {
     285.curr-date{
    303286    background-color: var(--blue);
    304287    color: var(--white);
    … …  
    391374    }
    392375}
    393 
    394 
    395 
    396 
     376#authButton{
     377    position: absolute;
     378    left: 1145px;
     379    top: 21px;
     380    width: 150px;
     381    color: white;
     382    background-color: red;
     383    padding: 10px;
     384    border: none;
     385    border-radius: 5px;
     386}
     387
     388
     389

  • src/main/resources/static/css/index.css

    r743de55 r43c9090  
    6666
    6767.dropdown-content {
    68     display: none; /* Hide dropdown by default */
    69     position: absolute; /* Position relative to the list item */
     68    display: none;
     69    position: absolute;
    7070    left: 0;
    71     top: 100%; /* Position below the list item */
    72     background-color: white; /* Background color of the dropdown */
    73     border: 1px solid #ddd; /* Border of the dropdown */
    74     padding: 10px; /* Padding inside the dropdown */
    75     box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional shadow for dropdown */
    76     width: 100%; /* Full width of the list item */
     71    top: 100%;
     72    background-color: white;
     73    border: 1px solid #ddd;
     74    padding: 10px;
     75    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
     76    width: 100%;
    7777}
    7878.icon-search{
    … …  
    9898    justify-content: center;
    9999    height: 350px;
    100     /*background-color: #F3F0E7;*/
    101100    background-color: #F7F7F5;
    102101}
    … …  
    108107.items-register{
    109108    font-family: "Kumbh Sans", sans-serif;
     109    position: absolute;
     110    left: 900px;
    110111}
    111112.items-register p{
    … …  
    117118}
    118119
    119 .items-register{
    120     display:flex;
     120.form-imp{
     121    display: flex;
    121122    flex-direction: column;
    122123    align-items: center;
    123     /*background-color: #F3F0E7;*/
    124 }
    125 
    126 .form-imp{
    127     display: flex;
    128     flex-direction: column;
    129     align-items: center;
    130124    width: auto;
    131125    padding: 10px;
    132126}
    133127input , button {
    134     border-radius: 5px; /* Adjust the value to make the corners more or less rounded */
    135     padding: 7px; /* Optional: adds padding inside the input */
    136     border: 1px solid #9D9D9D; /* Optional: adds a border around the input */
     128    border-radius: 5px;
     129    padding: 7px;
     130    border: 1px solid #9D9D9D;
    137131}
    138132button{
    … …  
    140134    color:white;
    141135}
     136#personalised{
     137    font-size: xx-large;
     138    font-family: "Caveat", cursive;
     139}
    142140.white-part{
     141    display: flex;
     142    flex-direction: column;
    143143    background-color: white;
    144144    width: 415px;
    145145    border-radius: 5px;
    146     padding: 7px;
     146    padding: 20px;
     147}
     148a {
     149    text-decoration: none;
     150}
     151.logged-in{
     152    padding: 20px;
     153    font-family: "Kumbh Sans", sans-serif;
    147154}
    148155.split-title{
    … …  
    179186    align-items: center;
    180187    background-color: #F7F7F5;
    181     /*background-color: #F3F0E7;*/
    182188}
    183189.part2 > div{
    … …  
    187193}
    188194.part2 > div:first-child {
    189     justify-content: flex-end; /* Align the content to the right */
     195    justify-content: flex-end;
    190196}
    191197
    … …  
    217223    background-color: transparent;
    218224    color: darkgreen;
    219     border: 2px solid darkgreen; /* Set the border color and make it bold */
    220     border-radius: 12px; /* Make the borders rounded */
    221     font-weight: bold; /* Make the text bold */
    222     padding: 10px 20px; /* Add some padding for better appearance */
    223     cursor: pointer; /* Change the cursor to a pointer when hovered */
    224     font-family: "Kumbh Sans", sans-serif; /* Match the font family */
    225     font-size: 16px; /* Adjust font size as needed */
     225    border: 2px solid darkgreen;
     226    border-radius: 12px;
     227    font-weight: bold;
     228    padding: 10px 20px;
     229    cursor: pointer;
     230    font-family: "Kumbh Sans", sans-serif;
     231    font-size: 16px;
    226232}
    227233
    … …  
    248254}
    249255.icons li img:hover {
    250     background-color: white; /* Change background color on hover */
    251     border-color: darkslategrey; /* Change border color on hover */
     256    background-color: white;
     257    border-color: darkslategrey;
    252258}
    253259.footer-left p img{
    … …  
    272278}
    273279
    274 
    275 /*login*/
    276 
    277280.popup {
    278     display: none; /* Hide the form */
    279     position: fixed; /* Position it relative to the viewport */
    280     z-index: 2; /* Ensure it appears above other content */
     281    display: none;
     282    position: fixed;
     283    z-index: 2;
    281284    left: 50%;
    282285    top: 50%;
    283     transform: translate(-50%, -50%); /* Center it horizontally and vertically */
    284     width: 500px; /* Set a fixed width for the form */
    285     padding: 25px; /* Add some padding */
    286     background-color: white; /* Background color of the form */
    287     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Add a shadow for better visibility */
    288     border-radius: 10px; /* Slightly round the corners */
    289 }
    290 
    291 /* Style the close button */
     286    transform: translate(-50%, -50%);
     287    width: 500px;
     288    height: auto;
     289    padding: 25px;
     290    background-color: white;
     291    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
     292    border-radius: 10px;
     293    font-family: "Kumbh Sans", sans-serif;
     294}
     295
    292296.popup .close-btn {
    293297    position: absolute;
    … …  
    297301    cursor: pointer;
    298302}
    299 
    300 /* Add some basic styling for the form content */
     303#submit-btn{
     304    width: 120px;
     305    background-color: #10B981;
     306}
     307#loginForm > div > h2{
     308    text-align: center;
     309}
     310
    301311.popup-content {
    302     display: flex; /* Use flexbox for layout */
    303     flex-direction: column; /* Stack children vertically */
    304     align-items: stretch; /* Ensure all elements take the full width */
    305     text-align: center; /* Center the content */
     312    padding: 20px;
     313    width: 100%;
     314    display: flex;
     315    flex-direction: column;
     316    align-items: stretch;
    306317}
    307318
    308319.popup-content h2 {
    309     margin-bottom: 20px; /* Add some space below the title */
     320    margin-bottom: 20px;
    310321}
    311322
    312323.popup-content label {
    313     display: block; /* Make the labels block elements */
    314     margin-bottom: 10px; /* Add some space below the labels */
    315     text-align: left; /* Align the text to the left */
     324    display: block;
     325    margin-bottom: 10px;
     326    text-align: left;
    316327}
    317328
    318329.popup-content input {
    319     width: 100%; /* Make the inputs take up the full width */
    320     padding: 8px; /* Add some padding inside the inputs */
    321     margin-bottom: 20px; /* Add space below the inputs */
    322     border: 1px solid #ccc; /* Light border around inputs */
    323     border-radius: 5px; /* Slightly round the input corners */
     330    width: 100%;
     331    padding: 8px;
     332    margin-bottom: 20px;
     333    border: 1px solid #ccc;
     334    border-radius: 5px;
    324335}
    325336
    326337.popup-content button {
    327     padding: 10px 20px; /* Add padding to the button */
    328     background-color: #007BFF; /* Button background color */
    329     color: white; /* Button text color */
    330     border: none; /* Remove the default border */
    331     border-radius: 5px; /* Round the button corners */
    332     cursor: pointer; /* Add a pointer cursor on hover */
     338    padding: 10px 20px;
     339    background-color: #007BFF;
     340    color: white;
     341    border: none;
     342    border-radius: 5px;
     343    cursor: pointer;
    333344}
    334345
    335346.popup-content button:hover {
    336     background-color: #0056b3; /* Darken the button on hover */
     347    background-color: #0056b3;
    337348}
    338349body.no-scroll {
    … …  
    340351}
    341352.dataForms{
    342     display: flex; /* Use flexbox for layout */
    343     flex-direction: column; /* Stack children vertically */
    344     align-items: stretch; /* Ensure all elements take the full width */
    345     text-align: center; /* Center the content */
    346 }
     353    display: flex;
     354    flex-direction: column;
     355    align-items: stretch;
     356    text-align: center;
     357
     358}
     359#links{
     360    padding: 10px;
     361    display: flex;
     362    flex-direction: column;
     363    gap: 5px;
     364    color: darkgreen;
     365}
     366.logged-in{
     367    position: absolute;
     368    left: 900px;
     369    padding: 30px;
     370}
     371a img{
     372    transform: rotate(-90deg);
     373    height: 20px;
     374    margin-right: 10px;
     375}
     376#signInForm{
     377    height: 500px;
     378    width: 700px;
     379}
     380#signInForm > div > form{
     381    display: grid;
     382    grid-template-columns: repeat(2, 1fr);
     383    grid-template-rows: repeat(3, 1fr);
     384    gap: 10px;
     385}
     386#authButton{
     387    position: absolute;
     388    left: 1145px;
     389    top: 21px;
     390    width: 150px;
     391    color: white;
     392    background-color: red;
     393    padding: 10px;
     394    border: none;
     395    border-radius: 5px;
     396}
     397
     398#create{
     399    width: 200px;
     400    padding: 15px;
     401    background-color: #10B981;
     402    position: absolute;
     403    top: 80%;
     404    left: 50%;
     405    transform: translate(-50%, -50%);
     406    margin-top: 20px;
     407}

  • src/main/resources/static/css/terms.css

    r743de55 r43c9090  
    44body{
    55    font-family: var(--font-family);
     6    background-color: #f3f8fe;
    67}
    7 #outer-frame{
    8     background-color: #f3f8fe;
    9     width: 100%;
    10     height: 100vh;
    11 }
     8
    129#header{
    1310    display: flex;
    … …  
    1613#menu{
    1714    display: flex;
     15    gap: 10px;
    1816}
    1917#menu *{
    20     padding: 8px;
     18    padding: 10px;
     19    background-color: #17a2b8;
     20    border: 0;
     21    border-radius: 5px;
     22    color: white;
    2123}
    2224table td,
    … …  
    2426    padding: 10px;
    2527}
    26 table{
    27     /*margin: 0 auto;*/
    28     width: 920px;
    29 }
     28
    3029
    3130#popup {
    … …  
    6766    color: #fff;
    6867}
     68
     69table{
     70    border-collapse: collapse;
     71    table-layout: fixed;
     72    width: max-content;
     73}
     74
     75th, td {
     76    width: fit-content;
     77    text-align: center;
     78    border: 1px solid #ddd;
     79    padding: 12px;
     80}
     81
     82th {
     83    background-color: lightslategray;
     84    color: #fff;
     85
     86}
     87#frame{
     88    display: flex;
     89    flex-direction: column;
     90    gap: 10px;
     91}
     92#requestsTableBody{
     93    background-color: #eeeded;
     94}
     95#authButton{
     96    position: absolute;
     97    left: 1145px;
     98    top: 21px;
     99    width: 150px;
     100    color: white;
     101    background-color: red;
     102    padding: 10px;
     103    border: none;
     104    border-radius: 5px;
     105}

  • src/main/resources/static/css/users-view.css

    r743de55 r43c9090  
    1 /* General reset */
     1
    22* {
    33    margin: 0;
    … …  
    66}
    77
    8 /* Styling for the entire page */
    98body {
    109    font-family: Arial, sans-serif;
    … …  
    2019}
    2120
    22 /* Frame that contains the whole content */
    2321#frame {
    2422    width: 80%;
    … …  
    3028}
    3129
    32 /* Header section */
    3330#header-part {
    3431    display: flex;
    … …  
    3936}
    4037
    41 /* Dropdown and labels styling */
    4238label {
    4339    font-weight: bold;
    … …  
    6056}
    6157
    62 /* Main part: the table */
    6358#main-part {
    6459    margin-top: 20px;
    … …  
    9691}
    9792
    98 /* For responsiveness */
    9993@media (max-width: 768px) {
    10094    #header-part {
    … …  
    111105    display: none;
    112106}
    113 /*.news-item{*/
    114 /*    display: flex; !* Aligns image and text in a row *!*/
    115 /*    !*flex-direction: column; !* Change to 'row' for horizontal layout *!*!*/
    116 /*    width: 300px;*/
    117 /*    align-items: center;*/
    118 /*    justify-content: center;*/
    119 /*    max-width: 800px; !* Limit max width to prevent stretching *!*/
    120 /*    margin: 0 auto; !* Centers the container *!*/
    121 /*    padding: 20px;*/
    122 /*    border: 1px solid #ddd; !* Optional: Adds a border *!*/
    123 /*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    124 /*}*/
    125 /*img{*/
    126 /*    width: 100%; !* Make image responsive *!*/
    127 /*    max-width: 400px; !* Set a maximum width for the image *!*/
    128 /*    height: auto; !* Maintain aspect ratio *!*/
    129 /*    border-radius: 10px; !* Optional: Adds rounded corners *!*/
    130 /*    margin-bottom: 15px;*/
    131 /*}*/
    132 /*p{*/
    133 /*    font-size: 1.2rem;*/
    134 /*    line-height: 1.5;*/
    135 /*    text-align: center; !* Center the text *!*/
    136 /*    color: #333;*/
    137 /*    margin: 0;*/
    138 /*}*/
    139 /*@media (max-width: 768px) {*/
    140 /*    .news-item {*/
    141 /*        flex-direction: column; !* Stack elements on smaller screens *!*/
    142 /*    }*/
    143 /*}*/
     107button{
     108    padding: 5px;
     109}
     110#authButton{
     111    position: absolute;
     112    left: 1280px;
     113    top: 21px;
     114    width: 127px;
     115    color: white;
     116    background-color: red;
     117    padding: 10px;
     118    border: none;
     119    border-radius: 5px;
     120}
Note: See TracChangeset for help on using the changeset viewer.