148 lines
2.9 KiB
CSS
148 lines
2.9 KiB
CSS
|
/**
|
||
|
|
* style.css for Plugin nspages
|
||
|
|
*
|
||
|
|
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
|
||
|
|
* @author Daniel Schranz <xla@gmx.at>
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* the headlines (categories and pages in this category) */
|
||
|
|
.catpageheadline {
|
||
|
|
text-decoration: underline;
|
||
|
|
font-size: x-large;
|
||
|
|
clear: left;
|
||
|
|
margin: 0 0 0.7em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* the letters to indicate the following pages start with a new letter */
|
||
|
|
.catpagechars {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.catpagecol {
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* to make sure anything after the index will be written beneath */
|
||
|
|
.catpageeofidx {
|
||
|
|
clear: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.catpagecol ul.nspagesul {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* below: all the styles for the usePictures mode */
|
||
|
|
div.nspagesPicturesModeMain a:hover {
|
||
|
|
background-color:#f4ff4f;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.nspagesPicturesModeMain a {
|
||
|
|
padding:5px;
|
||
|
|
color: #ff0000;
|
||
|
|
background-color:#eee;
|
||
|
|
font-size: 100%;
|
||
|
|
width:32%;
|
||
|
|
max-width: 350px;
|
||
|
|
height:230px;
|
||
|
|
float:left;
|
||
|
|
margin:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.nspagesPicturesModeImg {
|
||
|
|
padding:5px;
|
||
|
|
overflow: hidden;
|
||
|
|
background-size: cover;
|
||
|
|
background-position: 50% 50%;
|
||
|
|
width: 100%;
|
||
|
|
height: 220px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nspagesPicturesModeTitle {
|
||
|
|
background-color:#f4ff4f;
|
||
|
|
display:block;
|
||
|
|
overflow: hidden;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: left;
|
||
|
|
color: #444;
|
||
|
|
font-family: 'Lato', 'Arial', sans-serif;
|
||
|
|
text-decoration: none;max-width: 320px;
|
||
|
|
margin-left: -5px;
|
||
|
|
margin-top: 165px;
|
||
|
|
padding-left: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nspagesPicturesDate {
|
||
|
|
overflow: hidden;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: left;
|
||
|
|
color: #eee;
|
||
|
|
font-family: 'Lato', 'Arial', sans-serif;
|
||
|
|
text-decoration: none;
|
||
|
|
background: black;
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-left:5px;
|
||
|
|
margin-left: -5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ---------- RTL --------------*/
|
||
|
|
|
||
|
|
[dir=rtl] div.nspagesPicturesModeMain a:hover {
|
||
|
|
background-color:#f4ff4f;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] div.nspagesPicturesModeMain a {
|
||
|
|
padding:5px;
|
||
|
|
color: #ff0000;
|
||
|
|
background-color:#eee;
|
||
|
|
font-size: 100%;
|
||
|
|
width:32%;
|
||
|
|
max-width: 350px;
|
||
|
|
height:230px;
|
||
|
|
float:left;
|
||
|
|
margin:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] div.nspagesPicturesModeImg {
|
||
|
|
padding:5px;
|
||
|
|
overflow: hidden;
|
||
|
|
background-size: cover;
|
||
|
|
background-position: 50% 50%;
|
||
|
|
width: 100%;
|
||
|
|
height: 220px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .nspagesPicturesModeTitle {
|
||
|
|
background-color:#f4ff4f;
|
||
|
|
display:block;
|
||
|
|
overflow: hidden;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: left;
|
||
|
|
color: #444;
|
||
|
|
font-family: 'Lato', 'Arial', sans-serif;
|
||
|
|
text-decoration: none;max-width: 320px;
|
||
|
|
margin-left: -5px;
|
||
|
|
margin-top: 165px;
|
||
|
|
padding-left: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[dir=rtl] .nspagesPicturesDate {
|
||
|
|
overflow: hidden;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: left;
|
||
|
|
color: #eee;
|
||
|
|
font-family: 'Lato', 'Arial', sans-serif;
|
||
|
|
text-decoration: none;
|
||
|
|
background: black;
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-left:5px;
|
||
|
|
margin-left: -5px;
|
||
|
|
}
|