Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
108 lines (73 sloc) 4.96 KB

Themes for drop-in.css

Because developers get tired of looking at the same design project after project, drop-in.css now offers themes—prepared combinations of fonts and colors that change up the look of your app without changing the layout. Essentially, a drop-in.css theme simply replaces the font and color choices in the Design Styles section of the default drop-in stylesheet.

Contents

Installing a theme

To install a drop-in.css theme, simply use the themed stylesheet in place of the regular drop-in stylesheet. The theme stylesheets are complete by themselves—you don't need to install or link to the default drop-in.css file to make the drop-in theme stylesheets work. The themes include all the drop-in.css style rules, not just the rules in the Design Styles session, as well as the @import commands that load normalize.css and the necessary fonts from Google Fonts.

The themes

Default

drop-in.css v2.1

Valid CSS!

Default Theme

Default theme stylesheet: drop-in.css

Or you can link directly to a minimized version of the default theme hosted online by including this link in the <head> of your HTML document:

  <link rel="stylesheet" href="http://www.webdevjeffus.com/drop-in-css/drop-in.min.css">

NOTE: Linked, minified stylesheets have not been updated since version 1.0


Great Pumpkin

Based on drop-in.css v2.1

Valid CSS!

Great Pumpkin Theme

Great Pumpkin theme stylesheet: drop-in-gp.css

Or you can link directly to a minimized version of the Great Pumpkin theme hosted online by including this link in the <head> of your HTML document:

  <link rel="stylesheet" href="http://www.webdevjeffus.com/drop-in-css/drop-in-gp.min.css">

NOTE: Linked, minified stylesheets have not been updated since version 1.0


Old Glory

Based on drop-in.css v2.1

Valid CSS!

Old Glory Theme

Old Glory theme stylesheet: drop-in-og.css

Or you can link directly to a minimized version of the Old Glory theme hosted online by including this link in the <head> of your HTML document:

  <link rel="stylesheet" href="http://www.webdevjeffus.com/drop-in-css/drop-in-og.min.css">

NOTE: Linked, minified stylesheets have not been updated since version 1.0


Whiteboard

Based on drop-in.css v2.1

Valid CSS!

Whiteboard Theme

Link to minified file hosted online will be added soon.


Licenses

The documentation in this repo is Copyright © 2016 by Jeff George.

Creative Commons License
Documentation for Drop-In CSS by Jeff George is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

The code files in this repo, including drop-in.css, all drop-in.css themes, and all view files, may be used under the terms of the MIT License.

You can’t perform that action at this time.