Merge SLEGPI repo into this stand alone one !
This commit is contained in:
291
docs/styles/layout.css
Normal file
291
docs/styles/layout.css
Normal file
@ -0,0 +1,291 @@
|
||||
html{
|
||||
overflow-y:scroll;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:13px;
|
||||
font-family:Georgia, "Times New Roman", Times, serif;
|
||||
color:#919191;
|
||||
background-color:#232323;
|
||||
}
|
||||
|
||||
.clear:after{
|
||||
content:".";
|
||||
display:block; height:0;
|
||||
clear:both;
|
||||
visibility:hidden;
|
||||
line-height:0;
|
||||
}
|
||||
|
||||
.clear{
|
||||
display:block;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
html[xmlns] .clear{
|
||||
display:block;
|
||||
}
|
||||
|
||||
* html .clear{
|
||||
height:1%;
|
||||
}
|
||||
|
||||
a{
|
||||
outline:none;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
code{
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
font-family:Georgia, "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
.fl_left{
|
||||
float:left;
|
||||
}
|
||||
|
||||
.fl_right{
|
||||
float:right;
|
||||
}
|
||||
|
||||
img{
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:none;
|
||||
line-height:normal;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.imgholder, .imgl, .imgr{
|
||||
padding:4px;
|
||||
border:1px solid #D6D6D6;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.imgl{
|
||||
float:left;
|
||||
margin:0 15px 15px 0;
|
||||
clear:left;
|
||||
}
|
||||
|
||||
.imgr{
|
||||
float:right;
|
||||
margin:0 0 15px 15px;
|
||||
clear:right;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------Wrapper-------------------------------------*/
|
||||
|
||||
div.wrapper{
|
||||
display:block;
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.row1, .row1 a{
|
||||
color:#C0BAB6;
|
||||
background-color:#333333;
|
||||
}
|
||||
|
||||
.row2{
|
||||
color:#979797;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
.row2 a{
|
||||
color:#FF9900;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
.row4, .row4 a{
|
||||
color:#919191;
|
||||
background-color:#232323;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Generalise-------------------------------------*/
|
||||
|
||||
#header, #container, #footer, #copyright{
|
||||
display:block;
|
||||
width:960px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
nav ul{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:16px;
|
||||
font-weight:bold;
|
||||
font-style:normal;
|
||||
line-height:normal;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Header-------------------------------------*/
|
||||
|
||||
#header #hgroup{
|
||||
padding:0px 0;
|
||||
}
|
||||
|
||||
#header #hgroup h1, #header #hgroup h2{
|
||||
font-weight:normal;
|
||||
text-transform:none;
|
||||
}
|
||||
|
||||
#header #hgroup h1{
|
||||
font-size:36px;
|
||||
}
|
||||
|
||||
#header #hgroup h2{
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Content Area-------------------------------------*/
|
||||
|
||||
#container{
|
||||
padding:30px 0;
|
||||
}
|
||||
|
||||
#container section{
|
||||
display:block;
|
||||
width:100%;
|
||||
margin:0 0 30px 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#container .last{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#container .more{
|
||||
text-align:right;
|
||||
text-transform:uppercase;
|
||||
font-size:smaller;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
/* ------Slider-----*/
|
||||
|
||||
#container #slider{
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
#container #slider a{
|
||||
display:block;
|
||||
padding:9px;
|
||||
border:1px solid #DEDEDE;
|
||||
}
|
||||
|
||||
#container #slider a:hover{
|
||||
border-color:#FF9900;
|
||||
}
|
||||
|
||||
/* ------Main Content-----*/
|
||||
|
||||
#container #content{
|
||||
float:left;
|
||||
width:630px;
|
||||
line-height:1.6em;
|
||||
}
|
||||
|
||||
#container #content #latest ul{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#container #content #latest ul li{
|
||||
display:block;
|
||||
width:100%;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
|
||||
#container #content #latest ul li.last{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
#container #content #latest ul li article figure img{
|
||||
float:left;
|
||||
width:180px;
|
||||
height:150px;
|
||||
margin:0;
|
||||
padding:4px;
|
||||
border:1px solid #666666;
|
||||
}
|
||||
|
||||
#container #content #latest ul li article figure figcaption{
|
||||
display:block;
|
||||
float:right;
|
||||
width:410px;
|
||||
}
|
||||
|
||||
#container #content #latest ul li article figure h2{
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
/* ------Right Column-----*/
|
||||
|
||||
#container #right_column{
|
||||
float:right;
|
||||
width:280px;
|
||||
}
|
||||
#container #right_column h2.title{
|
||||
margin-bottom:15px;
|
||||
padding-bottom:15px;
|
||||
border-bottom:1px solid #DEDEDE;
|
||||
}
|
||||
|
||||
#container #right_column nav{
|
||||
display:block;
|
||||
width:100%;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
|
||||
#container #right_column nav ul{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#container #right_column nav li{
|
||||
margin:0 0 3px 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#container #right_column nav li.last{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
#container #right_column nav a{
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:5px 10px 5px 20px;
|
||||
color:#666666;
|
||||
background:url("../img/orange_file.gif") no-repeat 10px center #FFFFFF;
|
||||
text-decoration:none;
|
||||
border-bottom:1px dotted #666666;
|
||||
}
|
||||
|
||||
#container #right_column nav a:hover{
|
||||
color:#FF9900;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Footer-------------------------------------*/
|
||||
|
||||
#footer{
|
||||
padding:30px 0;
|
||||
font-size:12px;
|
||||
line-height:1.4em;
|
||||
}
|
383
docs/styles/style.css
Normal file
383
docs/styles/style.css
Normal file
@ -0,0 +1,383 @@
|
||||
html{
|
||||
overflow-y:scroll;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:13px;
|
||||
font-family:Georgia, "Times New Roman", Times, serif;
|
||||
color:#919191;
|
||||
background-color:#232323;
|
||||
}
|
||||
|
||||
.clear:after{
|
||||
content:".";
|
||||
display:block; height:0;
|
||||
clear:both;
|
||||
visibility:hidden;
|
||||
line-height:0;
|
||||
}
|
||||
|
||||
.clear{
|
||||
display:block;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
html[xmlns] .clear{
|
||||
display:block;
|
||||
}
|
||||
|
||||
* html .clear{
|
||||
height:1%;
|
||||
}
|
||||
|
||||
a{
|
||||
outline:none;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
p{
|
||||
text-align: justify
|
||||
}
|
||||
|
||||
code{
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
font-family:Georgia, "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
.fl_left{
|
||||
float:left;
|
||||
}
|
||||
|
||||
.fl_right{
|
||||
float:right;
|
||||
}
|
||||
|
||||
img{
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:none;
|
||||
line-height:normal;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.imgholder, .imgl, .imgr{
|
||||
padding:4px;
|
||||
border:1px solid #D6D6D6;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.imgl{
|
||||
float:left;
|
||||
margin:0 15px 15px 0;
|
||||
clear:left;
|
||||
}
|
||||
|
||||
.imgr{
|
||||
float:right;
|
||||
margin:0 0 15px 15px;
|
||||
clear:right;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------Wrapper-------------------------------------*/
|
||||
|
||||
div.wrapper{
|
||||
display:block;
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.row1, .row1 a{
|
||||
color:#C0BAB6;
|
||||
background-color:#333333;
|
||||
}
|
||||
|
||||
.row2{
|
||||
color:#979797;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
.row2 a{
|
||||
color:#FF9900;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
.row4, .row4 a{
|
||||
color:#919191;
|
||||
background-color:#232323;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Generalise-------------------------------------*/
|
||||
|
||||
#header, #container, #footer, #copyright{
|
||||
display:block;
|
||||
width:960px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
nav ul{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:16px;
|
||||
font-weight:bold;
|
||||
font-style:normal;
|
||||
line-height:normal;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
.one_third, .two_third, .three_third{
|
||||
display:block;
|
||||
float:left;
|
||||
margin:0 30px 0 0;
|
||||
}
|
||||
|
||||
.one_third{
|
||||
width:300px;
|
||||
}
|
||||
|
||||
.two_third{
|
||||
width:630px;
|
||||
}
|
||||
|
||||
.three_third{
|
||||
width:960px;
|
||||
float:none;
|
||||
margin-right:0;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.lastbox{
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
article, aside, figcaption, figure, footer, header, nav, section{
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Header-------------------------------------*/
|
||||
|
||||
#header{
|
||||
padding:20px 0;
|
||||
}
|
||||
|
||||
#header #hgroup{
|
||||
float:left;
|
||||
margin:0 0 20px 0;
|
||||
}
|
||||
|
||||
#header #hgroup h1, #header #hgroup h2{
|
||||
font-weight:normal;
|
||||
text-transform:none;
|
||||
}
|
||||
|
||||
#header #hgroup h1{
|
||||
font-size:36px;
|
||||
}
|
||||
|
||||
#header #hgroup h2{
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
#header form{
|
||||
display:block;
|
||||
width:290px;
|
||||
float:right;
|
||||
margin:20px 0;
|
||||
padding:0;}
|
||||
|
||||
#header form input{
|
||||
display:block;
|
||||
float:left;
|
||||
width:200px;
|
||||
margin:0;
|
||||
padding:5px;
|
||||
color:#C0BAB6;
|
||||
background-color:#232323;
|
||||
border:1px solid #666666;
|
||||
}
|
||||
|
||||
#header form #sf_submit{
|
||||
display:block;
|
||||
float:right;
|
||||
width:70px;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
text-transform:uppercase;
|
||||
color:#FFFFFF;
|
||||
background-color:#FF9900;
|
||||
border:none;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#header nav{
|
||||
display:block;
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding:20px 0;
|
||||
color:#C0BAB6;
|
||||
background-color:#232323;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#header nav ul{
|
||||
padding:0 20px;
|
||||
}
|
||||
|
||||
#header nav li{
|
||||
display:inline;
|
||||
margin-right:25px;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
#header nav li.last{
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
#header nav li a{
|
||||
color:#C0BAB6;
|
||||
background-color:#232323;
|
||||
}
|
||||
|
||||
#header nav li a.active{
|
||||
color:#FF9900;
|
||||
background-color:#232323;
|
||||
}
|
||||
|
||||
#header nav li a:hover{
|
||||
color:#FF9900;
|
||||
background-color:#232323;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Content Area-------------------------------------*/
|
||||
|
||||
#container{
|
||||
padding:30px 0;
|
||||
}
|
||||
|
||||
#container section{
|
||||
display:block;
|
||||
width:100%;
|
||||
margin:0 0 30px 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#container .last{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#container .more{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
/* ------Main Content-----*/
|
||||
|
||||
#container #homepage{
|
||||
line-height:1.6em;
|
||||
}
|
||||
|
||||
#container #homepage section{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#container #homepage #services{
|
||||
margin-bottom:40px;
|
||||
}
|
||||
|
||||
#container #homepage #services article h2{
|
||||
font-size:14px;
|
||||
margin-bottom:15px;
|
||||
padding-bottom:8px;
|
||||
border-bottom:1px solid #DEDEDE;
|
||||
}
|
||||
|
||||
#container #homepage #services article p{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#container #homepage #services article img{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin:0 15px 0 0;
|
||||
padding:4px;
|
||||
}
|
||||
|
||||
#container #homepage #services article footer{
|
||||
margin:10px 0 0 0;
|
||||
}
|
||||
|
||||
#container #homepage .fl_left, #container #homepage .fl_right{
|
||||
width:455px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_right article figure img{
|
||||
float:left;
|
||||
width:125px;
|
||||
height:125px;
|
||||
margin:0;
|
||||
padding:4px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_right article figure figcaption{
|
||||
display:block;
|
||||
float:right;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_right article figure h2{
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_left1, #container #homepage .fl_right{
|
||||
width:455px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_left1 article figure img{
|
||||
float:left;
|
||||
width:125px;
|
||||
height:125px;
|
||||
margin:0;
|
||||
padding:4px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_left1 article figure figcaption{
|
||||
display:block;
|
||||
float:left;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_left1 article figure h2{
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#container #homepage .fl_left1 article figure img{
|
||||
float:left;
|
||||
width:125px;
|
||||
height:125px;
|
||||
margin:15px;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
/*----------------------------------------------Footer-------------------------------------*/
|
||||
|
||||
#footer{
|
||||
padding:20px 0;
|
||||
}
|
||||
|
||||
#footer p{
|
||||
margin:0; padding:0;
|
||||
}
|
Reference in New Issue
Block a user