AEOS Calvarium v0.4
161
themes/main/base.php
Executable file
|
|
@ -0,0 +1,161 @@
|
|||
<?php (SECURITY)?die():FALSE; ?>
|
||||
<script type="text/javascript" src="themes/main/script/script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="General">
|
||||
<div id="Header">
|
||||
<h1>
|
||||
<a href="#">
|
||||
<span class="Bracket1"><</span>
|
||||
<span class="Title"><?php echo AEOS_NAME; ?> </span>
|
||||
<span class="Bracket2">/></span>
|
||||
-- Version <?php echo AEOS_VERSION; ?>
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
<ul class="Menu">
|
||||
<?php require_once('core/menu.php'); ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="SurHeader">
|
||||
<div id="Presentation">
|
||||
<p>
|
||||
<?php require_once('core/base.php'); ?>
|
||||
</p>
|
||||
</div>
|
||||
<?php
|
||||
if($_['id']==1)
|
||||
{
|
||||
?>
|
||||
<div id="Gallery">
|
||||
<div id="Slider">
|
||||
<ul>
|
||||
<li><img src="data/images/1.jpg" width="560" height="320" alt="Image One" /></li>
|
||||
<li><img src="data/images/2.jpg" width="560" height="320" alt="Image Two" /></li>
|
||||
<li><img src="data/images/3.jpg" width="560" height="320" alt="Image Three" /></li>
|
||||
<li><img src="data/images/4.jpg" width="560" height="320" alt="Image Four" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sliderbutton" id="slideleft" ></div>
|
||||
<div class="sliderbutton" id="slideright" ></div>
|
||||
|
||||
<ul id="pagination" class="pagination">
|
||||
<li onclick="slideshow.pos(0)"></li>
|
||||
<li onclick="slideshow.pos(1)"></li>
|
||||
<li onclick="slideshow.pos(2)"></li>
|
||||
<li onclick="slideshow.pos(3)"></li>
|
||||
</ul>
|
||||
|
||||
<script type="text/javascript">
|
||||
var slideshow=new TINY.slider.slide('slideshow',{
|
||||
id:'Slider',
|
||||
auto:4,
|
||||
resume:false,
|
||||
vertical:false,
|
||||
navid:'pagination',
|
||||
activeclass:'current',
|
||||
position:0,
|
||||
rewind:false,
|
||||
elastic:false,
|
||||
left:'slideleft',
|
||||
right:'slideright'
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div id="Corps">
|
||||
<ul class="Colonne1">
|
||||
<li>Léger et Rapide</li>
|
||||
<li>
|
||||
Technologies PHP5 / XML<br />
|
||||
Poids : ~ 120ko
|
||||
</li>
|
||||
<li>Modulable</li>
|
||||
<li>
|
||||
Gestion de thèmes, modules <br />
|
||||
et composants.
|
||||
</li>
|
||||
<li>Base de Donnée XML</li>
|
||||
<li>
|
||||
Profitez de toute la puissance <br />
|
||||
du XML !
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="Colonne2">
|
||||
<li>Sécurisé</li>
|
||||
<li>
|
||||
Elaboré avec le plus de <br />
|
||||
précaution en terme de sécurité
|
||||
</li>
|
||||
<li>Support</li>
|
||||
<li>
|
||||
Une équipe et une <br />
|
||||
communauté à votre écoute
|
||||
</li>
|
||||
<li>Compatible W3C</li>
|
||||
<li>
|
||||
Produit respectant les<br />
|
||||
conventions du W3C
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="Download">
|
||||
<li><a href="#">Soutenez-nous !</a></li>
|
||||
<li><a href="#"><h2>DEMO</h2></a></li>
|
||||
<li><a href="#"><h2>TELECHARGEMENT</h2></a></li>
|
||||
<li>Dernière version Stable 0.4</li>
|
||||
<li><a href="#">Release Notes</a> (2013-02-07)</li>
|
||||
<li>« Pas plus simple »</li>
|
||||
<li>#Dev3</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="Promotion">
|
||||
<h5>
|
||||
Compatible avec
|
||||
<br />
|
||||
<img src="themes/main/images/ico_iphone.png" alt="iDevices" /> <span class="DarkGrey">iDevices</span> et <span class="Green">Android</span> <img src="themes/main/images/ico_android.png" alt="Android" />
|
||||
</h5>
|
||||
<div>
|
||||
<img src="themes/main/images/promotion.jpg" alt="Promotion" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="Distribution">
|
||||
<a href="#">NNS</a>
|
||||
<img src="themes/main/images/little_heart.png" alt="LOVES" />
|
||||
<a href="#">PRODUCTION</a>
|
||||
</div>
|
||||
|
||||
<div id="Footer">
|
||||
<div id="SubFooter">
|
||||
<h6>
|
||||
<a href="#">< /></a><br />
|
||||
<img src="themes/main/images/staff.png" alt="The Team" />
|
||||
</h6>
|
||||
<ul>
|
||||
<li><a href="#">AEOS</a></li>
|
||||
<li><a href="#">Fonctionnalités</a></li>
|
||||
<li><a href="#">Nouveautés</a></li>
|
||||
<li><a href="#">Support</a></li>
|
||||
<li><a href="#">Forum</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Téléchargement</a></li>
|
||||
</ul>
|
||||
<p>
|
||||
<a href="#"><img src="themes/main/images/ico_twitter.png" alt="Twitter" /></a>
|
||||
<a href="#"><img src="themes/main/images/ico_facebook.png" alt="Facebook" /></a>
|
||||
<a href="#"><img src="themes/main/images/ico_google.png" alt="Google+" /></a>
|
||||
<a href="#"><img src="themes/main/images/ico_rss.png" alt="Flux RSS" /></a>
|
||||
<br /><br />
|
||||
<?php require_once('core/footer.php'); ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
108
themes/main/base.php~
Executable file
|
|
@ -0,0 +1,108 @@
|
|||
<?php (SECURITY)?die():FALSE; ?>
|
||||
<script type="text/javascript" src="themes/main/script/script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="General">
|
||||
<div id="Header">
|
||||
<h1>
|
||||
<span class="Bracket1"><</span>
|
||||
<?php echo AEOS_NAME; ?>
|
||||
<span class="Bracket2">/></span>
|
||||
</h1>
|
||||
<p>-- <?php echo AEOS_DESC; ?></p>
|
||||
|
||||
<ul class="Menu">
|
||||
<?php require_once('core/menu.php'); ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="SurHeader">
|
||||
<p>
|
||||
<?php require_once('core/base.php'); ?>
|
||||
</p>
|
||||
<div id="Gallery">
|
||||
<div class="sliderbutton" id="slideleft" ></div>
|
||||
<div id="Slider">
|
||||
<ul>
|
||||
<li><img src="data/images/1.jpg" width="560" height="260" alt="Image One" /></li>
|
||||
<li><img src="data/images/2.jpg" width="560" height="260" alt="Image Two" /></li>
|
||||
<li><img src="data/images/3.jpg" width="560" height="260" alt="Image Three" /></li>
|
||||
<li><img src="data/images/4.jpg" width="560" height="260" alt="Image Four" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sliderbutton" id="slideright" ></div>
|
||||
|
||||
<ul id="pagination" class="pagination">
|
||||
<li onclick="slideshow.pos(0)"></li>
|
||||
<li onclick="slideshow.pos(1)"></li>
|
||||
<li onclick="slideshow.pos(2)"></li>
|
||||
<li onclick="slideshow.pos(3)"></li>
|
||||
</ul>
|
||||
|
||||
<script type="text/javascript">
|
||||
var slideshow=new TINY.slider.slide('slideshow',{
|
||||
id:'Slider',
|
||||
auto:4,
|
||||
resume:false,
|
||||
vertical:false,
|
||||
navid:'pagination',
|
||||
activeclass:'current',
|
||||
position:0,
|
||||
rewind:false,
|
||||
elastic:true,
|
||||
left:'slideleft',
|
||||
right:'slideright'
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="Corps">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="Promotion">
|
||||
<h5></h5>
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
|
||||
<div id="Distribution">
|
||||
</div>
|
||||
|
||||
<div id="Footer">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<p>
|
||||
<?php require_once('core/footer.php'); ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
10
themes/main/config.xml
Executable file
|
|
@ -0,0 +1,10 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<configuration>
|
||||
<id>3</id>
|
||||
<nom>AEOS - Main</nom>
|
||||
<dossier>main</dossier>
|
||||
<description>Thème de base d'AEOS Officiel</description>
|
||||
<version>1.0.0</version>
|
||||
<auteurs>NNS Production</auteurs>
|
||||
<email>contact@nekonosekai.com</email>
|
||||
</configuration>
|
||||
4
themes/main/edition.php
Executable file
|
|
@ -0,0 +1,4 @@
|
|||
<?php
|
||||
(SECURITY)?die():FALSE;
|
||||
echo "<span class='erreur'>Aucune modification possible sur ce thème.</span>";
|
||||
?>
|
||||
BIN
themes/main/images/background.png
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
themes/main/images/background_dark.png
Executable file
|
After Width: | Height: | Size: 7.7 KiB |
BIN
themes/main/images/bg.jpg
Executable file
|
After Width: | Height: | Size: 12 KiB |
BIN
themes/main/images/favicon_aeos.ico
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
themes/main/images/ico_android.png
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
themes/main/images/ico_bio.png
Executable file
|
After Width: | Height: | Size: 3 KiB |
BIN
themes/main/images/ico_com.png
Executable file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
themes/main/images/ico_database.png
Executable file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
themes/main/images/ico_facebook.png
Executable file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
themes/main/images/ico_gift.png
Executable file
|
After Width: | Height: | Size: 3 KiB |
BIN
themes/main/images/ico_google.png
Executable file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
themes/main/images/ico_graph.png
Executable file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
themes/main/images/ico_iphone.png
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
themes/main/images/ico_lego.png
Executable file
|
After Width: | Height: | Size: 3 KiB |
BIN
themes/main/images/ico_rss.png
Executable file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
themes/main/images/ico_secu.png
Executable file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
themes/main/images/ico_twitter.png
Executable file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
themes/main/images/icons.gif
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
themes/main/images/left.gif
Executable file
|
After Width: | Height: | Size: 123 B |
BIN
themes/main/images/little_heart.png
Executable file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
themes/main/images/logo.png
Executable file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
themes/main/images/logo_git.png
Executable file
|
After Width: | Height: | Size: 7.2 KiB |
BIN
themes/main/images/logo_svn.png
Executable file
|
After Width: | Height: | Size: 7 KiB |
BIN
themes/main/images/promotion.jpg
Executable file
|
After Width: | Height: | Size: 48 KiB |
BIN
themes/main/images/right.gif
Executable file
|
After Width: | Height: | Size: 122 B |
BIN
themes/main/images/staff.png
Executable file
|
After Width: | Height: | Size: 15 KiB |
12
themes/main/maintenance.php
Executable file
|
|
@ -0,0 +1,12 @@
|
|||
<?php (SECURITY)?die():FALSE; ?>
|
||||
<!-- Maintenance -->
|
||||
<body>
|
||||
<div id="content">
|
||||
<div id="center">
|
||||
<!-- Affichage du message en cas de maintenance -->
|
||||
<p><?php echo AEOS_MAINTMSG; ?></p>
|
||||
</div>
|
||||
<div id="left"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
3
themes/main/modification.xml
Executable file
|
|
@ -0,0 +1,3 @@
|
|||
<!--
|
||||
Ici, modification possible au format XML pour votre thème.
|
||||
-->
|
||||
80
themes/main/script/script.js
Executable file
|
|
@ -0,0 +1,80 @@
|
|||
var TINY={};
|
||||
|
||||
function T$(i){return document.getElementById(i)}
|
||||
function T$$(e,p){return p.getElementsByTagName(e)}
|
||||
|
||||
TINY.slider=function(){
|
||||
function slide(n,p){this.n=n; this.init(p)}
|
||||
slide.prototype.init=function(p){
|
||||
var s=this.x=T$(p.id), u=this.u=T$$('ul',s)[0], c=this.m=T$$('li',u), l=c.length, i=this.l=this.c=0; this.b=1;
|
||||
if(p.navid&&p.activeclass){this.g=T$$('li',T$(p.navid)); this.s=p.activeclass}
|
||||
this.a=p.auto||0; this.p=p.resume||0; this.r=p.rewind||0; this.e=p.elastic||false; this.v=p.vertical||0; s.style.overflow='hidden';
|
||||
for(i;i<l;i++){if(c[i].parentNode==u){this.l++}}
|
||||
if(this.v){;
|
||||
u.style.top=0; this.h=p.height||c[0].offsetHeight; u.style.height=(this.l*this.h)+'px'
|
||||
}else{
|
||||
u.style.left=0; this.w=p.width||c[0].offsetWidth; u.style.width=(this.l*this.w)+'px'
|
||||
}
|
||||
this.nav(p.position||0);
|
||||
if(p.position){this.pos(p.position||0,this.a?1:0,1)}else if(this.a){this.auto()}
|
||||
if(p.left){this.sel(p.left)}
|
||||
if(p.right){this.sel(p.right)}
|
||||
},
|
||||
slide.prototype.auto=function(){
|
||||
this.x.ai=setInterval(new Function(this.n+'.move(1,1,1)'),this.a*1000)
|
||||
},
|
||||
slide.prototype.move=function(d,a){
|
||||
var n=this.c+d;
|
||||
if(this.r){n=d==1?n==this.l?0:n:n<0?this.l-1:n}
|
||||
this.pos(n,a,1)
|
||||
},
|
||||
slide.prototype.pos=function(p,a,m){
|
||||
var v=p; clearInterval(this.x.ai); clearInterval(this.x.si);
|
||||
if(!this.r){
|
||||
if(m){
|
||||
if(p==-1||(p!=0&&Math.abs(p)%this.l==0)){
|
||||
this.b++;
|
||||
for(var i=0;i<this.l;i++){this.u.appendChild(this.m[i].cloneNode(1))}
|
||||
this.v?this.u.style.height=(this.l*this.h*this.b)+'px':this.u.style.width=(this.l*this.w*this.b)+'px';
|
||||
}
|
||||
if(p==-1||(p<0&&Math.abs(p)%this.l==0)){
|
||||
this.v?this.u.style.top=(this.l*this.h*-1)+'px':this.u.style.left=(this.l*this.w*-1)+'px'; v=this.l-1
|
||||
}
|
||||
}else if(this.c>this.l&&this.b>1){
|
||||
v=(this.l*(this.b-1))+p; p=v
|
||||
}
|
||||
}
|
||||
var t=this.v?v*this.h*-1:v*this.w*-1, d=p<this.c?-1:1; this.c=v; var n=this.c%this.l; this.nav(n);
|
||||
if(this.e){t=t-(8*d)}
|
||||
this.x.si=setInterval(new Function(this.n+'.slide('+t+','+d+',1,'+a+')'),10)
|
||||
},
|
||||
slide.prototype.nav=function(n){
|
||||
if(this.g){for(var i=0;i<this.l;i++){this.g[i].className=i==n?this.s:''}}
|
||||
},
|
||||
slide.prototype.slide=function(t,d,i,a){
|
||||
var o=this.v?parseInt(this.u.style.top):parseInt(this.u.style.left);
|
||||
if(o==t){
|
||||
clearInterval(this.x.si);
|
||||
if(this.e&&i<3){
|
||||
this.x.si=setInterval(new Function(this.n+'.slide('+(i==1?t+(12*d):t+(4*d))+','+(i==1?(-1*d):(-1*d))+','+(i==1?2:3)+','+a+')'),10)
|
||||
}else{
|
||||
if(a||(this.a&&this.p)){this.auto()}
|
||||
if(this.b>1&&this.c%this.l==0){this.clear()}
|
||||
}
|
||||
}else{
|
||||
var v=o-Math.ceil(Math.abs(t-o)*.1)*d+'px';
|
||||
this.v?this.u.style.top=v:this.u.style.left=v
|
||||
}
|
||||
},
|
||||
slide.prototype.clear=function(){
|
||||
var c=T$$('li',this.u), t=i=c.length; this.v?this.u.style.top=0:this.u.style.left=0; this.b=1; this.c=0;
|
||||
for(i;i>0;i--){
|
||||
var e=c[i-1];
|
||||
if(t>this.l&&e.parentNode==this.u){this.u.removeChild(e); t--}
|
||||
}
|
||||
},
|
||||
slide.prototype.sel=function(i){
|
||||
var e=T$(i); e.onselectstart=e.onmousedown=function(){return false}
|
||||
}
|
||||
return{slide:slide}
|
||||
}();
|
||||
358
themes/main/styles.css
Executable file
|
|
@ -0,0 +1,358 @@
|
|||
* {margin:0; padding:0;}
|
||||
a {text-decoration:none; color:#8B8B8B;}
|
||||
h2 {font-size:14px;}
|
||||
|
||||
body,html
|
||||
{
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #8B8B8B;
|
||||
background:url(images/background.png);
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'simplesnails';
|
||||
src: url('../../data/fonts/simplesnails.eot');
|
||||
src: url('../../data/fonts/simplesnails.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../data/fonts/simplesnails.woff') format('woff'),
|
||||
url('../../data/fonts/simplesnails.ttf') format('truetype'),
|
||||
url('../../data/fonts/simplesnails.svg#simplesnails') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'headline';
|
||||
src: url('../../data/fonts/headline.eot');
|
||||
src: url('../../data/fonts/headline.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../data/fonts/headline.woff') format('woff'),
|
||||
url('../../data/fonts/headline.ttf') format('truetype'),
|
||||
url('../../data/fonts/headline.svg#headline') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#Header
|
||||
{
|
||||
overflow: hidden;
|
||||
height:120px;
|
||||
width:970px;
|
||||
margin:0 auto 0;
|
||||
}
|
||||
|
||||
.Bracket1 {color:#0078ff;}
|
||||
.Bracket2 {color:#98c22a;}
|
||||
#Header h1 {width: 970px; font-weight: normal; margin: 35px auto 0;}
|
||||
#Header h1 span.Title, .Bracket1, .Bracket2 {font-size:45px;}
|
||||
#Header h1 {font-size:24px; font-weight: normal;}
|
||||
|
||||
ul.Menu
|
||||
{
|
||||
list-style-type:none;
|
||||
float:right;
|
||||
}
|
||||
|
||||
ul.Menu li:nth-child(1) a:first-letter {color:#c02ac2;}
|
||||
ul.Menu li:nth-child(2) a:first-letter {color:#70ad00;}
|
||||
ul.Menu li:nth-child(3) a:first-letter {color:#eb5035;}
|
||||
ul.Menu li:nth-child(4) a:first-letter {color:#0078ff;}
|
||||
ul.Menu li:nth-child(5) a:first-letter {color:#e68a1b;}
|
||||
|
||||
ul.Menu li a
|
||||
{
|
||||
text-decoration: none;
|
||||
padding: 10px ;
|
||||
display: block;
|
||||
color:#8B8B8B;
|
||||
font-weight:normal;
|
||||
}
|
||||
ul.Menu li{margin-right: 5px; float:left;}
|
||||
|
||||
#SurHeader
|
||||
{
|
||||
height:370px;
|
||||
margin:0 auto 0;
|
||||
border-top:1px solid #C6C6C6;
|
||||
border-bottom:1px solid #C6C6C6;
|
||||
background:#FFFFFF;
|
||||
padding:25px 0 25px 0;
|
||||
}
|
||||
|
||||
#Gallery
|
||||
{
|
||||
margin:0 auto 0;
|
||||
width:970px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#Presentation
|
||||
{
|
||||
width:970px;
|
||||
margin:0 auto 0;
|
||||
}
|
||||
|
||||
#Presentation p
|
||||
{
|
||||
float:left;
|
||||
width:340px;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
/* ************** Slider ************** */
|
||||
#Slider
|
||||
{
|
||||
position:relative;
|
||||
overflow:auto;
|
||||
width:558px;
|
||||
height:320px;
|
||||
border:0px solid #FFFFFF;
|
||||
-moz-box-shadow: 0 0 10px #B8B8B8;
|
||||
-webkit-box-shadow: 0 0 10px #B8B8B8;
|
||||
box-shadow: 0 0 10px #B8B8B8;
|
||||
margin:20px 0 0 0;
|
||||
float:right;
|
||||
}
|
||||
#Slider ul {position:relative; list-style:none; top:0; left:0}
|
||||
#Slider li {float:left; width:558px; height:235px}
|
||||
.pagination {position:absolute; list-style:none; height:25px; top:360px; right:240px;}
|
||||
.pagination li
|
||||
{
|
||||
float:left; cursor:pointer;
|
||||
|
||||
height:12px;
|
||||
width:12px;
|
||||
background:#969696;
|
||||
margin:0 6px 0 0;
|
||||
-webkit-border-radius: 33px;
|
||||
-moz-border-radius: 33px;
|
||||
border-radius: 33px;
|
||||
}
|
||||
.pagination li:hover, li.current {background:#0078ff}
|
||||
/* ********************************************* */
|
||||
|
||||
#Corps
|
||||
{
|
||||
width: 970px;
|
||||
margin: 0 auto 25px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#Corps ul
|
||||
{
|
||||
float:left;
|
||||
width:280px;
|
||||
}
|
||||
#Corps ul li
|
||||
{
|
||||
list-style-type:none;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
#Corps ul.Colonne1 {padding:0 0 0 50px;}
|
||||
#Corps ul.Colonne1 li:nth-child(1) {color:#70ad00; background:url(images/ico_bio.png) no-repeat;}
|
||||
#Corps ul.Colonne1 li:nth-child(3) {color:#e68a1b; background:url(images/ico_lego.png) no-repeat;}
|
||||
#Corps ul.Colonne1 li:nth-child(5) {color:#0078ff; background:url(images/ico_database.png) no-repeat;}
|
||||
#Corps ul.Colonne2 li:nth-child(1) {color:#c9a62e; background:url(images/ico_secu.png) no-repeat;}
|
||||
#Corps ul.Colonne2 li:nth-child(3) {color:#754926; background:url(images/ico_com.png) no-repeat;}
|
||||
#Corps ul.Colonne2 li:nth-child(5) {color:#eb5035; background:url(images/ico_graph.png) no-repeat;}
|
||||
#Corps ul.Download li:nth-child(1) {color:#eb5035; background:url(images/ico_gift.png) no-repeat; font-weight:700;}
|
||||
#Corps ul.Download li:nth-child(2) {}
|
||||
|
||||
#Corps ul.Colonne1 li:nth-child(1),
|
||||
#Corps ul.Colonne1 li:nth-child(3),
|
||||
#Corps ul.Colonne1 li:nth-child(5),
|
||||
#Corps ul.Colonne2 li:nth-child(1),
|
||||
#Corps ul.Colonne2 li:nth-child(3),
|
||||
#Corps ul.Colonne2 li:nth-child(5),
|
||||
#Corps ul.Download li:nth-child(1)
|
||||
{
|
||||
font-weight:700;
|
||||
margin:50px 0 10px 0;
|
||||
line-height:32px; vertical-align:middle; padding-left:40px;
|
||||
}
|
||||
#Corps ul.Download {width:340px; text-align:center;}
|
||||
#Corps ul.Download a {color:#1b9ddb; text-decoration:none; font-weight:700;}
|
||||
|
||||
#Corps ul.Download li:nth-child(1) a {color:#eb5035;}
|
||||
#Corps ul.Download li:nth-child(1) {width:160px; margin-left:70px;}
|
||||
#Corps ul.Download li:nth-child(7) {margin:-10px 0 0 290px; color:#000000;}
|
||||
#Corps ul.Download li:nth-child(6)
|
||||
{
|
||||
font-family:simplesnails;
|
||||
font-size:55px;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*BUTTON STYLES*/
|
||||
#Corps ul.Download li:nth-child(2), #Corps ul.Download li:nth-child(3)
|
||||
{
|
||||
width: 200px;
|
||||
margin:40px 0 40px 65px;
|
||||
}
|
||||
|
||||
#Corps ul.Download li:nth-child(2) a, #Corps ul.Download li:nth-child(3) a
|
||||
{
|
||||
display: block;
|
||||
height: 50px;
|
||||
width: 200px;
|
||||
|
||||
color: white;
|
||||
font: 17px/50px Helvetica, Verdana, sans-serif;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
|
||||
box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
#Corps ul.Download li:nth-child(2) a
|
||||
{
|
||||
/*GRADIENT*/
|
||||
background: #00b7ea; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #b6d745 0%, #9cc236 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6d745), color-stop(100%,#9cc236)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #b6d745 0%,#9cc236 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #b6d745 0%,#9cc236 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #b6d745 0%,#9cc236 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #b6d745 0%,#9cc236 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6d745', endColorstr='#9cc236',GradientType=0 ); /* IE6-9 */
|
||||
border:1px solid #9bc136;
|
||||
}
|
||||
#Corps ul.Download li:nth-child(3) a
|
||||
{
|
||||
/*GRADIENT*/
|
||||
background: #00b7ea; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
|
||||
border:1px solid #0193d9;
|
||||
}
|
||||
/* ************************************** */
|
||||
|
||||
/* ************** Promotion ************ */
|
||||
#Promotion
|
||||
{
|
||||
border-top:1px solid #C6C6C6;
|
||||
border-bottom:1px solid #C6C6C6;
|
||||
background:#FFFFFF;
|
||||
padding:25px 0 0 0;
|
||||
}
|
||||
|
||||
#Promotion h5
|
||||
{
|
||||
width:970px;
|
||||
margin:0 auto 0;
|
||||
text-align:center;
|
||||
font-size:18px;
|
||||
font-weight:200;
|
||||
}
|
||||
#Promotion div {width:970px; margin:0 auto -3px;}
|
||||
#Promotion h5 span {font-weight:700;}
|
||||
.DarkGrey {color:#616161;}
|
||||
.Green {color:#70AD00;}
|
||||
.Orange {color:#e68a1b;}
|
||||
.Blue {color:#0078ff;}
|
||||
.Yellow {color:#c9a62e;}
|
||||
.Brown {color:#754926;}
|
||||
.Red {color:#eb5035;}
|
||||
.Sign {font-family:simplesnails; font-size:26px; color:#000000; float:right; margin:-10px 0 0 0;}
|
||||
/* ************************************** */
|
||||
|
||||
/* ************** Distribution************ */
|
||||
#Distribution
|
||||
{
|
||||
width:970px;
|
||||
margin:20px auto 20px;
|
||||
text-align:center;
|
||||
}
|
||||
#Distribution a
|
||||
{
|
||||
font-family:headline;
|
||||
font-size:48px;
|
||||
color:#5e5e5e;
|
||||
}
|
||||
/* ************************************** */
|
||||
|
||||
/* ************** Footer ************ */
|
||||
|
||||
#Footer
|
||||
{
|
||||
background:url(images/background_dark.png);
|
||||
border-top:1px solid #C6C6C6;
|
||||
padding:25px 0 0 0;
|
||||
height:180px;
|
||||
|
||||
}
|
||||
#Footer h6 img {margin:20px 0 0 0;}
|
||||
#Footer h6 {font-size:45px;}
|
||||
#Footer ul, #Footer h6
|
||||
{
|
||||
list-style-type:none;
|
||||
color:#848484;
|
||||
float:left;
|
||||
width:220px;
|
||||
}
|
||||
|
||||
#SubFooter
|
||||
{
|
||||
width:970px;
|
||||
margin:0 auto 0;
|
||||
}
|
||||
#SubFooter p {float:right; text-align:right;}
|
||||
#SubFooter p img {margin:10px 0 0 8px;}
|
||||
#SubFooter li {width:80px;}
|
||||
#SubFooter ul {margin:22px 0 0 0;}
|
||||
#SubFooter ul li:nth-child(1) {border-bottom:1px solid #000000; }
|
||||
#SubFooter ul li:nth-child(2) {border-top:1px solid #5E5E5E; padding:3px 0 0 0;}
|
||||
#SubFooter ul li:nth-child(1) a {font-weight:700; font-size:16px;}
|
||||
|
||||
/* ************************************** */
|
||||
|
||||
/* ************** Dead/Life ************* */
|
||||
|
||||
|
||||
#DeadZone
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
z-index:1001;
|
||||
-moz-opacity: 0.5;
|
||||
opacity:.50;
|
||||
filter: alpha(opacity=50);
|
||||
overflow:hidden;
|
||||
}
|
||||
#LifeZone
|
||||
{
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 50%;
|
||||
width: 350px;
|
||||
height: 295px;
|
||||
padding: 16px;
|
||||
border: 3px solid #1367BB;
|
||||
background-color: white;
|
||||
z-index:1002;
|
||||
margin:0 0 0 -175px;
|
||||
}
|
||||
#LifeZone h1 {font-size:23px; color:#1367BB; margin:0 0 30px 0;}
|
||||
#LifeZone p {text-align:center; line-height:14px;}
|
||||
#LifeZone img {margin:0 0 20px 0;}
|
||||
#LifeZone a {color:#1367BB; text-decoration:none;}
|
||||
140
themes/main/styles.css~
Executable file
|
|
@ -0,0 +1,140 @@
|
|||
* {margin:0; padding:0;}
|
||||
|
||||
body,html
|
||||
{
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
background:url(images/background.png);
|
||||
}
|
||||
|
||||
#Header
|
||||
{
|
||||
overflow: hidden;
|
||||
height:120px;
|
||||
}
|
||||
#Header h1{width: 1024px; font-weight: normal; margin: 35px auto 0 auto; font-size:45px;}
|
||||
.Bracket1 {color:#0078ff;}
|
||||
.Bracket2 {color:#98c22a;}
|
||||
#Header p {width: 1024px; margin: -35px 100px 15px auto; font-size:24px; font-weight: normal;}
|
||||
|
||||
ul.Menu
|
||||
{
|
||||
width:1024px;
|
||||
margin:-5px auto 0;
|
||||
list-style-type:none;
|
||||
float:right;
|
||||
margin-right:-315px;
|
||||
}
|
||||
|
||||
ul.Menu li:nth-child(1):first-letter {color:#c02ac2;}
|
||||
ul.Menu li:nth-child(2):first-letter {color:#70ad00;}
|
||||
ul.Menu li:nth-child(3):first-letter {color:#eb5035;}
|
||||
ul.Menu li:nth-child(4):first-letter {color:#0078ff;}
|
||||
ul.Menu li:nth-child(5):first-letter {color:#e68a1b;}
|
||||
|
||||
ul.Menu li a
|
||||
{
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
display: block;
|
||||
border:1px solid blue;
|
||||
color:#8B8B8B;
|
||||
font-weight:normal;
|
||||
}
|
||||
ul.Menu li{margin-right: 5px; float:left;}
|
||||
|
||||
#SurHeader
|
||||
{
|
||||
height:370px;
|
||||
margin:0 auto 0;
|
||||
border-top:1px solid #C6C6C6;
|
||||
border-bottom:1px solid #C6C6C6;
|
||||
background:#FFFFFF;
|
||||
}
|
||||
|
||||
#Gallery
|
||||
{
|
||||
margin:0 auto 0;
|
||||
border:1px solid brown;
|
||||
width:1024px;
|
||||
}
|
||||
|
||||
#SurHeader p
|
||||
{
|
||||
width:1024px;
|
||||
border:1px solid orange;
|
||||
margin:0 auto 0;
|
||||
}
|
||||
|
||||
#Corps
|
||||
{
|
||||
width: 1024px;
|
||||
margin: 0 auto 0;
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
border:1px solid red;
|
||||
}
|
||||
|
||||
#Footer{clear: both; text-align: center;}
|
||||
#Footer a {color:#33AFDE; text-decoration:none;}
|
||||
|
||||
#DeadZone
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
z-index:1001;
|
||||
-moz-opacity: 0.5;
|
||||
opacity:.50;
|
||||
filter: alpha(opacity=50);
|
||||
overflow:hidden;
|
||||
}
|
||||
#LifeZone
|
||||
{
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 50%;
|
||||
width: 350px;
|
||||
height: 295px;
|
||||
padding: 16px;
|
||||
border: 3px solid #1367BB;
|
||||
background-color: white;
|
||||
z-index:1002;
|
||||
margin:0 0 0 -175px;
|
||||
}
|
||||
#LifeZone h1 {font-size:23px; color:#1367BB; margin:0 0 30px 0;}
|
||||
#LifeZone p {text-align:center; line-height:14px;}
|
||||
#LifeZone img {margin:0 0 20px 0;}
|
||||
#LifeZone a {color:#1367BB; text-decoration:none;}
|
||||
|
||||
|
||||
/*
|
||||
Slider
|
||||
*/
|
||||
#Slider
|
||||
{
|
||||
position:relative;
|
||||
overflow:auto;
|
||||
width:560px;
|
||||
height:260px;
|
||||
border:20px solid #FFFFFF;
|
||||
-moz-box-shadow: 0 0 10px #000000;
|
||||
-webkit-box-shadow: 0 0 10px #000000;
|
||||
box-shadow: 0 0 10px #000000;
|
||||
margin:20px 0 0 0;
|
||||
}
|
||||
#Slider ul {position:relative; list-style:none; top:0; left:0}
|
||||
#Slider li {float:left; width:558px; height:235px}
|
||||
.pagination {list-style:none; height:25px; margin:20px 0 0 270px;}
|
||||
.pagination li
|
||||
{
|
||||
float:left; cursor:pointer; height:8px; width:8px; background:#969696; margin:0 4px 0 0; border:1px solid #000000;
|
||||
|
||||
}
|
||||
.pagination li:hover, li.current {background:#a4c32a}
|
||||
|
||||
|
||||