Biurokraci, Moderatorzy czatu, checkuser, commenters, Moderatorzy (CommentStreams), gitkursanci, Administratorzy interfejsu, Moderatorzy, odkrywajacy, Page Ownership admin, swiadomikursanci, Administratorzy, Redaktorzy widżetów
992
edycje
Inne akcje
m
brak opisu edycji
Swiadomosc (dyskusja | edycje) mNie podano opisu zmian |
Swiadomosc (dyskusja | edycje) mNie podano opisu zmian |
||
| Linia 88: | Linia 88: | ||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
/* | |||
input[type="text"].words { | input[type="text"].words { | ||
border: none; /* Clears existing border settings */ | border: none; /* Clears existing border settings */ | ||
/* border-bottom: 1px solid black; /* Sets a 1px solid black bottom border */ | |||
/* outline: none; /* Optional: Removes the focus outline to ensure the styling is consistent */ | |||
/* margin: 0 2px; /* Adds 10px padding to the left and right. Adjust the value as needed */ | |||
/* Inherits the font size from the parent element */ | /* Inherits the font size from the parent element */ | ||
/* Add other properties here to reset any other desired default styles */ | /* Add other properties here to reset any other desired default styles */ | ||
/* } */ | |||
input[type="text"].words { | |||
border: 2px solid #CCCCCC; /* Sets a light gray border for a subtle appearance */ | |||
border-radius: 5px; /* Adds a slight rounding to the corners for a softer, friendlier look */ | |||
background-color: #F9F9F9; /* Sets a very light background to distinguish the input field without overpowering */ | |||
padding: 8px 12px; /* Adjusts padding for comfortable text entry */ | |||
font-size: inherit; /* Ensures font size is inherited, maintaining consistency with the surrounding text */ | |||
color: #333333; /* Sets a dark gray text color for readability */ | |||
transition: border-color 0.3s, box-shadow 0.3s; /* Smooth transition for focus and hover states */ | |||
} | |||
input[type="text"].words:focus { | |||
border-color: #007BFF; /* Changes the border color to a more noticeable one when focused */ | |||
box-shadow: 0 0 0 2px rgba(0,123,255,0.25); /* Adds a subtle glow effect to highlight the active field */ | |||
outline: none; /* Removes the default focus outline to use the custom styles */ | |||
} | } | ||