File: assets/css/style.css

Recommend this page to a friend!
  Classes of Roni  >  EZ PHP RBAC  >  assets/css/style.css  >  Download  
File: assets/css/style.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: EZ PHP RBAC
Manages the accesses features by users and roles
Author: By
Last change:
Date: 2 months ago
Size: 6,706 bytes
 

Contents

Class file image Download
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 {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	margin: 0;
	padding: 0
}

:focus {
	outline: 0
}

html {
	overflow-y: scroll;
	font-size: 100%;
	color: #222
}

body {
	min-height: 100%;
	line-height: 1;
	font: 100 12px/1.3 Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
    background: none repeat scroll 0 0 #EFEFEF;	
}

h1, h2, h3, h4 {
	font-weight: 400;
	color: #222
}

h1, h2, h3 {
	font-family: 'Open Sans', sans-serif
}

h3 {
	font-size: 18px
}

h1 {
    color: #666666;
    font-size: 1.6em;
	line-height: 1;
    margin-bottom: 0.5em;

}

p {
    margin: 0 0 1.5em;
}

a {
	text-decoration: none;
	color: #21759B
}

a:hover {
	text-decoration: underline
}

	/* main styles */

.dn {
	display: none
}

.fr {
	float: right
}

.fl {
	float: left
}

.tac {
	text-align: center
}

.tar {
	text-align: right
}

.taj {
	text-align: justify
}

.bld {
	font-weight: 700
}

	/* buttons */
.btn {
	border: none;
	outline: 0;
	cursor: pointer;
	text-decoration: none;
	overflow: visible;
	background: none;
	padding: 0 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #222
}

button::-moz-focus-inner {
	border: none;
	margin: 0;
	padding: 0
}

.btn:hover {
	text-decoration: none
}

.btn_a {
	border: 1px solid #c6c6c6;
	text-shadow: 1px 1px 0 #fff
}

.btn_a {
	font: 700 12px/25px Helvetica, Arial, sans-serif
}

.btn_a:hover {
	background: #e3e3e3
}

	/* no black border for buttons (<ie7) */
button {
	*border: none !important;
	*border-color: transparent !important
}

.btn span.btnImg {
	background-position: left center;
	padding-left: 25px;
	background-repeat: no-repeat
}

	/* element separation */
.sepH_a {
	margin-bottom: 6px
}

.sepH_b {
	margin-bottom: 12px
}

.sepH_c {
	margin-bottom: 24px
}

.msg_box {padding:8px 20px 8px 46px;margin-bottom:10px;position:relative;color:#444;overflow:hidden}
.msg_box img {background-image: url(../images/spr.png);background-repeat:no-repeat;width:9px;height:9px}
.msg_error {background:#f2cac2 url(../images/error_ico.png) no-repeat 14px center;border:1px solid #ae432e}
.msg_error img {background-position:-47px 0}
.msg_info {background:#c2e2f2 url(../images/info_ico.png) no-repeat 14px center;border:1px solid #058dc7}
.msg_info img {background-position:-47px -18px}
.msg_ok {background:#d5e5b8 url(../images/ok_ico.png) no-repeat 14px center;border:1px solid #77ab13}
.msg_ok img {background-position:-47px -9px}
.msg_alert {background:#faf5c8 url(../images/alert_ico.png) no-repeat 14px center;border:1px solid #e6c26e}
.msg_alert img {background-position:-47px -27px}
.msg_box .msg_close {position:absolute;top:2px;right:2px;cursor:pointer}
.msg_box p{margin-bottom: 0}
		
	/* forms */
.formEl_a input {
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px
}

.formEl_a input:focus, .formEl_a input:active {
	background: #ebfdd7
}

.formEl_a label {
	cursor: pointer
}

.formEl_a .lbl_a {
	display: block;
	margin-bottom: 4px;
	color: #666;
	font-weight: 700
}

.formEl_a .lbl_c {
	font-size: 13px;
	vertical-align: middle;
	color: #666
}

.formEl_a .inpt_a {
	padding: 5px 8px;
	width: 380px;
	border: 1px;
	border-color: #b8b8b8 #e2e2e2 #e2e2e2 #b8b8b8;
	border-style: solid
}

.formEl_a .inpt_c {
	width: 13px;
	height: 13px;
	margin: 0 6px 0 0;
	padding: 0;
	vertical-align: middle
}

.formEl_a div.error > label {
	color: #9d261d
}

.formEl_a div.error input[type=text], .formEl_a div.error input[type=password], .formEl_a div.error textarea {
	border-color: #c87872;
	background: #FAE5E3
}

	/* clear floats */
.cf {
	*zoom: 1
}

.cf:before, .cf:after {
	content: "";
	display: table
}

.cf:after {
	clear: both
}

	/* cross browser inline-block display */
.btn, .btn span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline
}

	/* login page */
.login_wrapper {
	width: 372px;
	margin: 0 auto;
	padding: 180px 0 0;
}

.loginBox {
	background: #fff;
	border: 1px solid #ccc
}

.loginBox .heading {
	margin-bottom: 16px;
	padding: 4px 16px;
	border-bottom: 1px solid #ccc;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px
}

.loginBox .heading img {
	padding-top: 4px
}

.loginBox .content {
	padding: 0 16px 10px
}

.loginBox .content_btm {
	padding: 4px 0 0;
	border-top: 1px solid #ccc
}

.loginBox .inpt_a {
	width: 320px
}

	/* form errors */
form .msg_box label {
	display: block;
	padding: 2px 0
}

	/* css3 enhance */

	/* css3 border-radius */
.formEl_a .inpt_a, .formEl_a .inpt_b,
.loginBox {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

	/* css3 gradients */
.loginBox .heading {
	background: #ececec;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ececec));
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%, #ececec 100%)
}

	/* css3 box shadow */
.loginBox {
	-webkit-box-shadow: 0px 0px 4px 1px #ddd;
	-moz-box-shadow: 0px 0px 4px 1px #ddd;
	box-shadow: 0px 0px 4px 1px #ddd
}


.clearfix:after, .container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
#page {
    background: none repeat scroll 0 0 white;
    border: 1px solid #C9E0ED;
    margin-bottom: 5px;
    margin-top: 5px;
}
.clearfix, .container {
    display: block;
}
.clear{
	 clear: both;
}

.container {
    margin: 0 auto;
    width: 950px;
}

#header {
    border-bottom: 1px solid #C9E0ED;
    margin: 0 20px;
    padding: 0;
}

#header .top-menus {
    float: right;
    margin: 20px 0;
}

#logo {
    height: 38px;
    padding-top: 17px;
}

#content {
    min-height: 450px;
    padding: 20px;
}
#footer {
    font-size: 0.8em;
    margin: 0 auto;
    text-align: center;
    width: 950px;
}

div.form .row {
    margin: 5px 0;
}

div.form input, div.form textarea, div.form select {
    margin: 0.2em 0 0.5em;
}
div.form label {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
	float:left;
	width:150px;
	cursor:pointer
}
div.form label.secondlevel{
	margin-left:150px;	
}
For more information send a message to info at phpclasses dot org.