PHP Classes

File: css/0mix.css

Recommend this page to a friend!
  Classes of Alex Lau   Mix2ool   css/0mix.css   Download  
File: css/0mix.css
Role: Auxiliary data
Content type: text/plain
Description: The main style file
Class: Mix2ool
Web development framework integrated with jQuery
Author: By
Last change:
Date: 14 years ago
Size: 4,466 bytes
 

Contents

Class file image Download
/* CSS reset for HTML5*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, progress, progressBar , datalist, mixoption, details, mixlegend, tab, heading, content, tooltip, accordion, heading, content{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } html{ } body { line-height: 1; color: #333; } article, aside, dialog, figure, footer, header, hgroup, nav, section , progress, progressBar, datalist, mixoption, details, mixlegend, tab, heading, content, tooltip, accordion, heading, content{ display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select ,button{ vertical-align:middle; border: 1px solid #DDD; background-color: #F9F9F9; } input:focus{ background-color: #F3F3F3; } fieldset{ border: 1px solid #DDD; } fieldset legend{ margin-left: 10px; } /*Attribute manipulation*/ *[hidden="true"]{ display: none; } /*new elements*/ progress{ display: block; width: 200px; height: 20px; border: 1px solid #DDD; background-color: #F9F9F9; } progressBar{ display: block; background-color: #DDF; height: 100%; } .dragScrollable{ -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: move; } datalist{ display: none; } datalist.hookInput{ padding-top: 3px; padding-bottom: 3px; width: 300px; #height: 120px; /* sets max-height for IE */ max-height: 120px; border: 1px solid #DDD; min-width: 30px; overflow: auto; background-color: white; } datalist.hookInput mixoption{ padding-left: 3px; padding-right: 3px; cursor: default; display: block; } datalist.hookInput mixoption.hover{ background-color: #DDD; } details{ } details mixlegend{ padding-left: 40px; cursor: default; background: url(<?=$imgPath?>rightArrow.gif) no-repeat 10px center; } details mixlegend.open{ background: url(<?=$imgPath?>downArrow.gif) no-repeat 10px center; } template{ display: none; } tab{ } tab heading{ float: left; padding: 3px; padding-left: 5px; padding-right: 5px; margin-top: 4px; margin-right: 5px; cursor: default; background-color: #DDF; } tab heading.selected,tab heading.selected:hover{ padding: 5px; margin-top: 0px; background-color: #F9F9F9; } tab heading:hover{ padding-top: 4px; padding-bottom: 4px; margin-top: 2px; background-color: #F3F3F3; } tab content{ clear: left; display: none; padding: 5px; background-color: #F9F9F9; } accordion{ } accordion heading{ cursor: default; padding: 5px; padding-left: 30px; background: url(<?=$imgPath?>rightArrow.gif) no-repeat 10px center; background-color: #EEF; } accordion heading.selected,accordion heading.selected:hover{ background: url(<?=$imgPath?>downArrow.gif) no-repeat 10px center; background-color: #DDF; } accordion heading:hover{ background-color: #F3F3F3; } accordion content{ display: none; background-color: #F9F9F9; } tooltip{ border: 1px solid #CCC; background-color: #F5F5FF; width: 300px; padding: 5px; display: none; position: absolute; opacity: .9; filter: alpha( opacity=90 ); -moz-opacity: 0.9; }