X-Git-Url: https://git.p6c8.net/jirafeau/mojo42.git/blobdiff_plain/3b097eba6400cac6e9f5d6b230a33f2783b38e5b..c011d5def42c58f75bc2a9dcadcafdc89d81901a:/media/modern/style.css.php diff --git a/media/modern/style.css.php b/media/modern/style.css.php new file mode 100755 index 0000000..fa992e0 --- /dev/null +++ b/media/modern/style.css.php @@ -0,0 +1,216 @@ + + * Jimmy Beauvois + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as + * published by the Free Software Foundation, either version 3 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +/* + * This stylesheet is the default stylesheet for Jyraphe. + * The content is dynamically generated for easier handling. + */ + +$dark = '#8B4513'; + +header("Content-type: text/css"); + +?> + +body { +font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; +font-size: 100%; +color:#333333; +margin:0; +background:#e5e5e5; +} + +a, a:link, a:visited { + color: #223344; + text-decoration: underlined; +} + +fieldset { + text-align: left; + font-size:90%; + width: 50em; + margin: auto; + background: white; + border: 2px solid #dbdbdb; +-webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +fieldset legend { + + color: white; + font-size:130%; + background: #cf3b19; + border: 1px solid #A52E13; + padding: 5px 20px; +-webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +h1 { + + font-size: 175%; + width: 100%; + text-align: center; + height: 50px; + padding-top: 30px; +} + +h1 a { + text-decoration: none; + color: #333; +} + +fieldset p { + margin-left: 25%; +} + +.jyraphe_info { + font-size: 120%; + margin-left: 30%; +} + +label { + float: left; + width: 12em; +} + +input[type=text], input[type=submit], select { + width: 15em; + font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; + +} + + +#jyraphe { + background: url('jyraphe.png') right bottom no-repeat; + position: fixed; + bottom: 0; + right: 0; + height: 50px; + width: 50px; + clear:both; +} + +#copyright { + text-align: center; + font-size: 70%; + +} + +.error, .message { + width: 50em; + margin: 5ex auto; +} + +.error { +text-align: center; + padding-bottom: 1ex; + border: #FB7373 2px solid; + background-color: #FBB; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.error p:before { +text-align: center; + content: url('error.png'); + padding-right: 1ex; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.message { +text-align: center; + padding: 1ex; + border: #91C27C 2px solid; + background-color: #BFB; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.message p:before { + content: url('ok.png'); + padding-right: 1ex; +} + +.info { + text-align: left; + width: 50em; + margin: auto; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +.info h2 { + text-align: left; +} + +.info h3 { + text-align: center; +} + +.info p { + margin-left: 5%; + margin-right: 5%; +} + +#upload { + text-align: left; + font-size: 90%; + width: 50em; + background: #e5e5e5; + border: 0px solid #CCCCCC; + margin: auto; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +#uploading { + text-align: center; + width: 50em; + background: white; + border: 2px solid #CCCCCC; + margin: auto; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +#upload_finished { +font-size:90%; + text-align: center; + padding-top: 20px; + padding-bottom: 20px; + width: 50em; + background: #B6D7A8; + border: 2px solid #91C27C; + margin: auto; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +}