Browse Source

Add 'Blitz, No Logo, Orzech' and 'Shadow Boxex & Rounded Corners, Orzech' skins

master
Piotr Orzechowski 2 years ago
parent
commit
658f4c06de

+ 18
- 0
Makefile View File

@@ -0,0 +1,18 @@
src = src
dst = dist

skins := $(shell find ${src} -mindepth 1 -maxdepth 1 -type d -printf '%f\n')

${skins}:
mkdir -p ${dst}/${@}
cp ${src}/${@}/header.html ${dst}/${@}/header.txt
cp ${src}/${@}/footer.html ${dst}/${@}/footer.txt
cp ${src}/${@}/style.css ${dst}/${@}/css.txt
cp ${src}/${@}/details.txt ${dst}/${@}/details.txt

build: ${skins}

rebuild: clean build

clean:
rm -rf dist

+ 9
- 0
README.md View File

@@ -0,0 +1,9 @@
## Fossil skins

* [Blitz, No Logo, Orzech](/xfer/dir?ci=tip&name=src/skins/blitz_nologo_orzech)
Skin based on [Blitz, No Logo](https://fossil-scm.org/xfer/dir?ci=tip&name=skins/blitz_no_logo).
Color scheme based on [Slate](https://github.com/pages-themes/slate).

* [Shadow boxes & Rounded Corners, Orzech](/xfer/dir?ci=tip&name=src/skins/shadow_boxes_rounded_corners_orzech)
Skin based on [Shadow boxes & Rounded Corners](https://fossil-scm.org/xfer/dir?ci=tip&name=skins/rounded1).
Color scheme based on [Slate](https://github.com/pages-themes/slate).

+ 5
- 0
src/blitz_nologo_orzech/details.txt View File

@@ -0,0 +1,5 @@
timeline-arrowheads: 0
timeline-circle-nodes: 1
timeline-color-graph-lines: 1
white-foreground: 0


+ 15
- 0
src/blitz_nologo_orzech/footer.html View File

@@ -0,0 +1,15 @@
</div> <!-- end div container -->
</div> <!-- end div middle max-full-width -->
<div class="footer">
<div class="container">
<div class="pull-right">
Piotr Orzechowski &#91;<a href="//orzechowski.tech">orzechowski.tech</a>&#93;
</div>
This page was generated in about
<th1>puts [expr {([utime]+[stime]+1000)/1000*0.001}]</th1>s
by <a href="http://www.fossil-scm.org" rel="noopener noreferrer">Fossil</a>.
</div>
</div>
</body>
</html>


+ 93
- 0
src/blitz_nologo_orzech/header.html View File

@@ -0,0 +1,93 @@
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=700, initial-scale=1" />
<base href="$baseurl/$current_page" />
<title>
<th1>
if {$title eq $project_name} {
html "$project_name: Home"
} else {
html "$project_name: $title"
}
</th1>
</title>
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="$home/timeline.rss" />
<link rel="stylesheet" href="$stylesheet_url" type="text/css" media="screen" />
</head>

<body>
<div class="header">
<div class="container">

<div class="login pull-right">
<th1>
if {[info exists login]} {
html "<b>$login</b> — <a class='button' href='$home/login'>Logout</a>\n"
} else {
html "<a class='button' href='$home/login'>Login</a>\n"
}
</th1>
</div>
<div class='title'>
<h1>$<project_name>
<th1>
if {[anycap jor]} {
html "<a class='rss' href='$home/timeline.rss'></a>"
}
if {$title eq $project_name} {
html "</h1>"
} else {
html "<small> &nbsp;$title</small></h1>"
}
</th1>
</div>

<!-- Main Menu -->
<div class="mainmenu">
<ul>
<th1>
proc menulink {url name} {
upvar current_page current
upvar home home
if {[string range $url 0 [string length $current]] eq "/$current"} {
html "<li class='active'>"
} else {
html "<li>"
}
html "<a href='$home$url'>$name</a></li>\n"
}
menulink $index_page Home
if {[anycap jor]} {
menulink /timeline Timeline
}
if {[hascap oh]} {
menulink /dir?ci=tip Files
}
if {[hascap o]} {
menulink /brlist Branches
menulink /taglist Tags
}
if {[hascap r]} {
menulink /ticket Tickets
}
if {[hascap j]} {
menulink /wiki Wiki
}
if {[hascap o]} {
menulink /help Help
}
if {[hascap s]} {
menulink /setup Admin
} elseif {[hascap a]} {
menulink /setup_ulist Users
}
</th1>
</ul>
</div> <!-- end div mainmenu -->
</div> <!-- end div container -->
</div> <!-- end div header -->
<div class="middle max-full-width">
<div class="container">


+ 1259
- 0
src/blitz_nologo_orzech/style.css
File diff suppressed because it is too large
View File


+ 5
- 0
src/shadow_boxes_rounded_corners_orzech/details.txt View File

@@ -0,0 +1,5 @@
timeline-arrowheads: 1
timeline-circle-nodes: 1
timeline-color-graph-lines: 1
white-foreground: 0


+ 8
- 0
src/shadow_boxes_rounded_corners_orzech/footer.html View File

@@ -0,0 +1,8 @@
<div class="footer">
Piotr Orzechowski &#91;<a href="//orzechowski.tech">orzechowski.tech</a>&#93;.<br>
This page was generated in about
<th1>puts [expr {([utime]+[stime]+1000)/1000*0.001}]</th1>s by
<a href="http://www.fossil-scm.org">Fossil</a>.
</div>
</body></html>


+ 56
- 0
src/shadow_boxes_rounded_corners_orzech/header.html View File

@@ -0,0 +1,56 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<base href="$baseurl/$current_page" />
<title>$<project_name>: $<title></title>
<link rel="alternate" type="application/rss+xml" title="RSS Feed"
href="$home/timeline.rss">
<link rel="stylesheet" href="$stylesheet_url" type="text/css"
media="screen">
</head>
<body>
<div class="header">
<div class="logo">
<br />$<project_name>
</div>
<div class="title">$<title></div>
<div class="status"><th1>
if {[info exists login]} {
puts "Logged in as $login"
} else {
puts "Not logged in"
}
</th1></div>
</div>
<div class="mainmenu">
<th1>
html "<a href='$home$index_page'>Home</a>\n"
if {[anycap jor]} {
html "<a href='$home/timeline'>Timeline</a>\n"
}
if {[hascap oh]} {
html "<a href='$home/dir?ci=tip'>Files</a>\n"
}
if {[hascap o]} {
html "<a href='$home/brlist'>Branches</a>\n"
html "<a href='$home/taglist'>Tags</a>\n"
}
if {[hascap r]} {
html "<a href='$home/reportlist'>Tickets</a>\n"
}
if {[hascap j]} {
html "<a href='$home/wiki'>Wiki</a>\n"
}
html "<a href='$home/help'>Help</a>\n"
if {[hascap s]} {
html "<a href='$home/setup'>Admin</a>\n"
} elseif {[hascap a]} {
html "<a href='$home/setup_ulist'>Users</a>\n"
}
if {[info exists login]} {
html "<a href='$home/login'>Logout</a>\n"
} else {
html "<a href='$home/login'>Login</a>\n"
}
</th1></div>


+ 198
- 0
src/shadow_boxes_rounded_corners_orzech/style.css View File

@@ -0,0 +1,198 @@
/* General settings for the entire page */
html {
min-height: 100%;
}
body {
margin: 0ex 1ex;
padding: 0px;
background-color: #373737;
color: black;
font-family: Verdana, sans-serif;
font-size: 0.8em;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-mx-text-size-adjust: none;
}

/* The project logo in the upper left-hand corner of each page */
div.logo {
color: white;
display: table-cell;
text-align: right;
vertical-align: bottom;
font-weight: normal;
white-space: nowrap;
}

/* Widths */
div.header, div.mainmenu, div.submenu, div.content, div.footer {
max-width: 900px;
margin: auto;
padding: 3px 20px 3px 20px;
clear: both;
}

/* The page title at the top of each page */
div.title {
display: table-cell;
padding-top: 50px;
padding-left: 10px;
font-size: 2em;
margin: 10px 0 10px -20px;
vertical-align: bottom;
text-align: left;
width: 80%;
font-family: Verdana, sans-serif;
font-weight: bold;
color: white;
text-shadow: 0px 2px 2px black;
}

/* The login status message in the top right-hand corner */
div.status {
display: table-cell;
text-align: right;
vertical-align: bottom;
color: #f2f2f2;
margin-right: -20px;
white-space: nowrap;
}

/* The main menu bar that appears at the top of the page beneath
** the header */
div.mainmenu {
text-align: center;
color: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
vertical-align: middle;
padding-top: 8px;
padding-bottom: 8px;
background-color: #0090ff;
box-shadow: 0px 3px 4px black;
}

/* The submenu bar that *sometimes* appears below the main menu */
div.submenu {
padding-top:10px;
padding-bottom:0;
text-align: right;
color: #000;
background-color: #f2f2f2;
height: 1.5em;
vertical-align:middle;
box-shadow: 0px 3px 4px #999;
}
div.mainmenu a, div.mainmenu a:visited {
padding: 3px 10px 3px 10px;
color: white;
text-decoration: none;
}
div.submenu a, div.submenu a:visited, a.button, div.submenu label,
div.sectionmenu>a.button:link, div.sectionmenu>a.button:visited {
padding: 2px 8px;
color: #000;
font-family: Arial;
text-decoration: none;
margin:auto;
border-radius: 5px;
background-color: #e0e0e0;
text-shadow: 0px -1px 0px #eee;
border: 1px solid #000;
}

div.mainmenu a:hover {
color: #000;
background-color: white;
}

div.submenu a:hover, div.sectionmenu>a.button:hover, div.submenu label:hover {
background-color: #c0c0c0;
}

/* All page content from the bottom of the menu or submenu down to
** the footer */
div.content {
background-color: #f2f2f2;
box-shadow: 0px 3px 4px #9b9b9b;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-bottom: 1em;
min-height:40%;
}

/* Some pages have section dividers */
div.section {
margin-bottom: 0.5em;
margin-top: 1em;
margin-right: auto;
padding: 1px 1px 1px 1px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
color: white;
border-radius: 5px;
background-color: #0073cc;
box-shadow: 0px 3px 4px #0082e6;
white-space: nowrap;
}

/* The "Date" that occurs on the left hand side of timelines */
div.divider {
font-size: 1.2em;
font-family: Georgia, serif;
font-weight: bold;
margin-top: 1em;
white-space: nowrap;
}

/* The footer at the very bottom of the page */
div.footer {
font-size: 0.9em;
text-align: right;
margin-bottom: 1em;
color: #f2f2f2;
}

/* Hyperlink colors in the footer */
div.footer a { color: white; }
div.footer a:link { color: white; }
div.footer a:visited { color: white; }
div.footer a:hover { background-color: white; color: #558195; }

/* <verbatim> blocks */
pre.verbatim, blockquote pre {
font-family: Dejavu Sans Mono, Monaco, Lucida Console, monospace;
background-color: #f3f3f3;
padding: 0.5em;
white-space: pre-wrap;
}

blockquote pre {
border: 1px #000 dashed;
}

/* The label/value pairs on (for example) the ci page */
table.label-value th {
vertical-align: top;
text-align: right;
padding: 0.2ex 2ex;
}

table.report tr th {
padding: 3px 5px;
text-transform: capitalize;
cursor: pointer;
}

table.report tr td {
padding: 3px 5px;
}

textarea {
font-size: 1em;
}

.fullsize-text {
font-size: 1.25em;
}

Loading…
Cancel
Save