Compare commits

..

10 commits

Author SHA1 Message Date
DeltaLima
4099ef57e6 changed hardcoded link to bit more dynamic :) TODO: avoid stretching <a> about a div 2023-06-20 21:05:56 +02:00
DeltaLima
4014c239e7 shrinked circle.gif 2023-06-20 02:31:54 +02:00
DeltaLima
31cdf6303b color changed for pre and blockquote 2023-06-20 02:15:41 +02:00
DeltaLima
645bf2fc30 title heading now h2 for static pages 2023-06-19 22:22:06 +02:00
DeltaLima
c69dc97eb6 moved a tag 2023-06-19 20:57:27 +02:00
DeltaLima
a4f3c8fcf6 add link to my website :) 2023-06-19 02:19:28 +02:00
DeltaLima
efafa73c60 more fading 2023-06-19 02:08:00 +02:00
DeltaLima
033cbc8356 fading footer looks cool 8) 2023-06-19 02:02:10 +02:00
DeltaLima
a220f7076e 72% width for body-container looks better on iphone se2wq 2023-06-19 01:50:14 +02:00
DeltaLima
9795c5a70c update readme 2023-06-19 01:39:25 +02:00
8 changed files with 30 additions and 13 deletions

View file

@ -1,6 +1,6 @@
# flatpress-theme-snail-orange
snail theme for flatpress but in orange color
snail theme for flatpress but in orange color, transparent, rounded corners, colorful background image i stole from https://websitesetup.org/bootstrap-tutorial-for-beginners/ :)
forked from https://wiki.flatpress.org/res:themes:snail

View file

@ -2,7 +2,7 @@
<hr />
<div id="footer">
{action hook=wp_footer}
Snail-orange Theme is designed by <a href="http://www.stealthsettings.com">Stealth Settings</a> and has been ported to FP and restyled by <a href="http://marcoverga86.netsons.org">Marco Vergagni</a>, modified 2023 by DeltaLima.
Snail-orange Theme is designed by <a href="http://www.stealthsettings.com">Stealth Settings</a> and has been ported to FP and restyled by <a href="http://marcoverga86.netsons.org">Marco Vergagni</a> and again restyled by <a href="https://deltalima.org">DeltaLima</a> in 2023.
</p>
</div>
</div>

View file

@ -9,17 +9,19 @@
<body>
<div id="body-container">
<div id="head">
<a href="{$flatpress.WWW}index.php/welcome">
<div id="head-bubble">
<div id="title-container">
<h1><a href="index.php">{$flatpress.TITLE}</a></h1>
<!-- <h1><a href="index.php/welcome">{$flatpress.TITLE}</a></h1> -->
<h1>{$flatpress.TITLE}</h1>
<p class="subtitle">{$flatpress.SUBTITLE}</p>
</div>
<div id="logo-container">
<img id="logo-img" src="/blog/fp-interface/themes/flatpress-theme-snail-orange/imgs/Mandrake-Tux_redraw.png">
</div>
<div id="clear-container"></div>
</div>
</a>
</div>
<hr />
<div id="outer-container">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 B

After

Width:  |  Height:  |  Size: 54 B

BIN
imgs/circle_org.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 B

View file

@ -32,7 +32,8 @@ Module: style.css
/*#column div, #column ul { */
#column div {
/* background: #393939 */
background-color: rgba(0, 0, 0, 0.2);
/* background-color: rgba(0, 0, 0, 0.2);*/
background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
border-radius: 5px;
padding: 2px;

View file

@ -37,7 +37,8 @@ blockquote {
margin: 1em 1em;
padding: 0 10px;
/*border-left: 10px solid white;*/
border-left: 10px solid #444444;
border-left: 10px solid #daaa55;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
}
pre, code {
@ -53,12 +54,17 @@ pre {
/* background-color: #a8a8a8;*/
/*border-bottom: 1px solid #555;*/
border: 1px solid #555;
background-color: #444444;
/*background-color: #444444;*/
/* ubuntu terminal background color */
background: #380c2a;
color: #CCCCCC;
overflow: auto;
width: 90%;
margin: 1em 1em;
padding: 5px 10px;
border-radius: 5px;
box-shadow: 3px 3px 6px black;
}
ul, li, ol { margin: 0; padding: 0 }
@ -131,8 +137,8 @@ h6 { font-size: 0.9em }
/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
#body-container {
text-align: left;
width: 69% !important;
width: 69%; /* fix for I.E. */
width: 72% !important;
width: 72%; /* fix for I.E. */
margin: 0 auto 0 auto;
padding: 5px;
/* background-color: #2D2D2D;*/
@ -151,7 +157,8 @@ h6 { font-size: 0.9em }
float: center;
}
#head-bubble {
background-color: rgba(0, 0, 0, 0.2);
/* background-color: rgba(0, 0, 0, 0.2);*/
background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
border-radius: 15px;
width: 100% !important;
height: 124px;
@ -272,6 +279,12 @@ ol li, ul li { padding-bottom: 0.9em }
.entry p { font-size: 16px }
.entry-title {
/*color: #26a269;*/
/* ubuntu color background term color: #380c2a; */
color: #daaa55;
}
#main .entrytitle {
font-family: Candara, 'Cataneo BT', 'book antiqua', georgia, garamond, times, 'times new roman';
margin: 0;
@ -311,7 +324,8 @@ ol li, ul li { padding-bottom: 0.9em }
#footer {
text-align: center;
/* background: #2D2D2D;*/
background-color: rgba(0, 0, 0, 0.2);
/* background-color: rgba(0, 0, 0, 0.2);*/
background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2));
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 15px;

View file

@ -3,7 +3,7 @@
{static_block}
{static}
<div id="{$id}" class="entry">
<h3>{$subject}</h3>
<div class="entry-title"><h2>{$subject}</h2></div>
<p class="date">Published by {$author} on {$date|date_format:"%A, %B %e, %Y - %H:%M:%S"}</p>
{$content|tag:the_content}
</div>