improve less formating - part 2 (template area and base modules)
- remove @author from comments - adjust the spacing
This commit is contained in:
parent
cbc7dfe5f0
commit
5e01750458
30 changed files with 90 additions and 297 deletions
|
@ -1,64 +1,61 @@
|
|||
/**
|
||||
* This file provides the design styles for the the detail template
|
||||
* (media details)
|
||||
*
|
||||
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
|
||||
*/
|
||||
|
||||
|
||||
#dokuwiki__detail {
|
||||
|
||||
/* + + + + + linked image + + + + + */
|
||||
/* + + + + + linked image + + + + + */
|
||||
@media screen {
|
||||
.img-link {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
color: @ini_button_color;
|
||||
margin: 0 auto 1.4em;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: @ini_button_background;
|
||||
line-height: @line-height-default;
|
||||
padding: @margin-small;
|
||||
}
|
||||
|
||||
img {
|
||||
margin: 0;
|
||||
display: block;
|
||||
border: 1px dotted @ini_background_site;
|
||||
a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
color: @ini_button_color;
|
||||
margin: 0 auto 1.4em;
|
||||
|
||||
&::before {
|
||||
content: attr(title);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: @ini_button_background;
|
||||
line-height: @line-height-default;
|
||||
padding: @margin-small;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 1px solid @ini_button_background;
|
||||
margin: 0;
|
||||
display: block;
|
||||
border: 1px dotted @ini_background_site;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
|
||||
&::before {
|
||||
content: attr(title);
|
||||
}
|
||||
|
||||
img {
|
||||
border: 1px solid @ini_button_background;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* + + + + + meta data + + + + + */
|
||||
/* + + + + + meta data + + + + + */
|
||||
div.img_detail {
|
||||
@media screen {
|
||||
/* vertical minus margin of .img-detail corresponds to the padding of .page */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue