cops/templates/default/styles/style-default.css
Sébastien Lucas 8803152273 Move all default styles in the templates directory. re #79
--HG--
rename : styles/FontAwesome.otf => templates/default/styles/FontAwesome.otf
rename : styles/font-awesome.css => templates/default/styles/font-awesome.css
rename : styles/fontawesome-webfont.eot => templates/default/styles/fontawesome-webfont.eot
rename : styles/fontawesome-webfont.svg => templates/default/styles/fontawesome-webfont.svg
rename : styles/fontawesome-webfont.ttf => templates/default/styles/fontawesome-webfont.ttf
rename : styles/fontawesome-webfont.woff => templates/default/styles/fontawesome-webfont.woff
rename : styles/style-base.css => templates/default/styles/style-base.css
rename : styles/style-default.css => templates/default/styles/style-default.css
rename : styles/style-eink.css => templates/default/styles/style-eink.css
rename : styles/style-iphone.css => templates/default/styles/style-iphone.css
2014-02-16 16:55:38 +01:00

58 lines
1.4 KiB
CSS

@import url("style-base.css");
/* =============================================================================
Main container stuff goes here and other globals
========================================================================== */
.container {
border-radius:10px;
}
/* =============================================================================
Header stuff goes here
========================================================================== */
header {
box-shadow:inset 0px -5px 8px #000000;
border-radius: 10px 10px 0px 0px;
}
.hicon{
text-shadow: 2px 2px 2px black;
}
.submit {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
header h1{
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 100%;
}
.download a {
border-radius: 6px;
box-shadow:0 0 10px #000;
background: radial-gradient(#666, black);
}
footer
{
box-shadow:inset 0px 5px 8px #000000;
border-radius: 0px 0px 10px 10px;
}
/* =============================================================================
Mediaquerie stuff goes here
========================================================================== */
/* 768px and greater */
@media only screen and (min-width: 768px) {
.container { box-shadow:0 0 20px #000; }
}