Permalink
Browse files

Themes import

  • Loading branch information...
markseu committed Mar 3, 2016
1 parent d6bb3a4 commit dc13f9dc90105eb1e2743d8be68e9b08a26c23b6
@@ -0,0 +1 @@
.DS_Store
@@ -0,0 +1,5 @@
License
=======
Yellow is free and open source, made by the people who use Yellow.

All files are licensed under [GPLv2](http://opensource.org/licenses/GPL-2.0) unless stated otherwise. This software is distributed in the hope that it will be useful for you, but without any warranty, without even the implied warranty of merchantability or fitness for a particular purpose. See the GNU General Public License (GPL) for more details. Please contact the copyright holder if you have more questions.
@@ -1,2 +1,9 @@
# yellow-themes
Yellow themes
Yellow themes
=============
[![Yellow](https://raw.githubusercontent.com/datenstrom/yellow-developers/master/media/images/yellow-photo.jpg)](http://datenstrom.se/yellow)

Yellow is for people who make websites. [Get support](http://developers.datenstrom.se/help/support).

1. [Download Yellow themes and unzip them](https://github.com/datenstrom/yellow-themes/archive/master.zip).
2. Copy relevant files to your web hosting, see individual extension.
3. Open your website in a web browser. [Learn more](http://developers.datenstrom.se/help/).
@@ -0,0 +1,17 @@
Blogsite theme 0.6.3
====================
Blogsite is a basic blogger theme. [See demo](http://developers.datenstrom.se/themes/blogsite-theme).

[![Screenshot](blogsite-theme.jpg?raw=true)](http://developers.datenstrom.se/themes/blogsite-theme)

How do I install this?
----------------------
1. Download and install [Yellow](https://github.com/datenstrom/yellow/).
2. Download [blogsite.css](blogsite.css?raw=true) and [blogsite-banner.jpg](blogsite-banner.jpg?raw=true), copy them into your `system/themes` folder.
3. To enable the theme open file `system/config/config.ini` and change `Theme: blogsite`.

To uninstall delete the theme files and set default settings.

Designer
--------
Mark Mayberg
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,145 @@
/* Blogsite theme 0.6.3 */
/* Designer: Mark Mayberg */

html, body, div, form, pre, span, tr, th, td { margin:0; padding:0; border:0; vertical-align:baseline; }
body {
background-color:#fff; color:#373737;
font-family:"Helvetica Neue",Helvetica,sans-serif;
font-size:1.0em;
font-weight:300;
line-height:1.5;
}
h1, h2, h3, h4, h5, h6 { color:#07d; font-weight:300; }
h1 { font-size:2.2em; }
hr { height:1px; background:#ddd; border:0; }
strong { font-weight:bold; }
code { font-size:1.1em; }
a { color:#07d; }
a:hover { color:#07d; text-decoration:underline; }
a, img { border:none; text-decoration:none; }
.yellow-bar { margin:0 0.5em; }
.yellow-pane form h1 { color:#07d; }
.sitename { text-align:center; }
.sitename h1 { margin:0.4em 0; font-size:3.5em; }
.sitename h1 a { color:#07d; text-decoration:none; }
.sitename-banner {
padding-top:23%;
background-image:url(blogsite-banner.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}
.with-sidebar .main { margin-right:13em; }
.with-sidebar .sidebar { float:right; width:12em; margin-top:4.8em; overflow:hidden; }
.content { padding:1.5em; }
.content h1:first-child, .content>*:first-child { margin-top:0; }
.content h1 a:hover { text-decoration:none; }
.content img { max-width:100%; height:auto; }
.content form { margin:1em 0; }
.content table { border-spacing:0; border-collapse:collapse; }
.content th { text-align:left; padding:0.3em; border-bottom:1px solid #ddd;}
.content td { text-align:left; padding:0.3em; border-top:1px solid #ddd;}
.content .flexible { position:relative; padding-top:0; padding-bottom:56.25%; }
.content .flexible iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.content .toc { margin:0; padding:0; list-style:none; }
.content .pagination { margin:1em 0; }
.content blockquote { margin-left:0; padding-left:1em; border-left:.5em solid #0a0; }
.content blockquote blockquote { margin-left:-1.5em; border-left:.5em solid #fb0; }
.content blockquote blockquote blockquote { border-color:#d00; }
.content pre { overflow:auto; }
.footer { margin:1.5em; text-align:center; clear:both; }
.footer a { color:#07d; }
.footer a:hover { color:#07d; text-decoration:underline; }
.left { float:left; margin:0 1em 0 0; }
.center { display:block; margin:0 auto; }
.right { float:right; margin:0 0 0 1em; }

/* Navigation */

.navigation { padding:0 0.5em; background-color:#000; line-height:2.5em; }
.navigation a { color:#bbb; padding:0 1em; display:inline-block; }
.navigation a:hover { color:#111; background-color:#eee; text-decoration:none; }
.navigation ul { margin:0; padding:0; list-style:none; text-align:center; }
.navigation li a.active { color:#fff; }
.navigation li a.active:hover { color:#111; }
.navigation li { display:inline; }

.navigation-search { padding:1.5em; }
.navigation-search .search-form { position:relative; }
.navigation-search .search-text { font-family:inherit; font-size:inherit; font-weight:inherit; }
.navigation-search .search-text { padding:0.5em; border:1px solid #bbb; border-radius:4px; width:100%; box-sizing:border-box; }
.navigation-search .search-text { background-color:#fff; background-image:linear-gradient(to bottom, #fff, #fff); }
.navigation-search .search-button { position:absolute; top:0; right:0; }
.navigation-search .search-button { font-family:inherit; font-size:inherit; font-weight:inherit; }
.navigation-search .search-button { margin:5px; padding:0.3em; border:none; background-color:transparent; }

.navigation-sidebar ul { margin:0; }

.navigation-tree { padding:0 0.5em; background-color:#000; line-height:2.5em; }
.navigation-tree a { color:#bbb; padding:0 1em; display:inline-block; }
.navigation-tree a:hover { color:#111; background-color:#eee; text-decoration:none; }
.navigation-tree ul { margin:0; padding:0; list-style:none; text-align:center; }
.navigation-tree li a.active { color:#fff; }
.navigation-tree li a.active:hover { color:#111; }
.navigation-tree li { display:inline; }
.navigation-tree ul li { display:inline-block; position:relative; cursor:pointer; margin:0; }
.navigation-tree ul li:hover {}
.navigation-tree ul li ul { padding:0; position:absolute; width:15em; background:#eee; z-index:100; display:none; }
.navigation-tree ul li ul { border:1px solid #bbb; box-shadow:2px 4px 10px rgba(0, 0, 0, 0.2); }
.navigation-tree ul li ul li { display:block; text-align:left; }
.navigation-tree ul li ul li a { color:#111; width:13em; }
.navigation-tree ul li ul li a.active { color:#111; }
.navigation-tree ul li ul li a.active:hover { color:#fff; }
.navigation-tree ul li ul li a:hover { background-color:#000; color:#fff; }
.navigation-tree ul li:hover ul { display:block; }

/* Forms and buttons */

.form-control {
margin:0; padding:2px 4px;
display:inline-block;
background-color:#fff; color:#555;
background-image:linear-gradient(to bottom, #fff, #fff);
border:2px solid #ccc;
font-size:0.9em; font-family:inherit; font-weight:normal; line-height:normal;
}
.btn {
margin:0; padding:4px 22px;
display:inline-block; min-width:7em;
background-color:#eaeaea; color:#333333;
background-image:linear-gradient(to bottom, #f8f8f8, #e1e1e1);
border:1px solid #bbb;
border-color:#c1c1c1 #c1c1c1 #aaaaaa;
border-radius:4px;
outline-offset:-2px;
font-size:0.9em; font-family:inherit; font-weight:normal; line-height:1;
text-align:center; text-decoration:none;
}
.btn:hover, .btn:focus, .btn:active {
color:#333333;
background-image:none;
text-decoration:none;
}
.btn:active { box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1); }

/* Responsive and print */

.page { margin:0 auto; max-width:1000px; }

@media screen and (min-width:62em) {
body { background-color:#f1f1f1; width:1000px; margin:1em auto; }
.page { background-color:#fff; margin:0; border:1px solid #ddd; }
.page { border-radius:4px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); }
}
@media screen and (max-width:30em) {
body { font-size:0.9em; }
.sitename h1, h1, h2 { font-size:1.2em; }
.sitename h1, .sitename, .navigation, .footer, .page { margin:0; padding:0; }
.sitename, .navigation-search, .content, .footer { padding:1em; }
.with-sidebar .main { margin-right:0em; }
.with-sidebar .sidebar { display:none; }
}
@media print {
body, h1, h2, h3, h4, h5, h6 { background-color:white; color:black; }
.page { border:none !important; }
}
@@ -0,0 +1,17 @@
Flatsite theme 0.6.3
====================
Flatsite is a clean business theme. [See demo](http://developers.datenstrom.se/themes/flatsite-theme).

[![Screenshot](flatsite-theme.jpg?raw=true)](http://developers.datenstrom.se/themes/flatsite-theme)

How do I install this?
----------------------
1. Download and install [Yellow](https://github.com/datenstrom/yellow/).
2. Download [flatsite.css](flatsite.css?raw=true), copy it into your `system/themes` folder.
3. To enable the theme open file `system/config/config.ini` and change `Theme: flatsite`.

To uninstall delete the theme files and set default settings.

Designer
--------
Mark Mayberg
Binary file not shown.
@@ -0,0 +1,137 @@
/* Flatsite theme 0.6.3 */
/* Designer: Mark Mayberg */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
html, body, div, form, pre, span, tr, th, td { margin:0; padding:0; border:0; vertical-align:baseline; }
body {
margin:1em;
background-color:#fff; color:#717171;
font-family:'Open Sans',sans-serif;
font-size:1.0em;
font-weight:300;
line-height:1.5;
}
h1, h2, h3, h4, h5, h6 { color:#07d; font-weight:normal; }
h1 { font-size:2.0em; }
hr { height:1px; background:#ddd; border:0; }
strong { font-weight:bold; }
code { font-size:1.1em; }
a { color:#07d; }
a:hover { color:#07d; text-decoration:underline; }
a, img { border:none; text-decoration:none; }
.sitename { display:block; float:left; }
.sitename h1 { margin:0; }
.sitename h1 a { color:#111; text-decoration:none; }
.with-sidebar .main { margin-right:17em; }
.with-sidebar .sidebar { float:right; width:14em; margin-top:4.3em; overflow:hidden; }
.with-sidebar .sidebar { float:right; width:16em; margin-top:5em; overflow:hidden; font-size:0.9em; }
.content h1:first-child, .content>*:first-child { margin-top:0; }
.content h1 a:hover { text-decoration:none; }
.content img { max-width:100%; height:auto; }
.content form { margin:1em 0; }
.content table { border-spacing:0; border-collapse:collapse; }
.content th { text-align:left; padding:0.3em; border-bottom:1px solid #ddd;}
.content td { text-align:left; padding:0.3em; border-top:1px solid #ddd;}
.content .flexible { position:relative; padding-top:0; padding-bottom:56.25%; }
.content .flexible iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.content .toc { margin:0; padding:0; list-style:none; }
.content .pagination { margin:1em 0; }
.content blockquote { margin-left:0; padding-left:1em; border-left:.5em solid #0a0; }
.content blockquote blockquote { margin-left:-1.5em; border-left:.5em solid #fb0; }
.content blockquote blockquote blockquote { border-color:#d00; }
.content code, pre { font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace; font-size:90%;}
.content code { padding:0.15em 0.4em; margin:0; background-color:#f7f7f7; border-radius:3px; }
.content pre>code { padding:0; margin:0; white-space:pre; background:transparent; border:0; font-size:inherit; }
.content pre { padding:1em; overflow:auto; line-height:1.45; background-color:#f7f7f7; border-radius:3px; }
.content .threepages { margin:0; padding:0; list-style:none; width:100%; }
.content .threepages li { padding-bottom:1em; text-align:center; vertical-align:top; display:inline-block; width:32%; }
.footer { margin-top:2em; clear:both; }
.footer a { color:#07d; }
.footer a:hover { color:#07d; text-decoration:underline; }
.left { float:left; margin:0 1em 0 0; }
.center { display:block; margin:0 auto; }
.right { float:right; margin:0 0 0 1em; }

/* Navigation */

.navigation-banner { clear:both; }
.navigation { display:block; float:right; }
.navigation { margin-top:0.9em; margin-bottom:0.9em; line-height:2em; }
.navigation a { padding:0 0.3em; }
.navigation ul { margin:0 -0.3em; padding:0; list-style:none; }
.navigation li { display:inline; }

.navigation-search { padding-bottom:1em; }
.navigation-search .search-form { position:relative; }
.navigation-search .search-text { font-family:inherit; font-size:inherit; font-weight:inherit; }
.navigation-search .search-text { padding:0.5em; border:1px solid #bbb; border-radius:4px; width:100%; box-sizing:border-box; }
.navigation-search .search-text { background-color:#fff; background-image:linear-gradient(to bottom, #fff, #fff); }
.navigation-search .search-button { position:absolute; top:0; right:0; }
.navigation-search .search-button { font-family:inherit; font-size:inherit; font-weight:inherit; }
.navigation-search .search-button { margin:5px; padding:0.3em; border:none; background-color:transparent; }

.navigation-sidebar ul { margin:0; }

.navigation-tree { display:block; float:right; }
.navigation-tree { margin-top:0.9em; margin-bottom:0.9em; line-height:2em; }
.navigation-tree a { padding:0 0.3em; }
.navigation-tree ul { margin:0 -0.3em; padding:0; list-style:none; }
.navigation-tree li { display:inline; }
.navigation-tree ul li { display:inline-block; position:relative; cursor:pointer; margin:0; }
.navigation-tree ul li:hover {}
.navigation-tree ul li ul { padding:0.3em; position:absolute; width:13em; background:#fff; z-index:100; display:none; }
.navigation-tree ul li ul { border:1px solid #bbb; border-radius:4px; box-shadow:2px 4px 10px rgba(0, 0, 0, 0.2); }
.navigation-tree ul li ul li { display:block; }
.navigation-tree ul li:hover ul { display:block; }

/* Forms and buttons */

.form-control {
margin:0; padding:2px 4px;
display:inline-block;
background-color:#fff; color:#555;
background-image:linear-gradient(to bottom, #fff, #fff);
border:1px solid #bbb;
border-radius:4px;
font-size:0.9em; font-family:inherit; font-weight:normal; line-height:normal;
}
.btn {
margin:0; padding:4px 22px;
display:inline-block; min-width:7em;
background-color:#eaeaea; color:#333333;
background-image:linear-gradient(to bottom, #f8f8f8, #e1e1e1);
border:1px solid #bbb;
border-color:#c1c1c1 #c1c1c1 #aaaaaa;
border-radius:4px;
outline-offset:-2px;
font-size:0.9em; font-family:inherit; font-weight:normal; line-height:1;
text-align:center; text-decoration:none;
}
.btn:hover, .btn:focus, .btn:active {
color:#333333;
background-image:none;
text-decoration:none;
}
.btn:active { box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1); }

/* Responsive and print */

.page { margin:0 auto; max-width:1000px; }

@media screen and (min-width:62em) {
body { width:60em; margin:1em auto; }
.page{ margin:0; max-width:none; }
}
@media screen and (max-width:30em) {
body { margin:0.5em; font-size:0.9em; }
.sitename h1, h1, h2 { font-size:1.2em; }
.sitename h1, .header, .navigation, .footer, .page { margin:0; padding:0; }
.sitename, .navigation, .navigation-tree { float:none; }
.navigation-search { padding-top:0.5em; }
.with-sidebar .main { margin-right:0em; }
.with-sidebar .sidebar { display:none; }
}
@media print {
body, h1, h2, h3, h4, h5, h6 { background-color:white; color:black; }
.page { border:none !important; }
}
@@ -0,0 +1,17 @@
Knowhow theme 0.6.3
===================
Knowhow is a theme for a GitHub-like knowledge base. [See demo](http://developers.datenstrom.se/themes/knowhow-theme).

[![Screenshot](knowhow-theme.jpg?raw=true)](http://developers.datenstrom.se/themes/knowhow-theme)

How do I install this?
----------------------
1. Download and install [Yellow](https://github.com/datenstrom/yellow/).
2. Download [knowhow.css](knowhow.css?raw=true) and [knowhow-logo.png](knowhow-logo.png?raw=true), copy them into your `system/themes` folder.
3. To enable the theme open file `system/config/config.ini` and change `Theme: knowhow`

To uninstall delete the theme files and set default settings.

Designer
--------
Mark Mayberg
Binary file not shown.
Binary file not shown.
Oops, something went wrong.

0 comments on commit dc13f9d

Please sign in to comment.