/* Properties for horizontal-vertical menu */
body, html {
margin: 0;
padding: .2em;
background-color:#fbfbfe;
text-align: center;
}
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;
}
#showmenu {
margin:.3em .2em;
background-color:#fefee8;
border:1px dotted #00da01;
padding:.1em 1em .5em 1em;
}
#showmenu h4 {
margin:0 auto .8em auto;
font-family:"Calibri",sans-serif;
font-style:italic;
font-size:1.1em;
}
/* Tabs */
#ultabs{
clear:both;
margin:3em auto 2em 8%;
width:20.5em;
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;
}
#sets #slists {
position:absoute;
top:0;
left:0;
margin:.8em 35% 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;
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 #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 #getctg, #sets #namec, #sets #lurl, #sets #ctgres {
background-color:#eded00;
font-size:1.05em;
}
#gets #getctg:focus, #sets #namec:focus, #sets #lurl:focus, #sets #ctgres: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%;
font-style:italic;
text-align:left;
}
#codes h5{
margin:.1em auto 0 auto;
text-decoration:underline;
color:#0102d8;
}
#codes p {
margin:0;
font-family:"Calibri",sans-serif;
text-align:left;
}
#codes textarea {
height:16em;
margin:0 auto;
background-color:#fbfb89;
padding:.1em;
}
#codes textarea#phpctxt {
height:6em;
font-weight:600;
}
#codes textarea#phpcmysql {
font-weight:600;
}
#codes textarea:focus {
background-color:#dafeda;
}
#codes #chtml, #codes #cjson, #codes #csql {
margin:.1em 12%;
border:1px solid silver;
background-color:#f8f9fe;
line-height:150%;
padding:0 .2em .4em .2em;
}
/* 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;
} |