MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; }") |
No edit summary |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
blockquote { | blockquote{ | ||
background: # | display:block; | ||
border-left: | background: #fff; | ||
padding: 15px 20px 15px 45px !important; | |||
margin: 20px 0 20px; | |||
position: relative; | |||
/*Font*/ | |||
font-family: Georgia, serif; | |||
font-size: 16px; | |||
line-height: 1.2; | |||
color: #666; | |||
text-align: justify; | |||
/*Borders - (Optional)*/ | |||
border-left: 6px solid #c76c0c !important; | |||
border-right: 2px solid #c76c0c !important; | |||
/*Box Shadow - (Optional)*/ | |||
-moz-box-shadow: 2px 2px 15px #ccc; | |||
-webkit-box-shadow: 2px 2px 15px #ccc; | |||
box-shadow: 2px 2px 15px #ccc; | |||
} | } | ||
blockquote:before { | |||
blockquote::before{ | |||
content: "\201C"; /*Unicode for Left Double Quote*/ | |||
font-size: | |||
/*Font*/ | |||
font-family: Georgia, serif; | |||
font-size: 50px; | |||
font-weight: bold; | |||
color: #999; | |||
/*Positioning*/ | |||
position: absolute; | |||
left: 10px; | |||
top:5px; | |||
} | } | ||
blockquote | |||
blockquote::after{ | |||
/*Reset to make sure*/ | |||
content: ""; | |||
} | |||
blockquote a{ | |||
text-decoration: none; | |||
background: #eee; | |||
cursor: pointer; | |||
padding: 0 3px; | |||
color: #c76c0c; | |||
} | |||
blockquote a:hover{ | |||
color: #666; | |||
} | |||
blockquote em{ | |||
font-style: italic; | |||
} | } | ||
Latest revision as of 17:43, 30 November 2023
/* CSS placed here will be applied to all skins */
blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px !important;
margin: 20px 0 20px;
position: relative;
/*Font*/
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;
/*Borders - (Optional)*/
border-left: 6px solid #c76c0c !important;
border-right: 2px solid #c76c0c !important;
/*Box Shadow - (Optional)*/
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quote*/
/*Font*/
font-family: Georgia, serif;
font-size: 50px;
font-weight: bold;
color: #999;
/*Positioning*/
position: absolute;
left: 10px;
top:5px;
}
blockquote::after{
/*Reset to make sure*/
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}