"ഫലകം:Quote box/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
Content deleted Content added
(ചെ.) don't make the quotes influence the line height with their bigger size |
(ചെ.) don't float the element when in mobile view, because it breaks stuff |
||
വരി 56: | വരി 56: | ||
} |
} |
||
@media screen and (max-width: |
@media screen and (max-width:360px) { |
||
.quotebox { |
.quotebox { |
||
/*override inline styles */ |
/*override inline styles */ |
||
min-width: 100%; |
min-width: 100%; |
||
margin: 0 0 0.8em !important |
margin: 0 0 0.8em !important; |
||
float: none !important; |
|||
} |
} |
||
} |
} |
14:50, 17 ഓഗസ്റ്റ് 2018-നു നിലവിലുണ്ടായിരുന്ന രൂപം
.quotebox {
background-color: #F9F9F9;
border: 1px solid #aaa;
box-sizing: border-box;
padding: 10px;
font-size: 88%;
}
.quotebox.floatleft {
margin: 0.5em 1.4em 0.8em 0;
}
.quotebox.floatright {
margin: 0.5em 0 0.8em 1.4em;
}
.quotebox.centered {
margin: 0.5em auto 0.8em auto;
}
.quotebox.floatleft p,
.quotebox.floatright p {
font-style: inherit;
}
.quotebox-title {
background-color: #F9F9F9;
text-align: center;
font-size: larger;
font-weight: bold;
}
.quotebox-quote.quoted:before {
font-family:'Times New Roman',serif;
font-weight:bold;
font-size: large;
color: gray;
content: ' “ ';
vertical-align: -45%;
line-height: 0;
}
.quotebox-quote.quoted:after {
font-family:'Times New Roman',serif;
font-weight:bold;
font-size: large;
color: gray;
content: ' ” ';
line-height: 0;
}
.quotebox .left-aligned {
text-align: left;
}
.quotebox .right-aligned {
text-align: right;
}
.quotebox .center-aligned {
text-align: center;
}
.quotebox cite {
display:block;
font-style:normal;
}
@media screen and (max-width:360px) {
.quotebox {
/*override inline styles */
min-width: 100%;
margin: 0 0 0.8em !important;
float: none !important;
}
}