[+] EDITØR MODE [+]
htdocs
>
public
>
www
>
css
>
style.css
Edit File: style.css
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700); /*---------------------------------------- LOGIN ---------------------------------------------*/ *{margin:0;padding:0;} body{ background:#fff; font-family:'Open Sans',sans-serif; } a{ text-transform:none; text-decoration:none; } p.centro{ text-align:center; } p.istruzioni{ border:1px dotted #414141; padding:25px; font-size:80%; font-weight:500; color:#000; } #login{ width:400px; height:400px; margin:0 auto; margin-top:8px; margin-bottom:80px; transition:opacity 1s; -webkit-transition:opacity 1s; position: relative; top: 50%; transform: translateY(+50%); } #error{ width:400px; height:60px; margin:0 auto; margin-top:30px; margin-bottom:2%; transition:opacity 1s; -webkit-transition:opacity 1s; position: relative; top: 80%; transform: translateY(+90%); transition:background .3s; -webkit-transition:background .3s; } #error h1{ background:#a50000; padding:20px 0; font-size:100%; font-weight:300; text-align:center; color:#fff; } #login h1{ background:#c0c0c0; padding:20px 0; font-size:140%; font-weight:300; text-align:center; color:#000; } form{ background:#D9D9D9; padding:6% 4%; } input[type="text"],input[type="password"]{ width:92%; background:#fff; margin-bottom:4%; border:1px solid #ccc; padding:4%; font-family:'Open Sans',sans-serif; font-size:95%; color:#555; } input[type="submit"]{ width:100%; background:#414141; border:0; padding:4%; font-family:'Open Sans',sans-serif; font-size:100%; color:#fff; cursor:pointer; transition:background .3s; -webkit-transition:background .3s; } input[type="submit"]:hover{ background:#979797; } /*---------------------------------------- MENU ---------------------------------------------*/ .menu_simple { display:block; position:relative; float:left; width:200px; } .menu_simple ul { margin: 0; padding: 0; width:200px; list-style-type: none; } .menu_simple ul li a { text-decoration: none; color: white; padding: 10.5px 11px; background-color: #c0c0c0; display:block; border-bottom: 1px solid #ffffff; font-family:'Open Sans',sans-serif; font-size:100%; color:#fff; } .menu_simple ul li a:hover, .menu_simple ul li .current { color: white; background-color: #414141; font-family:'Open Sans',sans-serif; font-size:100%; color:#fff; cursor:pointer; transition:background .5s; -webkit-transition:background .5s; } /*---------------------------------------- ADMIN ---------------------------------------------*/ #header{ margin:0 auto; display:block; width:90%; min-width:800px; max-width:1200px; height:70px; background-color:#c0c0c0; margin-top:20px; margin-bottom:0; } #header h1{ background:#c0c0c0; padding:20px 20px; font-size:140%; font-weight:300; text-align:left; color:#000; } #sottoheader{ margin:0 auto; display:block; width:90%; min-width:800px; max-width:1200px; height:50px; background-color:#d9d9d9; margin-top:0; margin-bottom:30px; } #sottoheader h1{ font-size:100%; font-weight:400; text-align:left; color:#000; } #sottoheader img{ height: 30px; } #sottoheader .back{ display: block; position:relative; float:left; width:30px; height:30px; padding:10px 10px; } #sottoheader .tit{ display: block; position:relative; float:left; width:250px; height:30px; padding:12px 0 12px 20px; } #sottoheader .help{ display: block; position:relative; float:right; width:30px; height:30px; padding:10px 10px; } #content{ margin:0 auto; display:block; width:90%; min-width:800px; max-width:1200px; margin-top:30px; } #content_dx{ display:block; position:relative; float:right; width:970px; } .pulsantiera{ display: table; position:relative; width:100%; height:60px; margin-bottom:20px; } .pulsantiera ul{ display: table-row; } .pulsantiera ul li{ display: table-cell; text-align: center; border-left: 7px solid #c0c0c0; border-top: 7px solid #c0c0c0; border-bottom: 7px solid #c0c0c0; } .pulsantiera ul li:last-child{ border-right: 7px solid #c0c0c0; } .pulsantiera img{ height: 262px; width: auto; } .pulsantiera h2{ padding:10px 0; font-size:120%; font-weight:700; text-align:center; color:#4c4c4c; text-transform:uppercase; } .pulsantiera a{ opacity: 0.6; filter: alpha(opacity=60); } .pulsantiera a:hover{ opacity: 1; filter: alpha(opacity=100); } #blocco{ margin:0 auto; display: block; position:relative; width:90%; min-width:800px; max-width:1200px; height:60px; margin-top:40px; margin-bottom:80px; } #blocco h2{ margin-bottom:3px; font-size:120%; font-weight:700; text-align:left; color:#4c4c4c; text-transform:uppercase; } #blocco h3{ margin-top:15px; margin-bottom:8px; font-size:100%; font-weight:400; text-align:left; color:#4c4c4c; text-transform:uppercase; } #formz_l{ margin:0 auto; display: block; position:relative; float:left; width:48%; margin-bottom:5px; } #formz_r{ margin:0 auto; display: block; position:relative; float:right; width:48%; margin-bottom:5px; } .insert{ display:block; height:auto; width:100%; margin-bottom:10px; } #blocco form{ background:#d9d9d9; padding:10px 10px; } #blocco input[type="text"]{ width:100%; background:#fff; margin-bottom:10px; border:1px solid #ccc; padding:5px; font-family:'Open Sans',sans-serif; font-size:95%; color:#555; } #blocco input[type="number"]{ width:30%; background:#fff; margin-left:5px; margin-bottom:10px; border:1px solid #ccc; padding:5px; font-family:'Open Sans',sans-serif; font-size:95%; color:#555; } #blocco select { width: 30%; padding: 5px; font-family:'Open Sans',sans-serif; font-size:95%; color:#555; margin-left:5px; margin-bottom:10px; border: 1px solid #ccc; height: 34px; } #blocco input[type="submit"]{ width:100%; background:#414141; border:0; margin-top:10px; padding:10px; font-family:'Open Sans',sans-serif; font-size:100%; color:#fff; cursor:pointer; transition:background .3s; -webkit-transition:background .3s; } #blocco input[type="submit"]:hover{ opacity: 0.7; filter: alpha(opacity=70); } #load{ margin:0 auto; display:block; width:90%; min-width:800px; max-width:1200px; height:60px; background-color:#2F662C; margin-top:20px; margin-bottom:20px; transition:opacity 1s; -webkit-transition:opacity 1s; position: relative; transition:background .3s; -webkit-transition:background .3s; } #load h1{ background:#2F662C; padding:20px 0; font-size:100%; font-weight:400; text-align:center; color:#fff; } #errorl{ margin:0 auto; display:block; width:90%; min-width:800px; max-width:1200px; height:60px; background-color:#a50000; margin-top:20px; margin-bottom:20px; transition:opacity 1s; -webkit-transition:opacity 1s; position: relative; transition:background .3s; -webkit-transition:background .3s; } #errorl h1{ background:#a50000; padding:20px 0; font-size:100%; font-weight:400; text-align:center; color:#fff; } #info{ margin:0 auto; display:block; width:90%; min-width:800px; max-width:1200px; height:60px; background-color:#d9d9d9; margin-top:20px; margin-bottom:20px; transition:opacity 1s; -webkit-transition:opacity 1s; position: relative; transition:background .3s; -webkit-transition:background .3s; } #info h1{ background:#d9d9d9; padding:20px 0; font-size:100%; font-weight:400; text-align:center; color:#000; } table{ width:100%; } th, td{ text-align:center; width:33%; } th{ border-bottom:1px solid #000; } tr td{ border-bottom:1px solid #cccccc; }
Method:
fopen()
file_put_contents()
stream_context_create()
Simpan
Rename:
Rename