diff --git a/action_page.php b/action_page.php new file mode 100644 index 0000000..6b4b250 --- /dev/null +++ b/action_page.php @@ -0,0 +1,9 @@ + + + +the $_POST data was converted into a php config file + + + + + Return to form and see the changes ! \ No newline at end of file diff --git a/config_page.php b/config_page.php new file mode 100644 index 0000000..5430768 --- /dev/null +++ b/config_page.php @@ -0,0 +1,186 @@ +true, + 'allow_user_to_config'=>false, + 'adresse_du_site'=>'www.warriordudimanche.net', + 'use_a_choice'=>'choice one',// current value: other values are defined below + 'use_a_radiobutton_choice'=>'choice one',// current value: other values are defined below + 'my_password'=>'password', + 'confirm_password'=>'', + +);*/ +//then render_form($config); + + +/* ##################################################################### + # auto_form config # + ##################################################################### + +*/ + +// here are the basic parameters +$autoform_config=array( + 'use_labels'=>true, + 'use_placeholder'=>true, + 'method'=>'post', + 'action'=>'config_page.php', + 'form_name'=>'autoform', + 'form_id'=>'autoform', + 'form_class'=>'autoform', + 'enctype'=>'', + 'submit_button_label'=>'Save changes', + 'reset_button_label' +); + +foreach (glob('design/*') as $skin){ + $skin=basename($skin);if ($skin!='index.html'){$skins[]=$skin;} +} +$autoform_config['skin']=$skins; +$autoform_config['default_data_folder']=array('private','public'); + +/* ##################################################################### + # the render function # + ##################################################################### + You can call it from anywhere in the page and render more than one form + just call render_form($data_array)to create a brand new form with differents + names, classes, ids etc. +*/ +function render_form($var){ + global $autoform_config;$all_keys=''; + $id=$class=$enctype=$reset=''; + if ($autoform_config['form_id']){$id=' id="'.$autoform_config['form_id'].'" ';} + if ($autoform_config['form_class']){$class=' class="'.$autoform_config['form_class'].'" ';} + if ($autoform_config['enctype']){$enctype=' enctype="'.$autoform_config['enctype'].'" ';} + if (isset($autoform_config['reset_button_label'])){$reset="';} + + echo '
\n "; + foreach($var as $key=>$value){ + $all_keys.=$key.' | '; + $txt=str_replace('_',' ',$key); + $label=""; + $idclasname="name='$key' id='$key' class='$key'"; + // + echo '
  • '; + if (is_bool($value)){ + // oh, a checkbox ! + if ($value==true){$checked=' checked ';}else{$checked='';} + echo $label; + echo ""; + } + else{ + if (!$autoform_config['use_labels']){$label='';} + if (isset($autoform_config[$key])&&is_array($autoform_config[$key])){ + // lists of choices + if (isset($autoform_config[$key]['type'])&&$autoform_config[$key]['type']=='radio'){ + unset($autoform_config[$key]['type']); + + // oh, a radiobutton list ! + echo $txt.'
    '; + echo "\n"; + + }else{ + // oh, a select input ! + echo $label; + echo "\n"; + } + }else if (isset($autoform_config[$key]) && $autoform_config[$key]=='pass'){ + //oh, a password input ! + echo $label; + echo "\n"; + + }else{ + // ok, so that's a text input... + echo $label; + if ($autoform_config['use_placeholder']){$placeholder=" placeholder='$txt'";}else{$placeholder='';} + echo "\n"; + } + + } + echo "
  • \n"; + } + echo "\n";// this line to prevent unchecked boxes to desapear. + echo ' $reset \n
    "; +} +include('auto_restrict.php'); +include('config.php'); +unset($GLOBAL['private_data_folder']); +unset($GLOBAL['public_data_folder']); +$GLOBAL['default_data_folder']=basename($GLOBAL['default_data_folder']); + +$message=''; +if ($_POST){ + $auto_form['filename']='config.php'; + $auto_form['filecontent']=""; + + file_put_contents($auto_form['filename'],$auto_form['filecontent']); + if ($postdata['data_folder']!=$GLOBAL['data_folder']){ rename ($GLOBAL['data_folder'],$postdata['data_folder']);} + $message=' saved.'; + unset($postdata['all_keys']); + $GLOBAL=$postdata; +} +?> + + + + + + Configuration + + + + + +
    + +
    + + + \ No newline at end of file diff --git a/design/classic/actions.png b/design/classic/actions.png new file mode 100644 index 0000000..5cecb22 Binary files /dev/null and b/design/classic/actions.png differ diff --git a/design/classic/broken_noise.png b/design/classic/broken_noise.png new file mode 100644 index 0000000..fe5857f Binary files /dev/null and b/design/classic/broken_noise.png differ diff --git a/design/classic/favicon2.png b/design/classic/favicon2.png new file mode 100644 index 0000000..a59cb06 Binary files /dev/null and b/design/classic/favicon2.png differ diff --git a/design/classic/foil.png b/design/classic/foil.png new file mode 100644 index 0000000..68f3961 Binary files /dev/null and b/design/classic/foil.png differ diff --git a/design/classic/index.html b/design/classic/index.html new file mode 100644 index 0000000..e69de29 diff --git a/design/classic/lined_paper.png b/design/classic/lined_paper.png new file mode 100644 index 0000000..fe703c4 Binary files /dev/null and b/design/classic/lined_paper.png differ diff --git a/design/classic/logo2.png b/design/classic/logo2.png new file mode 100644 index 0000000..703c90d Binary files /dev/null and b/design/classic/logo2.png differ diff --git a/design/classic/paper.png b/design/classic/paper.png new file mode 100644 index 0000000..5977961 Binary files /dev/null and b/design/classic/paper.png differ diff --git a/design/classic/style.css b/design/classic/style.css new file mode 100644 index 0000000..7f4b7e3 --- /dev/null +++ b/design/classic/style.css @@ -0,0 +1,95 @@ +* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } +body { + background:url(paper.png) #efe; + width: 100%; + min-width:320px; + margin:0;padding:0; + font-family: Georgia, Serif;font-size : 16px; color: #050; +} +a:hover { color: #050;text-shadow:0 0 3px green;} + +a { color: black; text-decoration: none;} +.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);} +input{font-family: times,serif;outline:none; font-size:16px;border-radius: 3px; height:25px;padding : 3px ; vertical-align: bottom; margin-top : 3px ;} +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; } +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; } +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);} +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{ + + -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); +} +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;} + + + + +aside{height:100%;padding-bottom : 70px;text-align:center;} +aside iframe{height:100%;border:none;} +aside ul{padding:0;} +aside li{margin:5px;list-style:none;vertical-align:middle;border-radius:3px;} +aside li .tag{font-size:10px;display:inline-block;padding:2px;border-radius:3px;} +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;} +.tag_cloud{padding:2px;} +nav .tag_public{color:lightgreen;} + +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 ;} +aside .public li{background:rgba(100,255,100,0.2);} +aside .private li{background:rgba(255,100,100,0.2);} +li .infos{display:inline-block;padding:0;margin:0;} +li .tools{display:inline-block;padding:0;margin:0;vertical-align: middle;} +aside li img {vertical-align:middle;margin:1px;width:16px;height:16px;} +aside li a.toprivate,aside li a.topublic{margin-right:5px;opacity:0.5;} +aside li a.toprivate:hover,aside li a.topublic:hover{opacity:1;} + + +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); } + footer a {color:lightgreen;text-shadow:0 1px 1px green;} + footer a:hover {color:white;} + +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;} + +body.config label{display:block;width:300px;margin:auto;} +body.config input{display:block;width:300px;margin-bottom:30px;margin:auto;} +body.config input[type=submit]{color:darkgreen;} +body.config select{display:block;width:300px;margin-bottom:30px;margin:auto;} +body.config h1{color:#5F0;} \ No newline at end of file diff --git a/design/classic/zip.png b/design/classic/zip.png new file mode 100644 index 0000000..d45a46b Binary files /dev/null and b/design/classic/zip.png differ diff --git a/design/index.html b/design/index.html new file mode 100644 index 0000000..e69de29 diff --git a/design/pinterest/broken_noise.png b/design/pinterest/broken_noise.png new file mode 100644 index 0000000..fe5857f Binary files /dev/null and b/design/pinterest/broken_noise.png differ diff --git a/design/pinterest/favicon2.png b/design/pinterest/favicon2.png new file mode 100644 index 0000000..a59cb06 Binary files /dev/null and b/design/pinterest/favicon2.png differ diff --git a/design/pinterest/foil.png b/design/pinterest/foil.png new file mode 100644 index 0000000..68f3961 Binary files /dev/null and b/design/pinterest/foil.png differ diff --git a/design/pinterest/fond.png b/design/pinterest/fond.png new file mode 100644 index 0000000..3919291 Binary files /dev/null and b/design/pinterest/fond.png differ diff --git a/design/pinterest/index.html b/design/pinterest/index.html new file mode 100644 index 0000000..e69de29 diff --git a/design/pinterest/lined_paper.png b/design/pinterest/lined_paper.png new file mode 100644 index 0000000..fe703c4 Binary files /dev/null and b/design/pinterest/lined_paper.png differ diff --git a/design/pinterest/logo2.png b/design/pinterest/logo2.png new file mode 100644 index 0000000..703c90d Binary files /dev/null and b/design/pinterest/logo2.png differ diff --git a/design/pinterest/paper.png b/design/pinterest/paper.png new file mode 100644 index 0000000..8f7fa66 Binary files /dev/null and b/design/pinterest/paper.png differ diff --git a/design/pinterest/style.css b/design/pinterest/style.css new file mode 100644 index 0000000..0360a92 --- /dev/null +++ b/design/pinterest/style.css @@ -0,0 +1,126 @@ +/* pinterest style */ + +* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } +body { + background:url(fond.png) #efe; + width: 100%; + min-width:320px; + margin:0;padding:0; + font-family: Georgia, Serif;font-size : 16px; color: #050; +} +a:hover { color: #050;text-shadow:0 0 3px green;} + +a { color: black; text-decoration: none;} +.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);} +input{font-family: times,serif;outline:none; font-size:16px;border-radius: 3px; height:25px;padding : 3px ; vertical-align: bottom; margin-top : 3px ;} +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; } +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; } +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-color:rgba(100,255,100,0.4);} +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{ + + -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; padding : 10px ; width: 100%; height:auto;margin: 0; + text-align: left; + 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); +} +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;} + + + + +aside{height:100%;padding-bottom : 70px;text-align:center;} +aside iframe{height:100%;border:none;} +aside ul{padding:0;} +aside li{margin:5px;list-style:none;vertical-align:middle;border-radius:3px;} +aside li .tag{font-size:10px;display:inline-block;padding:2px;border-radius:3px;} +nav .tag_public{background:url(paper.png);display:inline-block;border-radius:3px;padding:2px;margin:1px;background-color:rgba(100,255,100,0.4);color:green;text-shadow:0 1px 1px darkgreen;} +aside .public li .tag{background:url(paper.png);display:inline-block;border-radius:3px;padding:2px;margin:1px;background-color:rgba(100,255,100,0.4);color:green;} +nav .tag_public:hover{background-color:green;} +aside .public li .tag:hover{background-color:rgba(0,255,0,0.4);} +nav .tag_private{background:url(paper.png);display:inline-block;border-radius:3px;padding:2px;margin:1px;background-color:rgba(255,100,100,0.4);color:pink;text-shadow:0 1px 1px darkred;} +aside .private li .tag{background:url(paper.png);display:inline-block;border-radius:3px;padding:2px;margin:1px;background-color:rgba(255,100,100,0.4);color:darkred;} +aside .private li .tag:hover{background-color:rgba(255,0,0,0.5);} +nav .tag_private:hover{background-color:red;} +.tag_cloud{padding:2px;} +nav .tag_public{color:lightgreen;background-color:rgba(0,255,0,0.5);} + +aside .public,aside .private{ + background:url(paper.png); + overflow-x:hidden; + min-width:300px; + text-align:left; + vertical-align:top; + margin-top:25px;padding:10px; + + border:none; + display:inline-block; + text-align:center; +} +aside .public{} +aside .private{} + +aside .private a:hover{text-shadow:0 0 5px red;color:darkred;} +aside .private em{color:darkred;} +aside li em {font-size:10px ;} + +aside .public li,aside .private li{ + display:inline-block; + width:200px; + overflow:hidden; + height: 200px; + border:1px solid; +} +aside .public li:hover{background-color:rgba(100,255,100,0.4);} +aside .private li:hover{background-color:rgba(255,100,100,0.4);} +aside li .suppr{display:block;padding:0;margin:0;opacity:0;} +aside li .title{display:block;font-size:18px;padding:0;margin:2px;height: 107px;text-align:left;overflow:hidden;} +aside li .infos{padding:0;margin:0;height:50px;display: table-cell; + vertical-align: bottom;} +aside li .tools{padding:0;margin:0;opacity:0;height:20px;text-align:left;} +aside li:hover .suppr ,aside li:hover .tools {opacity:1;height:16px;} +aside .public li{background-color:rgba(100,255,100,0.2);border-color:rgba(0,255,0,0.4);} +aside .private li{background-color:rgba(255,100,100,0.2);border-color:rgba(255,0,0,0.3);} + +aside li img {vertical-align:bottom;margin:1px;width:16px;height:16px;} +aside li a.toprivate,aside li a.topublic{margin-right:5px;opacity:0.5;} +aside li a.toprivate:hover,aside li a.topublic:hover{opacity:1;} + + +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); } + footer a {color:lightgreen;text-shadow:0 1px 1px green;} + footer a:hover {color:white;} + +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;} + +body *{transition:all 300ms} +body *:hover{transition:all 300ms} + +body.config label{display:block;width:300px;margin:auto;} +body.config input{display:block;width:300px;margin-bottom:30px;margin:auto;} +body.config input[type=submit]{color:darkgreen;} +body.config select{display:block;width:300px;margin-bottom:30px;margin:auto;} +body.config h1{color:#5F0;} \ No newline at end of file diff --git a/design/pinterest/zip.png b/design/pinterest/zip.png new file mode 100644 index 0000000..d45a46b Binary files /dev/null and b/design/pinterest/zip.png differ diff --git a/readme.txt b/readme.txt new file mode 100644 index 0000000..3e81fca --- /dev/null +++ b/readme.txt @@ -0,0 +1,3 @@ +zip : les noms de fichiers sont plus explicites +un bouton déconnect +retrait du bouton supprimer pour la page publique \ No newline at end of file