Knah-Tsaeb/Respawn
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
This repository has been archived on 2024-06-20. You can view files and clone it, but cannot push or open issues or pull requests.
Respawn/design/style.css

94 lines
7.8 KiB
CSS
Raw Normal View History

Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body {
background:url(paper.png) #efe;
width: 100%;
premières retouches some changes: css more responsive html structure without echo Next step, appli Timo's enhancements & add some features
2013-06-21 09:24:00 +02:00
min-width:320px;
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
margin:0;padding:0;
font-family: Georgia, Serif;font-size : 16px; color: #050;
}
V2.0 BIG NEW CHANGES - un système de tags pour pouvoir filtrer les pages (bouton (T) pour ajouter modifier les tags d'une page), - un flux RSS des pages publiques filtrable par tags également (le lien RSS de la page en cours est en pied de page) - une API permettant de récupérer un array d'infos sur les pages au format sérialisé (on peut également filtrer le résultat par tag) - un bouton de renommage des titres de page (R) - un bouton pour télécharger le zip de la page qu'on est en train de visionner.
2013-10-16 13:08:47 +02:00
a:hover { color: #050;text-shadow:0 0 3px green;}
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
a { color: black; text-decoration: none;}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
.icon{font-family:arial, sans-serif;display:inline-block;border-radius: 2px;margin:1px;height:16px;width:16px;border:solid 1px;font-size:10px;line-height:16px;font-weight: bold; text-align:center;}
.private .icon{color:rgba(200,0,0,0.6);background-color:rgba(255,0,0,0.2);border-color:rgba(255,0,0,0.4);}
.public .icon{color:rgba(0,200,0,0.6);background-color:rgba(0,255,0,0.2);border-color:rgba(0,255,0,0.4);}
.private .icon:hover{color:rgba(200,0,0,1);background-color:rgba(255,0,0,0.5);border-color:rgba(255,0,0,0.8);text-shadow:none;box-shadow: 0 0 1px red}
.public .icon:hover{color:rgba(0,200,0,1);background-color:rgba(0,255,0,0.5);border-color:rgba(0,255,0,0.8);text-shadow:none;box-shadow: 0 0 1px green}
.public .icon.suppr:hover,.private .icon.suppr:hover{color:pink;background-color:rgba(255,0,0,0.9);border-color:rgba(255,0,0,1);}
Issue #19
2013-10-20 10:29:22 +02:00
input{font-family: times,serif;outline:none; font-size:16px;border-radius: 3px; height:25px;padding : 3px ; vertical-align: bottom; margin-top : 3px ;}
1.2 J'ai ajouté un bouton déconnect, les pages respawnées se chargent dans une iframe pour conserver un accès vers l'index (en plus ça fait joli, la barre de titre est réduite dans ce mode) j'ai supprimé le bouton 'supprimer une page' dans le mode public (même si son effet était déjà inhibé dans le code) ainsi que le bouton bookmarklet Les noms des fichiers zippés sont désormais plus explicites.
2013-06-25 12:05:16 +02:00
input[type=text]{width:80%;min-width:200px; background-color:rgba(255,255,255,0.8);border:1px solid #444;border-top-color:#333;border-bottom-color:#aaa; -moz-box-shadow: inset 0 1px 3px #000000; -webkit-box-shadow: inset 0 1px 3px #000000; box-shadow: inset 0 1px 3px #000000; }
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
input[type=text]:hover{background-color:rgba(200,255,200,0.8);-moz-box-shadow: inset 0 1px 3px #040; -webkit-box-shadow: inset 0 1px 3px #040; box-shadow: inset 0 1px 3px #040; }
input[type=text]:focus{background-color:rgba(200,255,200,0.9);-moz-box-shadow: inset 0 0 3px #040; -webkit-box-shadow: inset 0 0 3px #040; box-shadow: inset 0 0 3px #040; }
Issue #19
2013-10-20 10:29:22 +02:00
input[type=submit]{border:1px solid green;cursor: pointer; color:lightgreen; text-shadow: 0 1px 1px darkgreen; display:inline-block;border-radius:3px;padding:2px;margin:1px;background:rgba(100,255,100,0.4);}
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
input[type=submit]:hover{ background-color:rgba(0,255,0,0.8);}
input[type=submit]:active{border-color:black; background-color:rgba(0,255,0,0.8);}
#____q{margin-top:20px;}
header{
1.2 J'ai ajouté un bouton déconnect, les pages respawnées se chargent dans une iframe pour conserver un accès vers l'index (en plus ça fait joli, la barre de titre est réduite dans ce mode) j'ai supprimé le bouton 'supprimer une page' dans le mode public (même si son effet était déjà inhibé dans le code) ainsi que le bouton bookmarklet Les noms des fichiers zippés sont désormais plus explicites.
2013-06-25 12:05:16 +02:00
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
border-bottom:1px solid #222;
-moz-box-shadow: 0 1px 3px #888; -webkit-box-shadow: 0 1px 3px #888; box-shadow: 0 1px 3px #888; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888');
padding : 10px ; width: 100%; height:auto;margin: 0;
text-align: left;box-shadow: 0 1px 2px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #555, endColorstr = #333); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #555, endColorstr = #333)";
background-image: -moz-linear-gradient( top, #555, #333); background-image: -ms-linear-gradient( top, #555, #333);
background-image: -o-linear-gradient( top, #555, #333); background-image: -webkit-gradient(linear, center top, center bottom, from(#555), to(#333)); background-image: -webkit-linear-gradient( top, #555, #333); background-image: linear-gradient( top, #555, #333);
}
V2.0 BIG NEW CHANGES - un système de tags pour pouvoir filtrer les pages (bouton (T) pour ajouter modifier les tags d'une page), - un flux RSS des pages publiques filtrable par tags également (le lien RSS de la page en cours est en pied de page) - une API permettant de récupérer un array d'infos sur les pages au format sérialisé (on peut également filtrer le résultat par tag) - un bouton de renommage des titres de page (R) - un bouton pour télécharger le zip de la page qu'on est en train de visionner.
2013-10-16 13:08:47 +02:00
header nav{display:inline-block; vertical-align: top;}
header nav .zip{width:16px;height:16px; display:inline-block;background:url(zip.png) no-repeat;}
header nav p{color:lightgreen;text-shadow: 0 1px 1px black;font-size:20px;}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
1.2 J'ai ajouté un bouton déconnect, les pages respawnées se chargent dans une iframe pour conserver un accès vers l'index (en plus ça fait joli, la barre de titre est réduite dans ce mode) j'ai supprimé le bouton 'supprimer une page' dans le mode public (même si son effet était déjà inhibé dans le code) ainsi que le bouton bookmarklet Les noms des fichiers zippés sont désormais plus explicites.
2013-06-25 12:05:16 +02:00
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
aside{height:100%;padding-bottom : 70px;text-align:center;}
1.2 J'ai ajouté un bouton déconnect, les pages respawnées se chargent dans une iframe pour conserver un accès vers l'index (en plus ça fait joli, la barre de titre est réduite dans ce mode) j'ai supprimé le bouton 'supprimer une page' dans le mode public (même si son effet était déjà inhibé dans le code) ainsi que le bouton bookmarklet Les noms des fichiers zippés sont désormais plus explicites.
2013-06-25 12:05:16 +02:00
aside iframe{height:100%;border:none;}
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
aside ul{padding:0;}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
aside li{margin:5px;list-style:none;vertical-align:middle;border-radius:3px;}
V2.0 BIG NEW CHANGES - un système de tags pour pouvoir filtrer les pages (bouton (T) pour ajouter modifier les tags d'une page), - un flux RSS des pages publiques filtrable par tags également (le lien RSS de la page en cours est en pied de page) - une API permettant de récupérer un array d'infos sur les pages au format sérialisé (on peut également filtrer le résultat par tag) - un bouton de renommage des titres de page (R) - un bouton pour télécharger le zip de la page qu'on est en train de visionner.
2013-10-16 13:08:47 +02:00
aside li .tag{font-size:10px;display:inline-block;padding:2px;border-radius:3px;}
Issue #15 En arrivant: 1- si logged -> page admin directement 2- si pas logged -> page publique directement ajout d'un lien Admin en footer
2013-10-19 14:54:29 +02:00
nav .tag_public{display:inline-block;border-radius:3px;padding:2px;margin:1px;background:rgba(100,255,100,0.4);color:green;text-shadow:0 1px 1px darkgreen;}
aside .public li .tag{display:inline-block;border-radius:3px;padding:2px;margin:1px;background:rgba(100,255,100,0.4);color:green;}
nav .tag_public:hover{background:green;}
aside .public li .tag:hover{background:rgba(0,255,0,0.4);}
nav .tag_private{display:inline-block;border-radius:3px;padding:2px;margin:1px;background:rgba(255,100,100,0.4);color:pink;text-shadow:0 1px 1px darkred;}
aside .private li .tag{display:inline-block;border-radius:3px;padding:2px;margin:1px;background:rgba(255,100,100,0.4);color:darkred;}
aside .private li .tag:hover{background:rgba(255,0,0,0.5);}
nav .tag_private:hover{background:red;}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
.tag_cloud{padding:2px;}
nav .tag_public{color:lightgreen;}
V2.0 BIG NEW CHANGES - un système de tags pour pouvoir filtrer les pages (bouton (T) pour ajouter modifier les tags d'une page), - un flux RSS des pages publiques filtrable par tags également (le lien RSS de la page en cours est en pied de page) - une API permettant de récupérer un array d'infos sur les pages au format sérialisé (on peut également filtrer le résultat par tag) - un bouton de renommage des titres de page (R) - un bouton pour télécharger le zip de la page qu'on est en train de visionner.
2013-10-16 13:08:47 +02:00
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
aside .public,.private{overflow-x:hidden;min-width:300px;text-align:left;vertical-align:top; margin-top:25px;padding:10px; border-radius:3px; border:1px solid;display:inline-block;}
aside .public{background:rgba(100,255,100,0.2);border-color:rgba(0,255,0,0.4);}
aside .private{background:rgba(255,100,100,0.2);border-color:rgba(255,0,0,0.3);}
aside .private a:hover{text-shadow:0 0 5px red;color:darkred;}
aside .private em{color:darkred;}
aside li em {font-size:10px ;}
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
aside .public li{background:rgba(100,255,100,0.2);}
aside .private li{background:rgba(255,100,100,0.2);}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
aside li img {vertical-align:bottom;margin:1px;width:16px;height:16px;}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
/*aside li a.suppr,aside li a.rename,aside li a.origine, aside li a.zip, aside li a.tagme{opacity:0.5;width:16px;height:16px;display:inline-block;background:url(actions.png) no-repeat 0 -159px ;}
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
aside li a.origine{background-position: 0 -396px ;}
ajouts et modifications possibilité de télécharger une version zippée d'une page
2013-06-21 10:46:43 +02:00
aside li a.zip{background-position: 0 2px ;}
V2.0 BIG NEW CHANGES - un système de tags pour pouvoir filtrer les pages (bouton (T) pour ajouter modifier les tags d'une page), - un flux RSS des pages publiques filtrable par tags également (le lien RSS de la page en cours est en pied de page) - une API permettant de récupérer un array d'infos sur les pages au format sérialisé (on peut également filtrer le résultat par tag) - un bouton de renommage des titres de page (R) - un bouton pour télécharger le zip de la page qu'on est en train de visionner.
2013-10-16 13:08:47 +02:00
aside li a.tagme{background-position: 0 -63px ;}
aside li a.rename{background-position: 0 -30px ;}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
aside li a.tagme:hover,aside li a.rename:hover,aside li a.suppr:hover,aside li a.origine:hover,aside li a.zip:hover{opacity:1;}*/
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
aside li a.toprivate,aside li a.topublic{float:right;margin-right:5px;opacity:0.5;}
aside li a.toprivate:hover,aside li a.topublic:hover{opacity:1;}
2.1 - #13 : mise à jour des tags lors de la suppression d'une page ou son changement de statut - #12 déplacement de la $global vers le début du code (correction d'un vestige de programmation qui causait des problèmes ^^ ) - changement des boutons icônes par des versions css uniquement. - correction d'un bug dans le tagcloud quand on démarrait une install ou qu'on changeait le dossier data. - le chemin de la favicon de respawn est changé dynamiquement pour mettre celui de la favicon de la page respawnée courante
2013-10-19 12:41:06 +02:00
V2.0 BIG NEW CHANGES - un système de tags pour pouvoir filtrer les pages (bouton (T) pour ajouter modifier les tags d'une page), - un flux RSS des pages publiques filtrable par tags également (le lien RSS de la page en cours est en pied de page) - une API permettant de récupérer un array d'infos sur les pages au format sérialisé (on peut également filtrer le résultat par tag) - un bouton de renommage des titres de page (R) - un bouton pour télécharger le zip de la page qu'on est en train de visionner.
2013-10-16 13:08:47 +02:00
footer {
font-size:10px;text-align: right; color:lightgreen;text-shadow: 0 1px 1px black; position:fixed; line-height:15px;
bottom:0;left:0;right:0;height:auto;min-height:15px;padding-right : 5px ; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
border-top:1px solid #888;-moz-box-shadow: 0 0px 9px #000; -webkit-box-shadow: 0 0px 9px #000; box-shadow: 0 0px 9px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000'); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #555, endColorstr = #333); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #555, endColorstr = #333)"; background-image: -moz-linear-gradient( top, #555, #333); background-image: -ms-linear-gradient( top, #555, #333); background-image: -o-linear-gradient( top, #555, #333); background-image: -webkit-gradient(linear, center top, center bottom, from(#555), to(#333)); background-image: -webkit-linear-gradient( top, #555, #333); background-image: linear-gradient( top, #555, #333); }
Version 1.0 à la pelle de chantier
2013-06-20 23:23:42 +02:00
footer a {color:lightgreen;text-shadow:0 1px 1px green;}
footer a:hover {color:white;}
1.2 J'ai ajouté un bouton déconnect, les pages respawnées se chargent dans une iframe pour conserver un accès vers l'index (en plus ça fait joli, la barre de titre est réduite dans ce mode) j'ai supprimé le bouton 'supprimer une page' dans le mode public (même si son effet était déjà inhibé dans le code) ainsi que le bouton bookmarklet Les noms des fichiers zippés sont désormais plus explicites.
2013-06-25 12:05:16 +02:00
body.iframe aside{padding-bottom:0!important;}
body.iframe header {padding:2px;vertical-align: top;}
body.iframe header img{width:32px;height:auto;}
body.iframe header input{vertical-align: top;}
body.iframe header #____q{margin-top:2px;}
body.iframe header nav{margin-top:2px;display:inline-block; vertical-align: top;}
body.iframe header nav p{margin:0;padding:0;}
Reference in a new issue Copy permalink