|
|
| 18. satır: |
18. satır: |
| visibility: hidden !important; | | visibility: hidden !important; |
| display: none !important; | | display: none !important; |
| }
| |
|
| |
| .news-card {
| |
| border: 1px solid #ccc;
| |
| border-radius: 8px;
| |
| padding: 1em;
| |
| margin: 1em 0;
| |
| overflow: hidden;
| |
| display: flex;
| |
| gap: 15px;
| |
| flex-wrap: wrap;
| |
| background: #fff;
| |
| box-shadow: 0 2px 6px rgba(0,0,0,0.07);
| |
| transition: box-shadow 0.3s ease;
| |
| }
| |
|
| |
| .news-card:hover {
| |
| box-shadow: 0 6px 15px rgba(0,0,0,0.15);
| |
| }
| |
|
| |
| .news-card > div:first-child {
| |
| flex: 1 1 250px;
| |
| max-width: 250px;
| |
| }
| |
|
| |
| .news-card > div:first-child img {
| |
| width: 100%;
| |
| border-radius: 6px;
| |
| display: block;
| |
| }
| |
|
| |
| .news-card > div:last-child {
| |
| flex: 2 1 300px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .news-title {
| |
| font-weight: bold;
| |
| font-size: 1.2em;
| |
| margin-bottom: 0.3em;
| |
| color: #0056b3;
| |
| }
| |
|
| |
| .news-date {
| |
| color: #888;
| |
| font-size: 0.9em;
| |
| margin-bottom: 0.5em;
| |
| }
| |
|
| |
| .news-summary {
| |
| font-size: 0.95em;
| |
| line-height: 1.4;
| |
| flex-grow: 1;
| |
| color: #333;
| |
| }
| |
|
| |
| .news-readmore {
| |
| margin-top: 0.8em;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .news-readmore a {
| |
| color: #007acc;
| |
| text-decoration: none;
| |
| transition: color 0.3s ease;
| |
| }
| |
|
| |
| .news-readmore a:hover {
| |
| color: #0056b3;
| |
| }
| |
|
| |
| .news-tags {
| |
| margin-top: 0.5em;
| |
| font-size: 0.85em;
| |
| color: #777;
| |
| }
| |
|
| |
| /* Responsive */
| |
|
| |
| @media (max-width: 600px) {
| |
| .news-card {
| |
| flex-direction: column;
| |
| }
| |
| .news-card > div:first-child,
| |
| .news-card > div:last-child {
| |
| max-width: 100%;
| |
| flex: 1 1 100%;
| |
| }
| |
| .news-card > div:first-child img {
| |
| margin-bottom: 1em;
| |
| }
| |
| } | | } |
10.17, 25 Temmuz 2025 tarihindeki hâli
/* CSS placed here will be applied to all skins */
.mw-redirectedfrom {
display: none;
}
@media screen and (max-width: 768px) {
#close-banner {
position: absolute;
top: 10px; /* Increase top value */
right: 3px; /* Increase right value */
color: white;
padding-top: 0;
padding-right: 0;
}
}
#mw-indicator-mw-helplink,
#mw-indicator-mw-helplink a.mw-helplink {
visibility: hidden !important;
display: none !important;
}
