Login   Register  
PHP Classes
elePHPant
Icontem

File: web/style/nibble.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Luke Rotherfield  >  Nibble PHP Framework  >  web/style/nibble.css  >  Download  
File: web/style/nibble.css
Role: Auxiliary data
Content type: text/plain
Description: Application css
Class: Nibble PHP Framework
Web application framework based in plug-ins
Author: By
Last change:
Date: 3 years ago
Size: 11,767 bytes
 

Contents

Class file image Download
/*
Document   : default
Created on : 18-May-2010, 21:08:22
Author : Luke Rotherfield
*/
/* Reset css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
header, footer, nav, aside, article, section { display: block; }
body{font-family: "Molengo", Arial, sans-serif;line-height:1.2em;color:#555;font-size:1em;}
a{color:#000;}

.odd-even{background:#dddddd;-moz-border-radius:5px;-webkit-border-radius:5px;}
.odd-even:hover{background: #cccccc;}
h2.odd-even{border:none; margin:0 0 5px 0;padding:5px;}

.wrap{width:960px;margin:auto;}
.head{border-bottom:solid 1px #aaa;font-family: "Reenie Beanie", Arial, sans-serif; margin-bottom: 20px;background:#eee;}
footer{width:960px;margin:auto;border-top:solid 1px #777;}
.head header{height:55px;font-size:3em;padding:20px 10px 0px 90px;border-bottom:solid 1px #ccc;background: url('/graphic/Nibblecheese.png') no-repeat scroll 10px 0px; background-size:60px;color:#555;}

h1,h2{border-bottom:solid 1px #777;padding:5px 0px;}
.head h1{border:none;color:#333;}
.cb{clear:both;}
h1,h2,h3,h4,h5,h6{color:#000;}
td{min-width: 120px;}
p{padding:10px;}

article{padding:10px;}
article.comment header,article.comment p,article.comment section{background:#ddd;}
article.reply header,article.reply p{background:#eee;}
section.replys span{background:#eee;-moz-border-radius:3px;-webkit-border-radius:3px;padding:3px;margin:3px;}
article.reply{font-size: 0.9em;}
article.reply h1{border-bottom:solid 1px #999;color:#333;}
.cb{clear:both;}
.head nav{margin:auto;position:absolute;left:550px;top:28px;width:600px;font-size: 1.5em;}
.head nav a{display:block;padding:5px 10px;text-decoration:none;}
.head nav li{display:block;float:left}
.head nav a.active,nav li.ui-tabs-selected a,nav li.ui-state-hover a, nav a:hover{color:#555;text-decoration:underline;}
form{padding:10px;}
form .ui-accordion{padding:0;}
.content{padding: 10px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#eeeeee;margin:0 0 5px 0;}
input, label{display:block;}
input, select, textarea{background:#efefff;margin-bottom:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
input:focus, select:focus, textarea:focus{background:#fff;}
input[type="submit"]{background:#fff;}
.float{float:left;}
.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;}
.w-medium{width:50%;}
.w-small{width:30%;}
.w-large{width:70%;}
.note{font-size:0.7em;font-style:italic;color:#888;float:right;margin-right:10px;}
#sortable1, #sortable2{;float:left;margin:10px;width:300px;padding:5px;border: 1px solid #000;font-size: 0.8em;}
#sortable1 li, #sortable2 li{margin:5px;padding:5px;width: 280px;background:#eef;list-style:none}
#sortable1 li.disabled, #sortable2 li.disabled{background:#fdd;}
#sortable1 li.heading, #sortable2 li.heading{background:none;margin:0;padding:0;}
#sortable1 p, #sortable2 p{padding:5px;}
.ui-tabs-hide{display:none;}
#tabs{background:#ccc; padding:10px;margin:auto;}
#tabs .nav{padding:0;}
#tabs .nav li{float:left;list-style:none;padding:5px;margin:0 10px 0 0;background:#ddd;font-family: "Reenie Beanie", Arial, sans-serif;font-size:1.3em;}
#tabs .nav li.ui-state-hover{background:#eee;}
#tabs .nav li.ui-state-active{background:#fff;}
.tab {background:#fff;}

.preview-image{float:left;padding:10px;}
.delete{cursor:pointer;}
ol li{list-style:decimal-leading-zero;}
ul li{list-style:disc;}
form ol li{list-style:none;}
form ul li{list-style:none;}
ul, ol{padding-left:35px;}
form ul, ol{padding-left:0px;}
.message{display:none;}
blockquote{padding:5px;background:#eee;}
table{width:620px;margin:auto;}
td,th{padding:5px;}
table input,table label{display:inline;}
th{text-align:left;background:#eee;}
p.error,label.error{color:crimson;}
input.error{border:1px solid crimson;}
.ui-accordion{padding:10px;}
.toggle{cursor:pointer;text-decoration:underline;}

#working{display: none;}
.ui-dialog{margin:auto;}
.ui-widget-overlay{background: url("/graphic/overlay.png") repeat scroll 50% 50% #666666; position: absolute; left:0; top:0; opacity: 0.5;filter: alpha(opacity=50);}
.ui-icon-closethick{display: none;}
/* JNotice css */
.notice-wrap {position: fixed;top: 20px;right: 20px;width: 250px;z-index: 9999;}
* html .notice-wrap {position: absolute;}
.notice-item h2{color:#fff;border-bottom:solid 1px #fff;}
.notice-item p{padding:10px;}
.notice-item {background: #333;font-size: 0.8em;-moz-border-radius: 6px;-webkit-border-radius: 6px;color: #eee;padding: 6px 6px 0 6px;display: block;position: relative;margin: 0 0 12px 0;}
.notice-item-close {position: absolute;font-size: 1.4em;font-weight: bold;right: 6px;top: 6px;cursor: pointer;}

/* DataTables */
.dataTables_wrapper{padding:10px;}
.dataTables_length,.dataTables_filter{float:left;width:300px;}
.dataTables_filter label,.dataTables_filter input{display:inline;}
.dataTables_paginate{width:64px;height:32px;}
.dataTables_paginate div{width:32px;height:32px;float:left;}
.paginate_enabled_next{background: url('/graphic/forward.png') no-repeat;}
.paginate_enabled_previous{background: url('/graphic/back.png') no-repeat;}
.paginate_disabled_next{background: url('/graphic/null.png') no-repeat;}
.paginate_disabled_previous{background: url('/graphic/null.png') no-repeat;}
.datatable{clear:both;}

.jcarousel-skin-tango .jcarousel-direction-rtl {
  direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 215px;
  padding:10px 25px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width:  215px;
  height: 50px;
}

.jcarousel-skin-tango .jcarousel-item {
  width: 50px;
  height: 50px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 5px;
  margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
  margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

/**
 *  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 25px;
  height: 50px;
  cursor: pointer;
  background: transparent url(/graphic/arrow_right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 25px;
  height: 50px;
  cursor: pointer;
  background: transparent url(/graphic/arrow_left.gif) no-repeat 0 0;
}



.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}
.ui-menu{width:200px !important;}
.ui-autocomplete { border: 1px solid #dddddd; background: #eeeeee; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-autocomplete .ui-widget-header { border: 1px solid #e78f08; background: #f6a828; color: #ffffff; font-weight: bold; }
.ui-autocomplete .ui-widget-header a { color: #ffffff; }
.ui-autocomplete .ui-state-hover,.ui-autocomplete .ui-widget-content .ui-state-hover,.ui-autocomplete .ui-state-focus,.ui-autocomplete .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce ; font-weight: bold; color: #c77405; outline: none; }
.ui-autocomplete .ui-state-hover a,.ui-autocomplete .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-autocomplete .ui-state-active,.ui-autocomplete .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; outline: none; }
.ui-autocomplete .ui-state-active a,.ui-autocomplete .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.ui-autocomplete .ui-state-highlight,.ui-autocomplete .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c; color: #363636; }
.ui-autocomplete .ui-state-highlight a,.ui-autocomplete .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-autocomplete .ui-state-error,.ui-autocomplete .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900; color: #ffffff; }
.ui-autocomplete .ui-state-error a,.ui-autocomplete .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-autocomplete .ui-state-error-text,.ui-autocomplete .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-autocomplete .ui-state-disabled,.ui-autocomplete .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-autocomplete .ui-priority-primary,.ui-autocomplete .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-autocomplete .ui-priority-secondary,.ui-autocomplete .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

nav ul {padding:5px;}
.nav2 ul li{background:#eeeeee;-moz-border-radius: 5px; -webkit-border-radius: 5px;padding:5px;margin:5px 0 0 0;list-style: none;}
.nav2 ul li:hover{background:#dddddd;}
.nav2 ul li a{display:block;}

.recent-posts{padding: 10px;}

.tags{width:30%;float:right;}
.tag{float:left;width:auto;background:#eeeeee;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px;margin:5px;}
.tag-active{background:#ccccff;}
.tag:hover{background:#ccffff;}
.tag-active:hover{background:#ffcccc;}

.pager
{
  width: auto;
  height: 30px;
  margin: 0;
  padding: 10px;
  background:#dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.pager div.short
{
  float: right;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  width: 74px;
}
.pager div.short input
{
  width: 28px;
  float: left;
}
.pager ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  margin-right: 4px;
}
.pager ul li
{
  float: left;
  list-style:none;
  margin-left: 5px;
}
.pager ul li a
{
  text-decoration: none;
  display: block;
  padding:5px;
  background:#cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.pager span
{
  margin-left: 4px;
  color: #333333;
  float: left;
}
.pager .btn
{
  display: block;
  width: 40px;
  float: left;
  padding: 0;
  margin-left: 4px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.pager ul li a.active {background:#aaaaaa;}
.pager ul li a:hover {background:#aaaaaa;}
article.comment{position:relative;padding-left:60px;}
article.blog-post{position:relative;padding-left:60px;}
.rating-box{position:absolute;left:0;top:10px;padding:10px;}
.rating{-webkit-border-radius: 4px; -moz-border-radius: 4px;background: #dddddd;padding:2px 0px 10px 0px;font-size:1.8em;clear:both;text-align:center;}
.rate{cursor:pointer;background-size:20px; float:left;height:20px;width:20px;padding:0px;}
.rate-up{background: url('/graphic/up.png') no-repeat center;}
.rate-down{background: url('/graphic/down.png') no-repeat center;}
section{position: relative;}