diff --git a/css/20ans.css b/css/20ans.css new file mode 100644 index 0000000000000000000000000000000000000000..94fedfe041ae8c5d2446cc1a022042e5db72a909 --- /dev/null +++ b/css/20ans.css @@ -0,0 +1,511 @@ +@charset "UTF-8"; +/* CSS Document */ + +* { + margin: 0px; + padding: 0px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; +} + +body { + background: #000000 url("../images/bg_20ans.png") no-repeat center top; + margin: 0px; + padding: 0px; + font-size: 11px; + color: #CCCCCC; + + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; +} + +a { + text-decoration: none; + color: #cccccc; +} + +ul, li { + list-style-type: none; + padding: 0px; + margin: 0px; +} + +li { + display: inline; +} + +li a { + display: inline; +} + +img { + margin: 0 auto; + padding: 0px; + border: 0px; + text-align: right; +} + +.clr { + clear: both; + height: 0px; +} + +.copyrights { + color: #646464; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + text-align: center; + margin: 10px 0px 0px 0px; +} + +/* +** main header body footer container +*/ +/* +#main_container { + position: relative; + background: #303030; + background: #00ff00; + top: 0px; + width: 901px; + margin: 0 auto; +} +*/ +#main_body { + margin: 0px 0px 0px 0px; + background: #303030; + border: 1px solid #646464; + border-bottom: 0px; + + border-top-left-radius: 10px; + border-top-right-radius: 10px; + + width: 901px; + margin: 0 auto; +} + +#main_header { + height: 160px; + /* border-left: 1px solid #646464; */ + /* border-right: 1px solid #646464; */ + /* border-bottom: 1px solid #646464; */ + /* background: #003366; */ + background: url(../images/logo_20ans.png) no-repeat right; + + position: relative; + top: 0px; + width: 901px; + margin: 0 auto; +} + +/* +** header/menu class & id +*/ +#menu ul, #menu li { + margin:0; + padding: 0; + list-style-type: none; +} + +#menu ul { + position: absolute; + height: 22px; + /*width: 334px;*/ + /*left: 20px;*/ + top: 161px; + margin-left: 5px; +} + +#menu li { + float: left; +} + +#menu li a { /* dimensions et définitions des boutons */ + display: block; /* mise en block de pour lui donner des dimensions */ + height: 22px; + color: #B8B8B8; + padding: 8px 0px 0px 0px; + font-size: 13px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + text-decoration: none; + text-align: center; +} + +#menu li a:hover { /* dimensions et définitions des boutons */ + display: block; /* mise en block de pour lui donner des dimensions */ + height: 22px; + color: #99FF33; + font-size: 13px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + text-decoration: none; + text-align: center; +} + +#menu a#tabs_home { + width: 79px; + background: transparent url(../images/maquette_decoupe_03.png) top left no-repeat; +} +#menu a#tabs_members { + width: 83px; + background: transparent url(../images/maquette_decoupe_05.png) top left no-repeat; +} +#menu a#tabs_cours { + width: 83px; + background: transparent url(../images/maquette_decoupe_05.png) top left no-repeat; +} +#menu a#tabs_releases { + width: 81px; + background: transparent url(../images/maquette_decoupe_07.png) top left no-repeat; +} + +#menu_left { + position: absolute; + left: 0px; + top: 101px; + height: 30px; + width: 159px; +} + +#menu_right { + position: absolute; + right: 0px; + top: 101px; + height: 30px; + width: 163px; +} + +/* +** main body +*/ + +div#newsbox { + margin: 0px 15px 20px 15px; +} + +div#newsbox ul { + background: #1D1D1D; + padding: 15px; +} + +div#newsbox li { + display: block; +} + +div#newsbox h1 { + height: 26px; + font-size: 14px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + padding: 10px; + background: #1D1D1D; + color: #B8B8B8; + border-bottom: 1px solid #303030; +} + + +div#lastnewsbox { + width: 530px; + margin: 0px 15px 20px 15px; +} + +div#lastnewsbox ul { + background: #1D1D1D; + padding: 15px; +} + +div#lastnewsbox li { + display: block; +} + +div#lastnewsbox h1 { + height: 26px; + font-size: 14px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + padding: 10px; + background: #1D1D1D; + color: #B8B8B8; + border-bottom: 1px solid #303030; +} + +div#memberbox { + /*width: 530px;*/ + margin: 0px 15px 20px 15px; +} + +div#memberbox ul { + background: #1D1D1D; + padding: 15px; +} + +div#memberbox li { + display: block; +} + +div#memberbox h1 { + height: 26px; + font-size: 14px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + padding: 10px; + background: #1D1D1D; + color: #B8B8B8; + border-bottom: 1px solid #303030; +} + +div#editobox { + margin: 0px 15px 20px 15px; +} + +div#editobox table { + background: #1D1D1D; + font-size: 12px; + padding: 5px; +} + +div#editobox h1 { + height: 26px; + font-size: 20px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + padding: 10px; + background: #1D1D1D; + color: #B8B8B8; + border-bottom: 1px solid #303030; +} + + +.rightbox a { + text-decoration: none; + color: #cccccc; +} + +.rightbox a:hover { + text-decoration: none; + color: #99FF33; +} + +div.rightbox { + width: 320px; + margin: 0px 15px 15px 0px; +} + +div.rightbox ul { + background: #1D1D1D; + padding: 0px; + width: 320px; +} + +div.rightbox li { + display: block; + padding: 5px 0px 8px 15px; + font-size:12px; + color:#cccccc; + border-bottom: 1px solid #303030; +} + +div.rightbox h1 { + height: 26px; + font-size: 14px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + padding: 10px; + background: #1D1D1D; + color: #B8B8B8; + border-bottom: 1px solid #303030; +} + +#all_side { + float: left; + padding: 0px; + margin: 0px; + background: #303030; + width: 901px; +} + +#left_side { + float: left; + width: 550px; + padding: 0; + background: #303030; +} + +#newsbox h2 { + color: #B8B8B8; + margin: 10px 0px 0px 0px; + padding: 0px 0px 0px 10px; + background: url(../images/puce_carre.jpg) left no-repeat; +} + +.news_date { + font-size: 11px; + color: #6D6C6C; + margin: 10px 0px 0px 0px; + padding: 0px 0px 0px 5px; +} + +.news_by { + font-size: 11px; + color: #6D6C6C; + font-style: italic; +} + +.news_separator { + margin: 0px 0px 0px -15px; + padding:0; +} + +.news_text { + font-size: 12px; + color: #B8B8B8; + margin: 10px 0px 0px 0px; + padding: 0px 0px 5px 20px; +} + +#left_side h3 { + color: #aaa28b; + margin: 10px 0px 0px 0px; + padding: 0px 0px 0px 5px; +} + +#right_side { + float: right; + width: 330px; +} + +div#menu +{ + float:left; + margin-bottom: 20px; + width: 901px; + height: 130px; +} + +#right_side h2 { + color: #aaa28b; + margin: 10px 0px 0px 0px; + padding: 0px 0px 0px 5px; + font-size: 12px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; +} + +#right_side h3 { + color: #aaa28b; + margin: 10px 0px 0px 0px; + padding: 0px 0px 0px 5px; + font-size: 12px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; +} + + +/* + ** footer class & id + */ + +#main_footer { + position: relative; + margin: 0 auto; + width: 903px; + height: 47px; +} + +#foot_menu { + background: #303030; + border-left: 1px solid #646464; + border-right: 1px solid #646464; +} + +#foot_menu ul { + height: 15px; + width: 860px; + margin: 0 auto; + text-align: center; +} + +#foot_menu li { + display: inline; + margin: 0 10px; +} + +#foot_menu li a { + color: #B8B8B8; + font-size: 9px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + text-decoration: none; +} + +#foot_menu li a:hover, a:active { + color: #B8B8B8; + font-size: 9px; + font-family: Tahoma,'Trebuchet MS',Verdana,Arial,"Lucida-Grande",Sans-serif; + text-decoration: none; +} + +#foot_logo { + float: right; + position: relative; + top: 4px; + right: 20px; +} + +#foot_menu img { + position: relative; + top: 5px; + border: 0; +} + +.footnoimg { + background: none; +} + +#ft_img_left { + position: absolute; + left: 0px; + height: 19px; + width: 19px; + background: url(../images/corner_24.png) no-repeat; +} + +#ft_img_mid { + position: absolute; + left: 19px; + height: 18px; + width: 865px; + background: #303030; + border-bottom: 1px solid #646464; +} + +#ft_img_right { + position: absolute; + right: 0px; + height: 19px; + width: 19px; + background: url(../images/corner_24_r.png) no-repeat; +} + +#logo_edito { + float: left; +} + +a.texte_link { + color: #FFFFFF; +} + +a:hover { + text-decoration: none; + color: #99FF33; +} + +a:active { + text-decoration: none; + color: #99FF33; +} + +.back_tendu { + background-color:#460002; +} + +.back_private { + background-color:#990000; +} + +img.daily_preview { + margin-bottom: -5px; +} + +div.top_box +{ + text-align: center; +} diff --git a/images/bg_20ans.png b/images/bg_20ans.png new file mode 100644 index 0000000000000000000000000000000000000000..bba9a710d20d24fe7f92b2d6bb4dfc7b9c2946c6 Binary files /dev/null and b/images/bg_20ans.png differ diff --git a/images/logo_20ans.png b/images/logo_20ans.png new file mode 100644 index 0000000000000000000000000000000000000000..603d4facfa4bd1df711b39a677b1199f1f3f017c Binary files /dev/null and b/images/logo_20ans.png differ diff --git a/include/html.php b/include/html.php index 647d44cb37329a96ed2e638a32bcf22f70391077..53b621f79e3b6fbf67c23da6eac442a79721b8ad 100644 --- a/include/html.php +++ b/include/html.php @@ -43,7 +43,7 @@ function dispHTMLHeader() { echo ' '; echo ' '; echo ' '; include 'script.js'; echo ''; diff --git a/include/menu.php b/include/menu.php index 03a79a851cb147a9b2ff04f564d778bcb75a93f5..1aab2de86af18bd50a87cc81552cca2b63735766 100644 --- a/include/menu.php +++ b/include/menu.php @@ -1,21 +1,21 @@ '; $str .= '"; - //$str .= ''; echo $str; }