Since Paper Lantern will soon be the law of the land and clinging onto the non-responsive, x3 Retro theme is not really the right answer for my customers, I wondered how hard it would be to take Paper Lantern and with a few minutes fiddling, see if I could tighten it up and make things look a little less sterile. Using the Develop a Paper Lantern Style instructions, I found that it was very easy to add a new style based on PL and here's what I've built so far...
Again these are very simplistic changes.
To install this, I type:
and then write the following CSS:
Then I uploaded the preview.png file attached to this post and put it in /var/cpanel/customizations/styled/paper_tiger.
Why am I pasting the CSS code above, rather than just attaching it to this post?
Because i want to invite people to add their own ideas and collaborate on improving this theme. I wanted to customize the Stats on the left side but unfortunately this is still shoved into an HTML4-era Table, prohibiting styling via CSS.

Again these are very simplistic changes.
To install this, I type:
Code:
mkdir -p /var/cpanel/customizations/styled/paper_tiger
cd /var/cpanel/customizations/styled/paper_tiger
pico styles.css
Code:
.cellbox-header {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 5px;
}
.group-header {
font-size: 14px;
font-weight: bold;
left: 10px;
}
.cellbox {
background-color: #f0faff;
border-bottom: 1px solid #c0caff;
}
.cellbox-body {
padding-top: 12px;
padding-bottom: 12px;
}
.cellbox-body .item {
width: 110px;
height: 75px;
text-align: center;
}
.itemContentWrapper .itemImageWrapper {
width: 100px;
text-align: center;
}
.itemContentWrapper .itemTextWrapper {
width: 100px;
font-size: 85%;
text-align: center;
padding: 3px 0 4px 5px;
}
Why am I pasting the CSS code above, rather than just attaching it to this post?
Because i want to invite people to add their own ideas and collaborate on improving this theme. I wanted to customize the Stats on the left side but unfortunately this is still shoved into an HTML4-era Table, prohibiting styling via CSS.
Attachments
-
24.5 KB Views: 21