PHP Classes

File: setmenu/style.css

Recommend this page to a friend!
  Classes of MarPlo   Online PHP Menu Builder Class   setmenu/style.css   Download  
File: setmenu/style.css
Role: Auxiliary data
Content type: text/plain
Description: CSS code for script
Class: Online PHP Menu Builder Class
Create hierarchic menus stored in a MySQL database
Author: By
Last change:
Date: 11 years ago
Size: 5,157 bytes
 

Contents

Class file image Download
/* 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; }