PHP Classes

File: setslists/style.css

Recommend this page to a friend!
  Classes of MarPlo   PHP AJAX Multiple Dropdown Select List Creator   setslists/style.css   Download  
File: setslists/style.css
Role: Auxiliary data
Content type: text/plain
Description: css code to style the administration page
Class: PHP AJAX Multiple Dropdown Select List Creator
Create multiple dropdown selects lists
Author: By
Last change: The script has been updated, some properties was added
Date: 10 years ago
Size: 5,518 bytes
 

Contents

Class file image Download
/* Properties for Drop-Down-Select-Lists */ body, html { margin: 0; padding: .2em; background-color:#fbfbfe; text-align: center; } .sb {font-weight:800;} .sbi {font-weight:800; font-style:italic;} .sbu {font-weight:800; text-decoration:underline;} h1 { margin:.5em auto 1.1em auto; font-size:1.5em; text-decoration:underline; } label { margin:0 2px; background-color:#dadafe; padding:2px 3px 2px 2px; font-family:"Calibri",sans-serif; font-size:1.05em; font-weight:600; cursor:pointer; } input[type="button"] { font-weight:800; } /* Tabs */ #ultabs{ clear:both; margin:3em auto 2em 8%; width:25em; background-color:#d1d2fe; padding:0 .15em; -moz-border-radius:.6em; -webkit-border-radius:.6em; -khtml-border-radius:.6em; border-radius:.6em; } #ultabs li{ display:inline; margin:auto .2em; border:1px solid #adadda; background-color:#eaeafe; padding:.35em; font-size:1em; font-weight:bold; cursor:pointer; } #ultabs li.tabvi{ background-color:#d1fdd2; border:1px solid #b7f3b8; -moz-border-radius:1px; -webkit-border-radius:1px; -khtml-border-radius:1px; border-radius:1px; } #ultabs li:hover{ border:1px dotted #adadda; background-color:#f9f9b8; text-decoration:underline; color:#0102d8; } /* Get Data */ #gets { display:none; position;relative; margin:3.1em .5em 1em .5em; background-color:#f2f3fe; padding:.2em; } #gets #fgets { width:35em; margin:.5em auto; border:1px solid silver; background-color:#f8f9fe; line-height:225%; } #gets span { color:#0001e8; } /* Set Menu */ #sets { position;relative; margin:3.1em .5em 1em .5em; background-color:#f2f3fe; padding:.2em .3em; } #sets #slists { position:absoute; top:0; left:0; margin:.8em 28em 0 .2em; background-color:#fefe08; text-align:left; padding:0 1px 0 2.3em; line-height:180%; } #sets #slists div { display:block; float:left; } #sets #slists sub { display:block; margin:0 auto -.3em auto; text-align:center; color:#0001fb; } #sets #slists em,#sets #slists strong { margin-left:-2.3em; } #sets #slists select { margin:0 .3em; padding:.1em; font-weight:700; font-size:1.05em; } #sets #optioncnt{ clear:both; position:relative; min-width:65%; margin:1em .2em .3em auto; background-color:#fefede; padding:.2em; } #sets #fset { float:left; margin:2em .5em .2em 14%; border:1px solid silver; background-color:#f8f9fe; line-height:225%; padding:.2em .4em; } #sets #fset #curentitem { margin:0 0 0 .5em; font-size:1.2em; font-weight:600; color: #0001ed; } #sets #savedata { float:right; margin:-1.9em auto .2em .2em; border:1px solid silver; background-color:#f8f9fe; line-height:175%; padding:.15em .3em; } #savedata #savename { margin:.3em auto; padding:.2em; border-top:1px dashed #0001da; border-bottom:1px dashed #0001da; color:#0001b0; font-size:1.1em; } #savedata #adm { margin:.6em auto .3em auto; background-color:#ededfe; padding:.2em; } #sets #fset h4, #sets #savedata h4 { margin:0 auto .2em auto; background-color:#fefefe; color:#0001be; font-size:1.1em; } #gets #getslists, #sets #opval, #sets #opcnt, #sets #resname { background-color:#eded00; font-size:1.05em; } #gets #getslists:focus, #sets #opval:focus, #sets #opcnt:focus, #sets #resname:focus { background-color:#dafeda; } /* Get Code */ #codes { display:none; } /* Tabs Codes */ #codes #codetabs { margin:1.5em auto 4em 22%; width:24em; padding:0 .15em; } #codes #codetabs li { display:inline; margin:auto .2em; border:1px solid #adadda; background-color:#eaeafe; padding:.1em .25em; font-size:1em; font-weight:bold; cursor:pointer; } #codes #codetabs li.tabvi { background-color:#d1fdd2; border:1px solid #b7f3b8; text-decoration:underline; -moz-border-radius:.6em; -webkit-border-radius:.6em; -khtml-border-radius:.6em; border-radius:.6em; } #codes #codetabs li:hover{ border:1px dotted #adadda; background-color:#f9f9b8; text-decoration:underline; color:#0102d8; } #codes #cjson, #codes #csql { display:none; } /* Inside Codes */ #codes h4{ margin:-1.4em auto .4em 2.5%; font-size:1.1em; font-style:italic; text-align:left; } #codes h5{ margin:.1em auto 1em auto; font-size:1em; text-decoration:underline; color:#0102d8; } #codes p { margin:0; font-family:"Calibri",sans-serif; text-align:left; } #codes textarea { margin:0 auto; background-color:#fbfb89; padding:.1em; } #codes textarea#phpctxt, #codes textarea#phpcmysql { height:6em; font-weight:600; } #codes textarea:focus { background-color:#dafeda; } #codes #chtml, #codes #cjson, #codes #csql { margin:.1em 12%; line-height:150%; } #codes #allcodeinpg, #codes #fromtxtmysql, #codes #cjson, #codes #csql { border:1px solid silver; background-color:#f8f9fe; padding:0 .2em .4em .2em; } #codes #allcodeinpg { margin: 0 auto 4.1em auto; background-color:#eefbef; } #codes #dslinpage { width:80%; } #codes #dslintxt, #codes #dslinmysql { width:53%; } #codes #jsoncode, #codes #sqlcode { width:65%; } /* Comuns */ #gets h3, #sets h3, #codes h3 { margin:-1.5em auto .4em auto; text-decoration:underline; } label, #showmenu, #ultabs li, #gets #fgets, #sets #fset, #sets #savedata, #savedata #adm { -moz-border-radius:.85em; -webkit-border-radius:.85em; -khtml-border-radius:.85; border-radius:.85; }