File: setmenu/style.css

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