modified: view/theme/smoothly/css/typography.css

modified:   view/theme/smoothly/default.php
	modified:   view/theme/smoothly/style.css
	modified:   view/theme/smoothly/templates/nav.tpl
	modified:   view/theme/smoothly/theme.php
This commit is contained in:
pixelroot 2013-04-24 14:09:24 +02:00
parent 36f2930e52
commit f41c5dd1e5
5 changed files with 57 additions and 30 deletions

View file

@ -13,10 +13,12 @@ tt {
/* (en) base layout gets standard font size 15px */ /* (en) base layout gets standard font size 15px */
/* (de) Basis-Layout erhält Standardschriftgröße von 15 Pixeln */ /* (de) Basis-Layout erhält Standardschriftgröße von 15 Pixeln */
body { body {
margin: 0 auto; margin: 0 auto;
padding-bottom: 3em; padding-bottom: 3em;
width: 960px; width: 960px;
height: 100%;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 15px; font-size: 15px;
font-size-adjust: none; font-size-adjust: none;

View file

@ -27,6 +27,10 @@
<footer id="footer"> <footer id="footer">
<?php if(x($page, 'footer')) echo $page['footer']; ?> <?php if(x($page, 'footer')) echo $page['footer']; ?>
<div id="scrollup" >
<a href="javascript:scrollTo(0,0)"><img src="view/theme/smoothly/images/totop.png" alt="to top" title="to top" /></a>
<a href="javascript:scrollTo(0,100000)"><img src="view/theme/smoothly/images/tobottom.png" alt="to bottom" title="to bottom" /></a>
</div>
</footer> </footer>
<?php if (x($page, 'bottom')) echo $page['bottom']; ?> <?php if (x($page, 'bottom')) echo $page['bottom']; ?>

View file

@ -2,7 +2,7 @@
style.css style.css
Theme: Smoothly Theme: Smoothly
Maintainer: alex@friendica.pixelbits.de Maintainer: alex@friendica.pixelbits.de
last change: 2013-04-01 last change: 2013-04-24
** Colors ** ** Colors **
Blue links - #1873a2 Blue links - #1873a2
@ -18,7 +18,7 @@ Orange - #fec01d
@media only screen and (device-width: 768px) { @media only screen and (device-width: 768px) {
/* For general iPad layouts */ /* For general iPad layouts */
#page { #body {
-moz-background-clip: border; -moz-background-clip: border;
-moz-background-origin: pdading; -moz-background-origin: pdading;
-moz-background-size: auto auto; -moz-background-size: auto auto;
@ -133,11 +133,16 @@ input[type=submit]:active {
} }
section { section {
position: relative;
float: left; float: left;
margin-top: 50px; margin: 50px auto -2em; /* the bottom margin is the negative value of the footer's height */
width: 730px; width: 730px;
min-height: 100%;
height: auto !important;
height: 100%;
font-size: 0.9em; font-size: 0.9em;
line-height: 1.2em; line-height: 1.2em;
padding-bottom: 2em;
} }
.lframe { .lframe {
@ -316,11 +321,9 @@ section {
/* ========= */ /* ========= */
.pager { .pager {
padding-top: 10px;
padding-bottom: 10px;
display: block; display: block;
clear: both; /*clear: both;*/
text-align: center; text-align: left;
} }
.pager a { .pager a {
@ -347,7 +350,7 @@ nav {
list-style: none outside none; list-style: none outside none;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 960px; width: 958px;
z-index: 10000; z-index: 10000;
height: 40px; height: 40px;
position: fixed; position: fixed;
@ -569,16 +572,16 @@ ul#user-menu-popup li a.nav-sep {
} }
#lang-select-icon { #lang-select-icon {
bottom: 6px; bottom: 5px;
cursor: pointer; cursor: pointer;
left: 28px; left: 915px;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
} }
#language-selector { #language-selector {
position: fixed; position: fixed;
bottom: 2px; bottom: 2px;
left: 52px; left: 945px;
z-index: 10; z-index: 10;
} }
@ -1723,7 +1726,7 @@ ul .sidebar-group-li .icon {
#item-delete-selected-end, #item-delete-selected-end,
#item-delete-selected { #item-delete-selected {
overflow: auto; overflow: auto;
margin-top: 20px; margin-top: 0px;
float: right; float: right;
width: 250px; width: 250px;
} }
@ -3720,23 +3723,23 @@ margin-left: 0px;
.field { .field {
/*margin-bottom: 10px;*/ /*margin-bottom: 10px;*/
overflow: auto; overflow: auto;
padding-bottom: 0px; padding-bottom: 10px;
width: 100%; width: 100%;
} }
.field.radio .field_help { .field.radio .field_help {
margin-left: 205px; margin-left: 255px;
} }
.field .field_help { .field .field_help {
color: #666666; color: #666666;
display: block; display: block;
margin-left: 200px; margin-left: 225px;
} }
.field label { .field label {
float: left; float: left;
width: 210px; width: 225px;
} }
.field checkbox { .field checkbox {
@ -3746,7 +3749,8 @@ margin-left: 0px;
.field input, .field input,
.field textarea { .field textarea {
width: 400px; /*width: 400px;*/
float: left;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px; border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
@ -3922,9 +3926,31 @@ margin-left: 0px;
} }
footer { footer {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
background-color: #f0edf0;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border: 1px solid #7C7D7B;
border-bottom: none;
box-shadow: 1px 2px 6px 0px #959494;
-moz-box-shadow: 1px 2px 6px 0px #959494;
-webkit-box-shadow: 1px 2px 6px 0px #959494;
color: #EFEFEF;
display: block; display: block;
margin: 50px 20%; float: right;
clear: both; font-size: 15px;
height: 2em;
list-style: none outside none;
margin: 0 0 0 755px;
padding: 0;
position: fixed;
bottom: 0;
width: 203px;
z-index: 10;
clear:both;
} }
@ -4295,9 +4321,9 @@ ul.menu-popup {
/* SCROLL TO TOP /* SCROLL TO TOP
----------------------------------------------------------- */ ----------------------------------------------------------- */
#scrollup { #scrollup {
position: fixed; position: absolute;
right: 1px; right: 70px;
bottom: 260px; bottom: -4px;
z-index: 100; z-index: 100;
} }

View file

@ -61,11 +61,6 @@
</div> </div>
</nav> </nav>
<div id="scrollup" >
<a href="javascript:scrollTo(0,0)"><img src="view/theme/smoothly/images/totop.png" alt="to top" title="to top" /></a><br />
<a href="javascript:ScrollToBottom()"><img src="view/theme/smoothly/images/tobottom.png" alt="to bottom" title="to bottom" /></a>
</div>
<ul id="nav-notifications-template" style="display:none;" rel="template"> <ul id="nav-notifications-template" style="display:none;" rel="template">
<li class="{4}"><a href="{0}"><img data-src="{1}" height="24" width="24" alt="" />{2} <span class="notif-when">{3}</span></a></li> <li class="{4}"><a href="{0}"><img data-src="{1}" height="24" width="24" alt="" />{2} <span class="notif-when">{3}</span></a></li>
</ul> </ul>

View file

@ -3,7 +3,7 @@
/* /*
* Name: Smoothly * Name: Smoothly
* Description: Like coffee with milk. Theme optimized for iPad[2]. * Description: Like coffee with milk. Theme optimized for iPad[2].
* Version: Version 2013-04-1 * Version: Version 2013-04-24
* Author: Anne Walk * Author: Anne Walk
* Author: Devlon Duthied * Author: Devlon Duthied
* Maintainer: Alex <https://friendica.pixelbits.de/profile/alex> * Maintainer: Alex <https://friendica.pixelbits.de/profile/alex>