Initial commmit.HEADmaster

1 files changed, 511 insertions, 0 deletions

diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..a5ad5e0
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,511 @@
+/**************************/
+/** Structure de la page **/
+/**************************/
+
+body {
+font-family: arial;
+font-size: 14px;
+padding:0;
+margin:0;
+background-color: #45395f;
+background-image : url('gfx/main.png');
+background-repeat : repeat;
+}
+
+.sheet{
+background-color : white;
+width:950px;
+margin-left:auto;
+margin-right:auto;
+margin-top:0px;
+margin-bottom : 0x;
+padding-top:0px;
+}
+
+.main {
+width : 900px;
+padding-left : 25px;
+padding-right : 25px;
+padding-top : 15px;
+padding-bottom : 15px;
+margin-left:auto;
+margin-right:auto;
+margin-top:0px;
+margin-bottom : 0x;
+color : black;
+height : 100%;
+background-image : url('gfx/center3.png');
+background-repeat : repeat-x;
+}
+
+.container{
+width : 1040px;
+background-image : url('gfx/center.png');
+background-repeat : repeat-y;
+margin-left:auto;
+margin-right:auto;
+}
+
+/*****************************************/
+/** Eléments communs à toutes les pages **/
+/*****************************************/
+
+.main_menu{
+width: 900px;
+margin-left:auto;
+margin-right:auto;
+padding-left : 25px;
+padding-right : 25px;
+height:50px;
+background-image : url('gfx/menu2.png');
+background-repeat : repeat-x;
+border-bottom : 2px groove black;
+border-top : 1px groove black;
+text-align:center;
+}
+
+.main_menu a{
+color : white;
+font-size : 20px;
+}
+
+.main_menu a:hover{
+text-decoration : none;
+color : white;
+}
+
+.main_menu td{
+height:50px;
+padding-left : 15px;
+padding-right: 15px;
+border-left:2px groove #002B56;
+border-right:2px groove #002B56;
+border-bottom : none;
+}
+
+.main_menu td:hover{
+border-bottom : 3px solid #EA8500;
+}
+
+.top{
+margin : 0px;
+padding : 0px;
+height : 70px;
+padding : 5px;
+text-align : right;
+color: black;
+font-size:15px;
+background-image : url('gfx/top.png');
+}
+
+.top:before{
+content : url('gfx/home.png');
+float:left;
+margin-left:20px;
+}
+
+.top p{
+margin-top:25px;
+}
+
+/***************************************************/
+/** mise en forme générale pour un style cohérent **/
+/***************************************************/
+
+h1{
+text-align : center;
+font-size : 25px;
+}
+
+a{
+text-decoration : none;
+color : #0060A4;
+}
+
+a:hover{
+text-decoration : underline;
+color : #EA8500;
+}
+
+.info {
+font-style : italic;
+}
+
+form{
+display : block;
+margin-left : auto;
+margin-right : auto;
+}
+
+label{
+display : block;
+float:left;
+text-align : right;
+padding-right : 5px;
+font-weight : bold;
+margin-bottom : 5px;
+}
+
+input {
+border : 1px solid #13294B;
+background-color : #EDF0FF;
+margin-bottom : 5px;
+}
+
+input:focus,select:focus {
+background-color : #B9CEFF;
+}
+
+input[type=button],[type=submit]{
+background-color : #B9CEFF;
+color : black;
+-moz-border-radius : 5px; 
+}
+
+textarea{
+border : 1px solid #13294B;
+background-color : #EDF0FF;
+}
+
+legend {
+border : 1px solid #13294B;
+background-color : #EDF0FF;
+}
+
+fieldset{
+border : 1px solid #13294B;
+margin-bottom : 10px;
+}
+
+select{
+background-color : #EDF0FF;
+border : 1px solid #13294B;
+margin-bottom : 5px;
+}
+
+form p.submit{
+text-align : center;
+}
+
+
+pre.code{
+border : 1px solid #003669;
+background-color : #F2F2F2;
+width : 650px;
+margin-left:auto;
+margin-right:auto;
+padding : 5px;
+white-space: pre-wrap;
+}
+
+hr{
+color : #BFBFBF;
+border : none;
+background-color : #BFBFBF;
+height : 1px;
+}
+
+.hidden{
+display : none;
+}
+
+/***************************/
+/** Elements particuliers **/
+/***************************/
+
+.news{
+float : left;
+width : 650px;
+padding-right : 15px;
+border-right : 3px dotted gray;
+}
+
+.article{
+width : 750px;
+margin-left : auto;
+margin-right : auto;
+line-height:130%
+}
+
+.news_add label{
+width : 100px;
+}
+
+.news_add textarea{
+width : 650px;
+}
+
+.comment_add textarea{
+width : 650px;
+}
+
+.news_add input[type=text]{
+display : block;
+width : 650px;
+}
+
+.news_head{
+/* border-bottom : 1px solid #0060A4; */
+border-bottom : 1px solid #BFBFBF;
+}
+
+.news_head h2{
+margin-bottom : 5px;
+font-size : 18px;
+}
+
+.news_head:before{
+content : url('gfx/news.png');
+float:left;
+padding-top : 8px;
+margin-right : 5px;
+}
+
+.news_head p{
+margin : 0px;
+margin-bottom : 5px;
+}
+
+.news p.comments{
+margin-top:0px;
+text-align : right;
+}
+
+.quickview{
+width : 220px;
+float:right;
+}
+
+.quickview h2{
+margin : 0px;
+padding:0px;
+background-color : #BFBFBF;
+-moz-border-radius : 5px;
+-khtml-border-radius : 5px;
+padding-top : 3px;
+padding-bottom : 3px;
+color : white;
+text-align : center;
+font-size : 17px;
+}
+
+.quickview ul{
+list-style : none;
+padding-left:0px;
+}
+
+.quickview li{
+margin-bottom : 8px;
+}
+
+.quickview li:before{
+content : "> ";
+color : gray;
+}
+
+.quickview td{
+border: 0px;
+}
+
+.quickview table{
+margin-bottom : 10px;
+}
+
+form.userform {
+display : block;
+margin-left : auto;
+margin-right : auto;
+width : 600px;
+}
+
+form.userform label{
+width : 200px;
+}
+
+.comment_content{
+border : 1px solid #BFBFBF;
+-moz-border-radius-bottomleft : 10px;
+-moz-border-radius-bottomright : 10px;
+-khtml-border-bottom-left-radius : 10px;
+-khtml-border-bottom-right-radius : 10px;
+padding : 5px;
+margin-bottom : 20px;
+
+}
+
+h3.comment{
+margin : 0px;
+padding-left:5px;
+border : 1px solid #BFBFBF;
+-moz-border-radius-topleft : 7px;
+-moz-border-radius-topright : 7px;
+-khtml-border-top-left-radius : 7px;
+-khtml-border-top-right-radius : 7px;
+background-color : #BFBFBF;
+font-weight : normal;
+font-size : 15px;
+
+}
+
+.second_menu{
+text-align:center;
+}
+
+#connection label{
+width:150px;
+}
+
+form#connection{
+position : absolute;
+top:50%;
+left:50%;
+margin-left:-320px;
+margin-top:-95px;
+padding:20px;
+display : block;
+width:600px;
+height:160px;
+background-color : white;
+border : 5px solid #1E5E7C;
+}
+
+#connection fieldset{
+margin : 0px;
+}
+
+.infobox {
+margin-left:auto;
+margin-right:auto;
+border : 2px solid #3A8433;
+width : 500px;
+margin-top : 20px;
+margin-bottom : 20px;
+padding-left : 15px;
+padding-right : 15px;
+padding-top : 5px;
+padding-bottom : 5px;
+background-color : #ACFFA4;
+font-size : 15px;
+}
+
+.infobox:before {
+float:left;
+content : url('gfx/ok.png');
+}
+
+.errorbox {
+margin-left:auto;
+margin-right:auto;
+border : 2px solid #912B2D;
+width : 500px;
+margin-top : 20px;
+margin-bottom : 20px;
+padding-left : 15px;
+padding-right : 15px;
+padding-top : 5px;
+padding-bottom : 5px;
+background-color : #FF4C4F;
+}
+
+
+table {
+border-collapse : collapse;
+margin-left : auto;
+margin-right : auto;
+}
+
+th {
+border-bottom : 2px solid #434343;
+}
+
+td {
+border-bottom : 1px dotted gray;
+padding : 5px;
+}
+
+.file th{
+border:none;
+border-bottom: 2px solid black;
+}
+
+.file td{
+border:none;
+}
+
+caption{
+text-align : center;
+margin-bottom : 10px;
+font-size : 18px;
+font-weight : bold;
+}
+
+.upgraded{
+color : green;
+}
+
+.installed{
+color : green;
+}
+
+.removed{
+color : red;
+}
+
+.date{
+font-style : italic;
+}
+
+.news_content table
+{
+border-collapse:collapse;
+}
+
+.news_content table, th, td
+{
+border: 1px solid #003669;
+}
+
+.news_content th{
+background-color : #9AB7FF;
+}
+
+.news_content a img{
+border-style:none;
+}
+
+.news_content img{
+margin-right:10px;
+margin-top:0px;
+margin-bottom:0px;
+margin-left:10px;
+}
+
+.news_content .caption{
+border :1px solid gray;
+padding:7px;
+}
+
+.sommaire{
+display : table-cell;
+border : 1px solid #003669;
+list-style-type : none;
+padding : 10px;
+}
+
+.sommaire ul{
+list-style-type : none;
+}
+
+.sommaire:before{
+content : "Sommaire";
+display : block;
+width : 70px;
+margin-left: auto;
+margin-right : auto;
+font-weight : bold;
+}
+
+
+
+
+