161
edits
To create a page. Send a message
MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
(Created page with "→All CSS here will be loaded for users of the mobile site: →Login form styling: #userloginForm { max-width: 400px; margin: 30px auto; padding: 15px; background: #fff; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); } #userloginForm label { display: block; font-weight: bold; margin-bottom: 5px; font-size: 14px; } #userloginForm input[type="text"], #userloginForm input[type="password"] { width: 100%; pa...") |
No edit summary |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/* Login form styling */ | /* ================================ | ||
#userloginForm { | Login form styling (Mobile only) | ||
================================ */ | |||
@media screen and (max-width: 768px) { | |||
#userloginForm { | |||
max-width: 400px; | |||
margin: 30px auto; | |||
padding: 15px; | |||
} | background: #fff; | ||
border-radius: 10px; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.15); | |||
} | |||
#userloginForm label { | #userloginForm label { | ||
display: block; | |||
font-weight: bold; | |||
margin-bottom: 5px; | |||
font-size: 14px; | |||
} | } | ||
#userloginForm input[type="text"], | #userloginForm input[type="text"], | ||
#userloginForm input[type="password"] { | #userloginForm input[type="password"] { | ||
width: 100%; | |||
padding: 12px; | |||
font-size: 14px; | |||
margin-bottom: 15px; | |||
border: 1px solid #ccc; | |||
border-radius: 6px; | |||
} | } | ||
#wpRemember { | #wpRemember { | ||
margin-right: 6px; | |||
} | } | ||
#userloginForm .mw-ui-button { | #userloginForm .mw-ui-button { | ||
background-color: #1877f2; | |||
border: none; | |||
border-radius: 6px; | |||
padding: 12px; | |||
color: #fff; | |||
width: 100%; | |||
font-size: 15px; | |||
font-weight: bold; | |||
cursor: pointer; | |||
} | } | ||
#userloginForm .mw-ui-button:hover { | #userloginForm .mw-ui-button:hover { | ||
background-color: #166fe5; | |||
} | } | ||
#userloginForm .login-links { | #userloginForm .login-links { | ||
text-align: center; | |||
margin-top: 15px; | |||
} | } | ||
#userloginForm .login-links a { | #userloginForm .login-links a { | ||
display: block; | |||
color: #5f4dee; | |||
margin-top: 8px; | |||
font-size: 14px; | |||
text-decoration: none; | |||
} | |||
} | } | ||