kekePower/qsgen2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add new theme: black-orange and update minimal

Browse Source
This commit is contained in:
Stig-Ørjan Smelror
2024-02-02 23:11:17 +01:00
parent 6e83cf53f2
commit cfd4535faf
16 changed files with 1297 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
themes/black-orange/blog_index.tpl Normal file
View File

@ -0,0 +1,70 @@
<!-- This is the beginning of the HEADER -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>kekePower - Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/dark.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/cal-icon.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blog.css" media="screen" />
<link rel="shortcut icon" href="/images/favicon-kekepower-transparent.png" type="image/png" />
</head>
<body>
<div id="wrap">
<div id="header">
<table border=0>
<tr>
<td id="logo">
<a href="/"><img src="/images/favicon-kekepower-transparent.png" height="75"></a>
</td>
<td id="sitetitle">
<h1><a href="/">kekePower</a></h1>
<h2>Having fun scripting and hacking Linux and Mageia</h2>
</td>
</tr>
</table>
</div>
<div id="topmenu">
<a href="https://mageia.org/">Mageia</a> |
<a href="https://kernel.org/">Linux Kernel</a> |
<a href="https://kodi.tv/">Kodi Mediacenter</a> |
<a href="https://slashdot.org/">Slashdot</a> |
<a href="https://distrowatch.com/">Distrowatch</a> |
<a href="https://github.com/">Github</a>
</div>
<div id="right">
<!-- This is the end of the HEADER -->
<!-- Body Start -->
BODY
<!-- Body End -->
<!-- This is the beginning of the FOOTER -->
</div> <!-- End of div right -->
<div id="bottomleft">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/kekePower.html">About Me</a></li>
<li><a href="/hardware.html">My Hardware</a></li>
<li><a href="/mageia.html">Mageia Info</a></li>
<li><a href="/linux.html">Linux</a></li>
<!-- <li><a href="/blog/index.html">My Blog</a></li> -->
</ul>
<div id="generated">
#updated
</div>
</div>
</body>
</html>
<!-- This is the end of the FOOTER -->

26
themes/black-orange/blog_list.tpl Normal file
View File

@ -0,0 +1,26 @@
<!-- Blog List Start -->
<br />
<div class="blog">
<div class="blogtitle"><a class="blogtitle" href="BLOGURL">BLOGTITLE</a></div>
<div class="blogcontent">
<div class="cal-icon">
<div class="datetime">
<div class="caltop"><p>CALADAY</p></div>
<p class="day">CALNDAY</p>
<p class="mon">CALMONTH</p>
<p class="yr">CALYEAR</p>
</div>
</div>
</div>
<div class="blogingress" id="ingress">
<br />
INGRESS
</div>
</div>
<!-- Blog List End -->

88
themes/black-orange/blogs.tpl Normal file
View File

@ -0,0 +1,88 @@
<!-- This is the beginning of the HEADER -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>kekePower - BLOGTITLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/dark.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/cal-icon.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blog.css" media="screen" />
<link rel="shortcut icon" href="/images/favicon-kekepower-transparent.png" type="image/png" />
</head>
<body>
<div id="wrap">
<div id="header">
<table border=0>
<tr>
<td id="logo">
<a href="/"><img src="/images/favicon-kekepower-transparent.png" height="75"></a>
</td>
<td id="sitetitle">
<h1><a href="/">kekePower</a></h1>
<h2>Having fun scripting and hacking Linux and Mageia</h2>
</td>
</tr>
</table>
</div>
<div id="topmenu">
<a href="https://mageia.org/">Mageia</a> |
<a href="https://kernel.org/">Linux Kernel</a> |
<a href="https://kodi.tv/">Kodi Mediacenter</a> |
<a href="https://slashdot.org/">Slashdot</a> |
<a href="https://distrowatch.com/">Distrowatch</a> |
<a href="https://github.com/">Github</a>
</div>
<div id="right">
<!-- This is the end of the HEADER -->
<!-- Blog Content Start -->
<div class="blog">
<div class="blogtitle">BLOGTITLE</div>
<div class="blogcontent">
<div class="cal-icon">
<div class="datetime">
<div class="caltop"><p>CALADAY</p></div>
<p class="day">CALNDAY</p>
<p class="mon">CALMONTH</p>
<p class="yr">CALYEAR</p>
</div>
</div>
</div>
<div class="blogingress">
<br />
INGRESS
</div>
<div class="blogbody">
BODY
</div>
</div> <!-- End blog content -->
<!-- This is the beginning of the FOOTER -->
</div> <!-- End of div right -->
<div id="bottomleft">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/kekePower.html">About Me</a></li>
<li><a href="/hardware.html">My Hardware</a></li>
<li><a href="/mageia.html">Mageia Info</a></li>
<li><a href="/linux.html">Linux</a></li>
<!-- <li><a href="/blog/index.html">My Blog</a></li> -->
</ul>
<div id="generated">
#updated
</div>
</div>
</body>
</html>
<!-- This is the end of the FOOTER -->

93
themes/black-orange/css/blog.css Normal file
View File

@ -0,0 +1,93 @@
div.blog {
border-left: 1px groove #ccc;
padding-left: 1px;
width: 100%;
float: right;
color: white;
font-size: 14px;
/* margin-left: 50px; */
}
div.blogtitle {
/* background: url(/images/round_corner.png) top right no-repeat;
background-size: 37px; */
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 3px;
margin-left: 2.1em;
background-color: #444;
font-size: 20px;
}
div.blogtitle a {
text-decoration: none !important;
}
div.blogcontent{
padding: 3px;
float: left;
width: 45px;
color: white;
height: 5em;
}
div.cal-icon {
text-align: center;
width: 40px;
float: left;
}
div.blogcontent div.blogingress {
/* font-size: 14px; */
color: white !important;
float: left;
width: 94%;
padding-left: 5px;
padding-top: 5px;
margin-left: 5px;
height: 5em;
}
div.blogbody {
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
background-color: #222;
font-size: 14px;
float: left;
padding-bottom: 10px;
padding-top: 10px;
margin-left: 3.5em;
padding-left: 5px;
/* color: white !important; */
width: 94%;
}
div.blogbody, img {
float:left;
}
img.exticon {
float: none !important;
}
div.blogingress img {
width: 100px !important;
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
div.right h2 {
font-size: 26px;
}
#logo td {
align: center;
height: 75px;
}
#sitetitle td {
align: left;
height: 75px;
text-align: left;
vertical-align: middle;
padding-left: 15px;
}
#libody td {
padding-left: 35px;
}

26
themes/black-orange/css/cal-icon.css Normal file
View File

@ -0,0 +1,26 @@
div.datetime .caltop p {
font:bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.12em;
text-transform:uppercase;
color:#fefefe !important;
background-color: #222; /* #2f4765; */
}
/* day of the month (NUMBER) */
div.datetime p.day {
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif !important;
letter-spacing:0.13em;
}
/* month */
div.datetime p.mon {
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif !important;
letter-spacing:normal;
text-transform:uppercase;
}
/* year */
div.datetime p.yr {
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:0.05em;
}

175
themes/black-orange/css/dark.css Normal file
View File

@ -0,0 +1,175 @@
* {
padding: 0;
margin: 0;
}
body {
font: 1em Arial, Helvetica, sans-serif;
background: #111;
}
h2 {
font-size: 1em;
}
a {
color: #FF9621;
}
#wrap {
margin: 20px auto;
width: 90%;
background: #111;
}
#header {
/* background: url(/images/dark_header_bg.png) top right no-repeat;
background-size: 100px; */
height: 70px;
margin: 0;
padding: 0;
}
#header h1 {
margin: 0;
padding-left: 1px;
padding-top: 12px;
font-size: 1.1em;
color: #FF9621;
}
#header h1 a {
font-size: 1.1em;
color: #FF9621;
text-decoration: none;
}
#header h2 {
margin: 0;
padding-left: 1px;
padding-top: 0px;
font-size: .8em;
color: #fff;
}
#right h2 {
margin: 0;
padding-left: 1px;
padding-top: 0px;
font-size: 26px;
color: #fff;
}
#topmenu a {
color: #FFF;
text-decoration: none;
line-height: 22px;
}
#topmenu a:hover {
color: #aaa;
}
#topmenu a:visited {
color: #ddd;
}
#topmenu {
border-top-right-radius: 10px;
background-color: #222;
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: #444;
margin-bottom: 5px;
color: #fff;
height: 22px;
}
#right {
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
float: right;
width: 82%;
margin-top: 5px;
margin-left: 10px;
color: #f4f4f4;
/* border: 1px solid white; */
height: auto;
}
#left {
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
width: 14%;
padding: 1px;
line-height: 1.4em;
}
#bottomleft {
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
width: 16%;
padding: 1px;
line-height: 1.4em;
}
#left li {
list-style-type: none;
border-bottom: 1px dotted #fff;
}
#left li a {
text-decoration: none;
}
#left li a:hover {
color : #FFEB31;
}
#bottomleft li {
list-style-type: none;
border-bottom: 1px dotted #fff;
}
#bottomleft li a {
text-decoration: none;
}
#bottomleft li a:hover {
color : #FFEB31;
}
#generated {
background: #222;
text-align: center;
margin-top: 15px;
color: #eee;
height: auto;
line-height: 20px;
padding: 3px;
font-size: 10px;
font-style: italic;
}
blockquote {
background-color: #222;
color: #EEE;
font-size: 14px;
border-left: 1px solid white;
padding-left: 0.5em;
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
blockquote img {
float: none !important;
}
blockquote ol {
font-family: "Times New Roman";
font-size: 16px;
line-height: 1.1em;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 35px;
}
blockquote ul {
padding-bottom: 10px;
padding-top: 10px;
padding-left: 25px;
}
img.exturl {
position: absolute !important;
bottom: 0 !important;
}

66
themes/black-orange/pages.tpl Normal file
View File

@ -0,0 +1,66 @@
<!-- This is the beginning of the HEADER -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>kekePower - #pagetitle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/dark.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/cal-icon.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blog.css" media="screen" />
<link rel="shortcut icon" href="/images/favicon-kekepower-transparent.png" type="image/png" />
</head>
<body>
<div id="wrap">
<div id="header">
<table border=0>
<tr>
<td id="logo">
<a href="/"><img src="/images/favicon-kekepower-transparent.png" height="75"></a>
</td>
<td id="sitetitle">
<h1><a href="/">kekePower</a></h1>
<h2>#tagline</h2>
</td>
</tr>
</table>
</div>
<div id="topmenu">
<a href="https://mageia.org/">Mageia</a> |
<a href="https://kernel.org/">Linux Kernel</a> |
<a href="https://kodi.tv/">Kodi Mediacenter</a> |
<a href="https://slashdot.org/">Slashdot</a> |
<a href="https://distrowatch.com/">Distrowatch</a> |
<a href="https://github.com/">Github</a>
</div>
<div id="right">
<!-- This is the end of the HEADER -->
BODY
<!-- This is the beginning of the FOOTER -->
</div> <!-- End of div right -->
<div id="bottomleft">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/kekePower.html">About Me</a></li>
<li><a href="/hardware.html">My Hardware</a></li>
<li><a href="/mageia.html">Mageia Info</a></li>
<li><a href="/linux.html">Linux</a></li>
<!-- <li><a href="/blog/index.html">My Blog</a></li> -->
</ul>
<div id="generated">
#updated
</div>
</div>
</body>
</html>
<!-- This is the end of the FOOTER -->