Version avec modules séparés !
This commit is contained in:
Chouchen
@@ -1,4 +0,0 @@
|
||||
#myAdress{float:right; margin:12px 10px 0 0;}
|
||||
#route {height: 130px;overflow-y: auto;}
|
||||
#global {text-align: center;margin-left: auto; margin-right: auto;}
|
||||
#route {height: 130px;overflow-y: auto;}
|
||||
165
css/links.css
165
css/links.css
@@ -1,165 +0,0 @@
|
||||
#reserve{display:none;background:#000;}
|
||||
.deleteLink{display:none; position:absolute; top:-5px; right:-5px;width:16px !important; height:16px !important;}
|
||||
|
||||
.divider {
|
||||
display:block;
|
||||
font-size:1px;
|
||||
border-width:0px;
|
||||
border-style:solid;
|
||||
border-top-width:1px;
|
||||
margin:9px 0px 4px -2px;
|
||||
border-color:#BFBFBF;
|
||||
}
|
||||
|
||||
ul.iconlist li, ul#reserveiconlist li{
|
||||
/*display:inline-block;*/
|
||||
position:relative;
|
||||
float:left;
|
||||
margin:0 10px 10px 0;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
color:#2D406D;
|
||||
}
|
||||
|
||||
ul.iconlist li a, ul#reserveiconlist li a {
|
||||
display:block;
|
||||
padding:6px;
|
||||
margin:0px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
|
||||
/*background-color:rgba(235,239,249,0.0);*/
|
||||
background-color:#FFFFFF;
|
||||
cursor:pointer;
|
||||
-webkit-border-radius: 10px;
|
||||
width:96px;
|
||||
/*height:86px;*/
|
||||
height:66px;
|
||||
-webkit-transition: background-color 0.3s ease-out ;
|
||||
|
||||
}
|
||||
|
||||
ul.iconlist li a:hover, ul#reserveiconlist li a:hover {
|
||||
background-color:#ebeff9;
|
||||
-webkit-transition: background-color 0s ease-out ;
|
||||
|
||||
}
|
||||
|
||||
ul.iconlist li.disabled a:hover {
|
||||
background-color:white;
|
||||
opacity:0.5;
|
||||
|
||||
}
|
||||
|
||||
ul.iconlist li.disabled a {
|
||||
background-color:white;
|
||||
opacity:0.5;
|
||||
cursor:default;
|
||||
|
||||
}
|
||||
|
||||
ul.iconlist li a img, ul#reserveiconlist li a img{
|
||||
x-webkit-transition: -webkit-transform 0.3s ease-out ;
|
||||
|
||||
}
|
||||
|
||||
ul.iconlist li a:hover img, ul#reserveiconlist li a:hover{
|
||||
x-webkit-transform: scale(1.1);
|
||||
x-webkit-transition: -webkit-transform 0.0s ease-out ;
|
||||
|
||||
|
||||
}
|
||||
|
||||
ul.iconlist, ul#reserveiconlist {
|
||||
display:block;
|
||||
height:75px;
|
||||
padding:5px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
ul.iconlist img, ul#reserveiconlist img{
|
||||
width:64px;
|
||||
height:64px;
|
||||
margin-bottom:1px;
|
||||
}
|
||||
|
||||
div.sidemenu{
|
||||
xbackground:rgba(255,255,255,0.8);
|
||||
x-webkit-border-radius: 5px;
|
||||
xborder: 1px solid rgba(0,0,0,0.3);
|
||||
x-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
width:150px;
|
||||
margin-left: 0px;
|
||||
height:90%;
|
||||
display:none;
|
||||
float:left;
|
||||
border-right:1px solid red;
|
||||
}
|
||||
|
||||
div.appscontainer {
|
||||
width:730px;
|
||||
margin:20px auto;
|
||||
padding:0px;
|
||||
/*background:red;*/
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
xmargin-left:160px;
|
||||
background:rgba(255,255,255,0.8);
|
||||
overflow:auto;
|
||||
|
||||
border: 1px solid rgba(0,0,0,0.3);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
hr {
|
||||
clear:left;
|
||||
border:none;
|
||||
height:0px;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
.label {
|
||||
display:none;
|
||||
float:Right;
|
||||
padding-top:6px;
|
||||
padding-right:6px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.fakelocation {
|
||||
background:white;
|
||||
height:38px;
|
||||
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebeff9));
|
||||
border-bottom:1px solid #eee;
|
||||
padding:0;
|
||||
display:none;
|
||||
}
|
||||
|
||||
a.getmore {
|
||||
display:block;
|
||||
text-align:right;
|
||||
padding:10px;
|
||||
|
||||
}
|
||||
|
||||
div.url {
|
||||
font-weight:normal;
|
||||
opacity:0;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
ul.iconlist li:hover div.url, ul#reserveiconlist li:hover div.url{
|
||||
opacity:.5;
|
||||
}
|
||||
li.selected {
|
||||
background-color:#D6DEF7 !important;
|
||||
}
|
||||
|
||||
li.vseparator {
|
||||
width:1px;
|
||||
height:86px;
|
||||
background-color:red;
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
#mymap{display:none;z-index:900;width:400px;height:400px;}
|
||||
#myAdress{float:right; margin:12px 10px 0 0;}
|
||||
@@ -1 +0,0 @@
|
||||
#weather .weatherpic{float:left; background:url(../images/weather/pluie.png) top left no-repeat; width:53px; height:53px; margin-right:10px;}
|
||||
118
css/note.css
118
css/note.css
@@ -1,118 +0,0 @@
|
||||
.note{
|
||||
height:150px;
|
||||
padding:10px;
|
||||
width:150px;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
cursor:move;
|
||||
|
||||
font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
|
||||
font-size:22px;
|
||||
|
||||
/* Adding a CSS3 shadow below the note, in the browsers which support it: */
|
||||
-moz-box-shadow:2px 2px 0 #DDDDDD;
|
||||
-webkit-box-shadow:2px 2px 0 #DDDDDD;
|
||||
box-shadow:2px 2px 0 #DDDDDD;
|
||||
}
|
||||
|
||||
#fancy_ajax .note{ cursor:default; }
|
||||
|
||||
/* Three styles for the notes: */
|
||||
|
||||
.yellow{
|
||||
background-color:#FDFB8C;
|
||||
border:1px solid #DEDC65;
|
||||
}
|
||||
|
||||
.blue{
|
||||
background-color:#A6E3FC;
|
||||
border:1px solid #75C5E7;
|
||||
}
|
||||
|
||||
.green{
|
||||
background-color:#A5F88B;
|
||||
border:1px solid #98E775;
|
||||
}
|
||||
|
||||
/* Each note has a data span, which holds its ID */
|
||||
span.data{ display:none; }
|
||||
|
||||
/* The "Add a note" button: */
|
||||
#addButton{
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:10;
|
||||
}
|
||||
|
||||
|
||||
.author{
|
||||
/* The author name on the note: */
|
||||
bottom:10px;
|
||||
color:#666666;
|
||||
font-family:Arial,Verdana,sans-serif;
|
||||
font-size:12px;
|
||||
position:absolute;
|
||||
right:10px;
|
||||
}
|
||||
|
||||
#main{
|
||||
/* Contains all the notes and limits their movement: */
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
width:980px;
|
||||
height:500px;
|
||||
z-index:10;
|
||||
/*background:url(../images/add_a_note_help.gif) no-repeat left top;*/
|
||||
}
|
||||
|
||||
h3.popupTitle{
|
||||
border-bottom:1px solid #DDDDDD;
|
||||
color:#666666;
|
||||
font-size:24px;
|
||||
font-weight:normal;
|
||||
padding:0 0 5px;
|
||||
}
|
||||
|
||||
#noteData{
|
||||
/* The input form in the pop-up: */
|
||||
height:200px;
|
||||
margin:30px 0 0 200px;
|
||||
width:350px;
|
||||
}
|
||||
|
||||
.note-form label{
|
||||
display:block;
|
||||
font-size:10px;
|
||||
font-weight:bold;
|
||||
letter-spacing:1px;
|
||||
text-transform:uppercase;
|
||||
padding-bottom:3px;
|
||||
}
|
||||
|
||||
.note-form textarea, .note-form input[type=text]{
|
||||
background-color:#FCFCFC;
|
||||
border:1px solid #AAAAAA;
|
||||
font-family:Arial,Verdana,sans-serif;
|
||||
font-size:16px;
|
||||
height:60px;
|
||||
padding:5px;
|
||||
width:300px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.note-form input[type=text]{ height:auto; }
|
||||
|
||||
.color{
|
||||
/* The color swatches in the form: */
|
||||
cursor:pointer;
|
||||
float:left;
|
||||
height:10px;
|
||||
margin:0 5px 0 0;
|
||||
width:10px;
|
||||
}
|
||||
|
||||
#note-submit{ margin:20px auto; }
|
||||
.delete {display:none; height:16px; width:16px; background:url(../images/interface/delete.png) top left no-repeat; position:absolute; top:5px; right:5px; z-index:9999;}
|
||||
.delete:hover{cursor:pointer !important;}
|
||||
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
#weather .weatherpic{float:left; background:url(../images/weather/nuage.png) top left no-repeat; width:53px; height:53px; margin-right:10px;}
|
||||
@@ -1 +0,0 @@
|
||||
#weather .weatherpic{float:left; background:url(../images/weather/peu-nuageux.png) top left no-repeat; width:53px; height:53px; margin-right:10px;}
|
||||
@@ -1 +0,0 @@
|
||||
#weather .weatherpic{float:left; background:url(../images/weather/pluie.png) top left no-repeat; width:53px; height:53px; margin-right:10px;}
|
||||
@@ -1,18 +0,0 @@
|
||||
#rssblogs {padding:5px;width:350px;-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;border: 1px solid rgba(0,0,0,0.3);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
overflow:hidden;}
|
||||
|
||||
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-position: -80px -224px;background-image: url(../images/interface/ui-icons_888888_256x240.png);}
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
|
||||
164
css/search.css
164
css/search.css
@@ -1,164 +0,0 @@
|
||||
#searchForm{
|
||||
/* The search form. */
|
||||
width:525px;
|
||||
/*background-color:#4C5A65;
|
||||
padding:50px 50px 30px;*/
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
|
||||
-moz-border-radius:16px;
|
||||
-webkit-border-radius:16px;
|
||||
border-radius:16px;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
border:none;
|
||||
}
|
||||
|
||||
#s{
|
||||
/* The search text box. */
|
||||
|
||||
border:none;
|
||||
color:#888888;
|
||||
/*background:url("../images/interface/searchBox.png") no-repeat;*/
|
||||
background:url('../images/interface/zoom.png') 10px center no-repeat;
|
||||
border:1px solid #888888;
|
||||
float:left;
|
||||
font-family:Arial,Helvetica,sans-serif;
|
||||
font-size:15px;
|
||||
height:36px;
|
||||
line-height:36px;
|
||||
margin-right:12px;
|
||||
outline:medium none;
|
||||
padding:0 0 0 35px;
|
||||
text-shadow:1px 1px 0 white;
|
||||
width:385px;
|
||||
-moz-border-radius:10px;
|
||||
-webkit-border-radius:10px;
|
||||
border-radius:10px;
|
||||
-moz-box-shadow: 2px 2px 3px #888;
|
||||
-webkit-box-shadow: 2px 2px 3px #888;
|
||||
box-shadow: 2px 2px 3px #888;
|
||||
/* For IE 8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
|
||||
/* For IE 5.5 - 7 */
|
||||
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
|
||||
|
||||
}
|
||||
.icons{
|
||||
background:#4C5A65;
|
||||
padding:3px 3px 10px 3px;
|
||||
list-style:none;
|
||||
margin:10px 0;
|
||||
height:19px;
|
||||
position:relative;
|
||||
-moz-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.icons li{
|
||||
background:url("../images/interface/icons.png") no-repeat;
|
||||
float:left;
|
||||
height:19px;
|
||||
text-indent:-999px;
|
||||
cursor:pointer;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
/* Styling each icon */
|
||||
|
||||
li.web{ width:15px;}
|
||||
li.web.active,
|
||||
li.web:hover{ background-position:left bottom;}
|
||||
|
||||
li.images{ width:22px; background-position:-18px 0;}
|
||||
li.images.active,
|
||||
li.images:hover{ background-position:-18px bottom;}
|
||||
|
||||
li.news{ width:14px; background-position:-44px 0;}
|
||||
li.news.active,
|
||||
li.news:hover{ background-position:-44px bottom;}
|
||||
|
||||
li.videos{ width:17px; background-position:right 0;}
|
||||
li.videos.active,
|
||||
li.videos:hover{ background-position:right bottom;}
|
||||
|
||||
span.arrow{
|
||||
/* The little arrow that moves below the icons */
|
||||
|
||||
width:11px;
|
||||
height:6px;
|
||||
margin:21px 0 0 5px;
|
||||
position:absolute;
|
||||
background:url('../images/interface/arrow.png') no-repeat;
|
||||
left:0;
|
||||
}
|
||||
|
||||
/* The submit button */
|
||||
|
||||
#submitButton{
|
||||
/*background:url('../images/interface/buttons.png') no-repeat;
|
||||
width:83px;
|
||||
height:36px;
|
||||
text-indent:-9999px;
|
||||
overflow:hidden;
|
||||
text-transform:uppercase;
|
||||
border:none;*/
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#submitButton:hover{
|
||||
background-position:left bottom;
|
||||
}
|
||||
|
||||
/* Web & news results */
|
||||
|
||||
.webResult{ text-shadow:1px 1px 0 #586a75;margin-bottom:50px;}
|
||||
.webResult h2{
|
||||
background-color:#5D6F7B;
|
||||
font-size:18px;
|
||||
font-weight:normal;
|
||||
padding:8px 20px;
|
||||
|
||||
/* Applying CSS3 rounded corners */
|
||||
-moz-border-radius:18px;
|
||||
-webkit-border-radius:18px;
|
||||
border-radius:18px;
|
||||
}
|
||||
.webResult h2 b{ color:#fff; }
|
||||
.webResult h2 a{ color:#eee;border:none;}
|
||||
.webResult p{ line-height:1.5;padding:15px 20px;}
|
||||
.webResult p b{ color:white;}
|
||||
.webResult > a{ margin-left:20px;}
|
||||
|
||||
/* Image & video search results */
|
||||
|
||||
.imageResult{
|
||||
float:left;
|
||||
height:170px;
|
||||
margin:0 0 20px 40px;
|
||||
text-align:center;
|
||||
width:150px;
|
||||
}
|
||||
.imageResult img{ display:block;border:none;}
|
||||
.imageResult a.pic{
|
||||
border:1px solid #fff;
|
||||
outline:1px solid #777;
|
||||
display:block;
|
||||
margin:0 auto 15px;
|
||||
}
|
||||
|
||||
/* The show more button */
|
||||
|
||||
#more{
|
||||
width:83px;
|
||||
height:24px;
|
||||
background:url('../images/interface/more.png') no-repeat;
|
||||
cursor:pointer;
|
||||
margin:40px auto;
|
||||
}
|
||||
|
||||
#more:hover{
|
||||
background-position:left bottom;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
#weather .weatherpic{float:left; background:url(../images/weather/soleil.png) top left no-repeat; width:53px; height:53px; margin-right:10px;}
|
||||
23
css/todo.css
23
css/todo.css
@@ -1,23 +0,0 @@
|
||||
#todo {padding:5px;width:350px;-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;border: 1px solid rgba(0,0,0,0.3);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
overflow:hidden;}
|
||||
|
||||
#todo ul{list-style:none;}
|
||||
#todo ul li{white-space : nowrap; padding-left:16px;}
|
||||
#todo ul li div.puce{width: 16px; height: 16px; background:url(../images/interface/ui-icons_888888_256x240.png) -32px -48px no-repeat; display:inline-block;}
|
||||
|
||||
|
||||
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-position: -80px -224px;background-image: url(../images/interface/ui-icons_888888_256x240.png);}
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
|
||||
@@ -1,6 +0,0 @@
|
||||
#weather {position:absolute; top:10px; left: 100px;padding:5px;-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;border: 1px solid rgba(0,0,0,0.3);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);}
|
||||
|
||||
#city-submit{cursor:pointer;}
|
||||
Reference in New Issue
Block a user