File: setslists/style.css

/* 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;
}