Files
image-sequencer/examples/demo-old.css
Jeffrey Warren 1f3000b7f9 Demo styling tweaks (#105)
* html demo tweaks

* in-progress demo styling

* merge fies

* old demo cleanup
2017-09-06 14:34:24 -04:00

83 lines
1.8 KiB
CSS

/* https://github.com/theleagueof/league-spartan */
/*@font-face {
font-family: 'League Spartan';
src: url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.eot');
src: url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.woff2') format('woff2'),
url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.woff') format('woff'),
url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.ttf') format('truetype'),
url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.svg#league_spartanbold') format('svg');
font-weight: bold;
font-style: normal;
}*/
body {
padding: 20px;
margin: 0 auto;
max-width: 700px;
background: #f8f8fa;
}
h1 {
font-family: 'League Spartan';
color: #445;
}
.header {
text-align: center;
}
.panels {
}
.panel {
background: #f8f8fa;
padding: 20px 0;
margin-bottom: 20px;
border-bottom: 1px dashed #ccc;
}
.panel img {
max-width: 100%;
}
.instructions {
color: #aaa;
}
.log h4 {
text-align: center;
}
.log {
margin-top: 20px;
padding: 10px;
font-size: 9px;
font-family: monospace;
color: #666;
background: #efeff6;
border-radius: 4px;
}
/* ImageSelect styles */
.ismod-image-select .mod-drop {
border-radius: 4px;
background: #efeff6;
color: #aaa;
padding: 20px;
width: 100%;
margin-bottom: 10px;
border: 4px dashed #ccc;
text-align: center;
}
.ismod-image-select .mod-drop.hover {
background: #ddd;
}
.ismod-image-select .mod-drop img {
width: 100%;
}