first commit
This commit is contained in:
760
css/admin_default.css
Normal file
760
css/admin_default.css
Normal file
@@ -0,0 +1,760 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
img{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
h3{
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h4{
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h5{
|
||||
font-size: 9px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
p.title{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p.more{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
p.back{
|
||||
text-align: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
p.zoom{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
p.zoom a{
|
||||
text-decoration: none;
|
||||
}
|
||||
.clear_both{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
hr.line{
|
||||
border: none;
|
||||
border-top: 1px solid #e0e0e0;
|
||||
height: 0px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.horizontal_line{
|
||||
border-bottom: 1px solid #464646;
|
||||
height: 0px;
|
||||
font-size: 0px;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.left{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.right{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#dialog p{
|
||||
margin: 7px 0;
|
||||
}
|
||||
#dialog p span.ui-icon{
|
||||
float: left;
|
||||
margin: 0 7px 35px 0;
|
||||
}
|
||||
|
||||
html{
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body{
|
||||
font-family: Tahoma,Arial,Verdana,"Lucida Grande",sans-serif;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
background-color: #ccd3d2; /*#c7cad1 kolor dla bottom_container */
|
||||
}
|
||||
|
||||
#top_container_login{
|
||||
background: url("/images/admin/top_container_login_bg.png") repeat-x top #fdf9f9;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
#top_container{
|
||||
background: url("/images/admin/top_container_bg.png") repeat-x top #fdf9f9;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
#container{
|
||||
width: 980px;
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#header_box{
|
||||
height: 114px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#header_logo{
|
||||
float: left;
|
||||
}
|
||||
|
||||
#header_logo a{
|
||||
background: url("/images/admin/frisson_header.png") no-repeat;
|
||||
display: block;
|
||||
width: 72px;
|
||||
height: 108px;
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
#header_logo a span{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#header_box #panel_title{
|
||||
float: left;
|
||||
margin-left: 40px;
|
||||
margin-top: 60px;
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
font-family: Arial,sans-serif;
|
||||
font-weight: bold;
|
||||
/* IE6 bugs*/
|
||||
_display: inline;
|
||||
}
|
||||
|
||||
#header_box #panel_title a{
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
#top_bar{
|
||||
width: 100%;
|
||||
height: 33px;
|
||||
line-height: 32px;
|
||||
overflow: hidden;
|
||||
color: #585858;
|
||||
}
|
||||
|
||||
#top_bar_welcome{
|
||||
float: left;
|
||||
}
|
||||
|
||||
#top_bar_admin{
|
||||
float: right;
|
||||
}
|
||||
|
||||
#top_bar_admin .admin_edit{
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
#top_bar_admin .admin_edit a{
|
||||
color: #e1319a;
|
||||
}
|
||||
|
||||
#top_bar_admin .logout{
|
||||
padding-left: 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#top_bar_admin .logout a{
|
||||
color: #000
|
||||
}
|
||||
|
||||
#top_line{
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#admin_menu{
|
||||
overflow: hidden;
|
||||
width: 238px;
|
||||
float: left;
|
||||
/*IE6 bugs*/
|
||||
_display: inline;
|
||||
}
|
||||
|
||||
#path_bar{
|
||||
float: left;
|
||||
width: 730px;
|
||||
height: 14px;
|
||||
padding: 5px;
|
||||
border: 1px solid #464646;
|
||||
border-top: 0;
|
||||
line-height: 14px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#path_bar .path_active{
|
||||
color: #e1319a;
|
||||
}
|
||||
|
||||
#content_box{
|
||||
float: left;
|
||||
background-color: #f8f8f8;
|
||||
width: 700px;
|
||||
min-height: 290px;
|
||||
padding: 20px;
|
||||
border: 1px solid #464646;
|
||||
border-top: 0;
|
||||
margin-bottom: 15px;
|
||||
font-size: 12px;
|
||||
/*IE6 bugs*/
|
||||
_display: inline;
|
||||
}
|
||||
|
||||
#welcome{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#welcome h1{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#welcome h2{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#welcome p{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#welcome p.success strong{
|
||||
color: green;
|
||||
}
|
||||
#welcome p.failed strong{
|
||||
color: red;
|
||||
}
|
||||
|
||||
#bottom_container{
|
||||
background: url("/images/admin/bottom_container_bg.png") repeat-x top #ccd3d2;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#footer_box{
|
||||
width: 980px;
|
||||
height: 40px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#footer_box #copyright{
|
||||
float: left;
|
||||
margin-top: 12px;
|
||||
margin-left: 25px;
|
||||
line-height: 20px;
|
||||
color: #818181;
|
||||
font-size: 11px;
|
||||
font-family: Verdana,sans-serif;
|
||||
/*IE6 bugs*/
|
||||
_display: inline;
|
||||
}
|
||||
#footer_box #copyright a{
|
||||
color: #818181;
|
||||
}
|
||||
|
||||
#back_top{
|
||||
float: right;
|
||||
margin-top: 30px;
|
||||
margin-right: 25px;
|
||||
line-height: 20px;
|
||||
color: #b7b7b7;
|
||||
font-size: 11px;
|
||||
/*IE6 bugs*/
|
||||
_display: inline;
|
||||
}
|
||||
#back_top a{
|
||||
color: #b7b7b7;
|
||||
}
|
||||
|
||||
#created{
|
||||
float: left;
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
margin-left: 25px;
|
||||
line-height: 20px;
|
||||
color: #454545;
|
||||
font-size: 11px;
|
||||
/*IE6 bugs*/
|
||||
_display: inline;
|
||||
}
|
||||
#created a{
|
||||
color: #b89e00;
|
||||
}
|
||||
|
||||
#error_404{
|
||||
text-align: center;
|
||||
margin: 50px 0;
|
||||
}
|
||||
|
||||
.form_error{
|
||||
text-align: left;
|
||||
color: red; /*#d8732f;*/
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.save{
|
||||
text-align: right;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.save input,.save button{
|
||||
width: 150px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.buttons{
|
||||
margin-left: 110px;
|
||||
padding: 15px 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.buttons input,.buttons button{
|
||||
width: 150px;
|
||||
margin-right: 35px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#edit_form ul li{
|
||||
list-style: none;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
#edit_form ul li label{
|
||||
display: inline-block;
|
||||
width: 110px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#edit_form .form_error{
|
||||
margin-left: 120px;
|
||||
}
|
||||
#edit_form input.readonly{
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
.user_form{
|
||||
font-size: 12px;
|
||||
}
|
||||
.user_form h1{
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.user_form ul{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.user_form label{
|
||||
display: block;
|
||||
width: 70px;
|
||||
float: left;
|
||||
margin: 5px 10px;
|
||||
/* IE 6 bug double margines,solution -> display: inline */
|
||||
_display: inline;
|
||||
}
|
||||
|
||||
.user_form input{
|
||||
margin: 5px 10px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.user_form div.buttons{
|
||||
width: 120px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.user_form div.buttons input{
|
||||
width: 100px;
|
||||
margin: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#user_login{
|
||||
width: 260px;
|
||||
padding: 10px 5px;
|
||||
margin: 100px auto;
|
||||
border: solid 1px;
|
||||
border-color: #aaa;
|
||||
background-color: #f8f4f4;
|
||||
}
|
||||
|
||||
#user_login .form_error{
|
||||
text-align: center
|
||||
}
|
||||
|
||||
#user_password{
|
||||
width: 300px;
|
||||
margin: 30px auto;
|
||||
}
|
||||
|
||||
#user_password label{
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#user_password .form_error{
|
||||
margin-left: 115px;
|
||||
}
|
||||
|
||||
#categories_list{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#categories_list table{
|
||||
border-spacing: 0;
|
||||
border: 0px solid #ccc;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#categories_list table tr{
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#categories_list table tr:hover{
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#categories_list table td{
|
||||
border-bottom: solid 1px #ddd;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#categories_list table td a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#categories_list table td.action{
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
#categories_list table td.action a{
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#pagination{
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
#pagination p{
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
table.list{
|
||||
border-spacing: 1px;
|
||||
width: 100%;
|
||||
background-color: #bbb;
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
table.list tbody a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
table.list tr{
|
||||
height: 25px;
|
||||
background-color: #fff;
|
||||
/* IE bugs -> dodaje padding dla td do height dla tr*/
|
||||
*height: 17px;
|
||||
}
|
||||
|
||||
table.list tbody tr:hover{
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
table.list th{
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
table.list td,table.list th{
|
||||
padding: 4px;
|
||||
}
|
||||
table.list thead tr,table.list tfoot tr{
|
||||
background-color: #e8e8e8;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
table.list tfoot{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.list tfoot td.summary{
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
table.list th.id,table.list td.id{
|
||||
text-align: center;
|
||||
/*width: 25px;*/
|
||||
}
|
||||
|
||||
table.list th.title,table.list td.title{
|
||||
|
||||
}
|
||||
table.list th.role,table.list td.role{
|
||||
text-align: center;
|
||||
width: 75px;
|
||||
}
|
||||
|
||||
table.list th.ip,table.list td.ip{
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
table.list th.bool,table.list td.bool{
|
||||
text-align: center;
|
||||
width: 28px;
|
||||
}
|
||||
table.list th.bool{
|
||||
cursor: help;
|
||||
}
|
||||
table.list th.bool_wide,table.list td.bool_wide{
|
||||
text-align: center;
|
||||
width: 56px;
|
||||
}
|
||||
|
||||
table.list th.date,table.list td.date{
|
||||
text-align: center;
|
||||
width: 70px;
|
||||
}
|
||||
table.list th.datetime,table.list td.datetime{
|
||||
text-align: center;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
table.list th.action,table.list td.action{
|
||||
width: 56px;
|
||||
}
|
||||
|
||||
table.list td.action a{
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
table.list th.symbol,table.list td.symbol{
|
||||
text-align: center;
|
||||
/*width: 25px;*/
|
||||
}
|
||||
|
||||
table.list th.price,table.list td.price{
|
||||
text-align: center;
|
||||
width: 60px;
|
||||
}
|
||||
table.list th.vat,table.list td.vat{
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
}
|
||||
table.list td.price{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
table.list th.quantity,table.list td.quantity{
|
||||
text-align: center;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
table.list th.tel,table.list td.tel{
|
||||
text-align: center;
|
||||
width: 75px;
|
||||
}
|
||||
|
||||
table.list th.payment,table.list td.payment{
|
||||
text-align: center;
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
table.list th.status,table.list td.status{
|
||||
text-align: center;
|
||||
width: 76px;
|
||||
}
|
||||
|
||||
table.list th.total,table.list td.total{
|
||||
text-align: center;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
table.list td.total{
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
|
||||
table.show{
|
||||
margin: 0;
|
||||
border-spacing: 1px;
|
||||
background-color: #bbb;
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
table.show tr{
|
||||
height: 25px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
table.show td,table.show th{
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
table.show th{
|
||||
width: 150px;
|
||||
background-color: #e8e8e8;
|
||||
color: #2b2b2b;
|
||||
}
|
||||
|
||||
table.image_list{
|
||||
border-spacing: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
table.image_list td{
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
table.image_list thead td{
|
||||
border-bottom: solid 1px #ccc;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table.image_list tbody td{
|
||||
border-bottom: solid 1px #ccc;
|
||||
}
|
||||
|
||||
table.image_list td input.submit, table.image_list td button.delete{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.image_list td button.delete{
|
||||
color: red;
|
||||
}
|
||||
|
||||
table.image_list td.thumb{
|
||||
width: 192px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table.image_list td.thumb img{
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
table.image_list tr.image_add td{
|
||||
padding: 25px 5px;
|
||||
}
|
||||
|
||||
table.legend caption{
|
||||
margin-top: 20px;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table.legend td{
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.narrow{
|
||||
width: 65%;
|
||||
/*margin: auto;*/
|
||||
}
|
||||
|
||||
table.narrow{
|
||||
width: 65%;
|
||||
/*margin: auto;*/
|
||||
}
|
||||
|
||||
#user th.action,#user td.action{
|
||||
width: 86px;
|
||||
}
|
||||
|
||||
#search_bar{
|
||||
float: right;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 12px;
|
||||
text-align: left;
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
font-size: 11px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#search_bar ul li{
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#search_bar ul li input{
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
#search_bar ul li select{
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
#suggest{
|
||||
position : absolute;
|
||||
width: 150px;
|
||||
background-color: white;
|
||||
border: 1px solid #888;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#suggest ul{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#suggest ul li.selected{
|
||||
background-color: #ffb;
|
||||
}
|
||||
|
||||
#suggest ul li{
|
||||
list-style-type: none;
|
||||
float: none;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
line-height: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user