Module:Shortcut/styles.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
gibberish |
m clear shortcuts on smaller screens |
||
Line 38: | Line 38: | ||
line-height: 1.3; |
line-height: 1.3; |
||
margin: 0; |
margin: 0; |
||
} |
|||
@media (max-width: 719px) { |
|||
.ombox > * > tr { |
|||
display: block; |
|||
} |
|||
.ombox .mbox-image { |
|||
float: left; |
|||
padding-top: 14px; |
|||
padding-right: 6px; |
|||
} |
|||
.ombox .mbox-text, |
|||
.ombox .mbox-imageright { |
|||
display: block; |
|||
box-sizing: border-box; |
|||
} |
|||
.ombox .mbox-imageright { |
|||
float: right; |
|||
clear: right; |
|||
} |
|||
} |
} |
Revision as of 12:20, 14 March 2023
/* {{pp-template}} */
.module-shortcutboxplain {
float: right;
margin: 0 0 0 1em;
border: 1px solid #aaa;
background: #fff;
padding: 0.3em 0.6em 0.2em 0.6em;
text-align: center;
font-size: 85%;
}
.module-shortcutboxleft {
float: left;
margin: 0 1em 0 0;
}
.module-shortcutlist {
display: inline-block;
border-bottom: 1px solid #aaa;
margin-bottom: 0.2em;
}
.module-shortcutboxplain ul {
font-weight: bold;
}
.module-shortcutanchordiv {
position: relative;
top: -3em;
}
li .module-shortcutanchordiv {
float: right; /* IE/Edge in list items */
}
.mbox-imageright .module-shortcutboxplain {
padding: 0.4em 1em 0.4em 1em;
line-height: 1.3;
margin: 0;
}
@media (max-width: 719px) {
.ombox > * > tr {
display: block;
}
.ombox .mbox-image {
float: left;
padding-top: 14px;
padding-right: 6px;
}
.ombox .mbox-text,
.ombox .mbox-imageright {
display: block;
box-sizing: border-box;
}
.ombox .mbox-imageright {
float: right;
clear: right;
}
}