MediaWiki:Common.css: Difference between revisions
From Citypedia Online
Super Admin (talk | contribs) No edit summary |
Super Admin (talk | contribs) No edit summary |
||
| Line 20: | Line 20: | ||
} | } | ||
/* Container | /* Container Card */ | ||
. | .cp-welcome-card { | ||
background: #ffffff; | background: #ffffff; | ||
border: 1px solid # | border: 1px solid #d1d5db; | ||
border-radius: | border-radius: 12px; | ||
padding: | padding: 30px; | ||
margin: 20px 0; | margin: 20px 0; | ||
box-shadow: 0 4px | box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); | ||
font-family: sans-serif; | |||
} | } | ||
/* Text | /* Marathi Text */ | ||
.welcome-text { | .cp-welcome-text { | ||
font-size: | font-size: 18px; | ||
line-height: 1. | line-height: 1.8; | ||
color: # | color: #374151; | ||
margin-bottom: | margin-bottom: 25px; | ||
text-align: justify; | |||
} | } | ||
.highlight | /* Red Highlight */ | ||
color: # | .cp-highlight { | ||
color: #e11d48; | |||
font-weight: bold; | font-weight: bold; | ||
border-bottom: 2px solid #e11d48; | |||
} | } | ||
/* Form Layout */ | /* Form Layout */ | ||
. | .cp-create-box form { | ||
display: flex; | display: flex; | ||
max-width: 700px; | |||
gap: 0; | |||
} | } | ||
/* Input | /* The Input Field */ | ||
. | .cp-input { | ||
flex | flex: 1; | ||
padding: | padding: 14px 20px; | ||
border: | border: 2px solid #3b82f6; | ||
border-right: none; | border-right: none; | ||
border-radius: | border-radius: 8px 0 0 8px; | ||
font-size: | font-size: 16px; | ||
outline: none; | outline: none; | ||
transition: all 0.3s; | |||
} | } | ||
. | .cp-input:focus { | ||
background-color: #eff6ff; | |||
} | } | ||
/* The | /* The Button */ | ||
. | .cp-btn { | ||
background-color: # | background-color: #3b82f6; | ||
color: white; | color: white; | ||
padding: | padding: 14px 25px; | ||
border: | border: 2px solid #3b82f6; | ||
border-radius: 0 | border-radius: 0 8px 8px 0; | ||
font-size: 16px; | |||
font-weight: bold; | font-weight: bold; | ||
cursor: pointer; | cursor: pointer; | ||
transition: background 0. | transition: background 0.3s; | ||
} | } | ||
. | .cp-btn:hover { | ||
background-color: # | background-color: #2563eb; | ||
border-color: #2563eb; | |||
} | } | ||
Revision as of 16:59, 2 January 2026
/* CSS placed here will be applied to all skins */
/* Add icons to sidebar city links */
#n-Mumbai a {
background: url(https://citypedia.online/images/0/0b/Mumbai.png) no-repeat left center;
padding-left: 25px !important;
background-size: 18px;
}
#n-Pune a {
background: url(https://citypedia.online/images/8/86/Pune.png) no-repeat left center;
padding-left: 25px !important;
background-size: 18px;
}
#n-Thane a {
background: url(https://citypedia.online/images/d/d0/Thane.png) no-repeat left center;
padding-left: 25px !important;
background-size: 18px;
}
/* Container Card */
.cp-welcome-card {
background: #ffffff;
border: 1px solid #d1d5db;
border-radius: 12px;
padding: 30px;
margin: 20px 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
font-family: sans-serif;
}
/* Marathi Text */
.cp-welcome-text {
font-size: 18px;
line-height: 1.8;
color: #374151;
margin-bottom: 25px;
text-align: justify;
}
/* Red Highlight */
.cp-highlight {
color: #e11d48;
font-weight: bold;
border-bottom: 2px solid #e11d48;
}
/* Form Layout */
.cp-create-box form {
display: flex;
max-width: 700px;
gap: 0;
}
/* The Input Field */
.cp-input {
flex: 1;
padding: 14px 20px;
border: 2px solid #3b82f6;
border-right: none;
border-radius: 8px 0 0 8px;
font-size: 16px;
outline: none;
transition: all 0.3s;
}
.cp-input:focus {
background-color: #eff6ff;
}
/* The Button */
.cp-btn {
background-color: #3b82f6;
color: white;
padding: 14px 25px;
border: 2px solid #3b82f6;
border-radius: 0 8px 8px 0;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s;
}
.cp-btn:hover {
background-color: #2563eb;
border-color: #2563eb;
}
