paramecio/parameciofm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cosmetic fixes in css admin

Browse source
This commit is contained in:
Antonio de la Rosa 2016-07-06 02:49:20 +02:00
parent 7e34e37ced
commit b2f2b215e5
6 changed files with 107 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

2
paramecio/citoplasma/templates/forms/modelform.phtml
View file

@ -1,6 +1,6 @@
<%def name="check_required(required)"> <%def name="check_required(required)">
% if required: % if required:
${'*'} ${'*'} \
% endif % endif
</%def> </%def>
<div class="form"> <div class="form">

4
paramecio/citoplasma/templates/utils/admin.phtml
View file

@ -1,4 +1,4 @@
${show_flash_message()|n} ${show_flash_message()|n}
<h1>${admin.title}</h1> <!--<h1>${admin.title}</h1>-->
<a href="${add_get_parameters(admin.url, op_admin='1')}">${lang('common', 'add_item', 'Add new item')}</a> <p><a href="${add_get_parameters(admin.url, op_admin='1')}">${lang('common', 'add_item', 'Add new item')}</a></p>
${admin.list.show()|n} ${admin.list.show()|n}

6
paramecio/citoplasma/templates/utils/insertform.phtml
View file

@ -1,8 +1,8 @@
<p><a href="${admin.url}">${lang('common', 'home', 'Home')}</a> &gt;&gt; <p><a href="${admin.url}">${lang('common', 'home', 'Home')}</a> &gt;&gt; \
% if id!='0': % if id!='0':
${title_edit} ${title_edit} \
%else: %else:
${title_edit} ${title_edit} \
%endif %endif
</p> </p>
<form method="post" action="${add_get_parameters(admin.url, op_admin=2, id=id)}"> <form method="post" action="${add_get_parameters(admin.url, op_admin=2, id=id)}">

2
paramecio/citoplasma/templates/utils/list.phtml
View file

@ -53,5 +53,5 @@
% endfor % endfor
</table> </table>
<p> <p>
${pages|n} ${lang('common', 'pages', 'Pages')}: ${pages|n}
</p> </p>

140
paramecio/modules/admin/media/css/admin.css
View file

@ -3,7 +3,8 @@ body
margin:0px; margin:0px;
background-color:#f7f6f1; background-color:#f7f6f1;
font-family: sans, sans-serif, serif; font-family: "Helvetica", sans, sans-serif, serif;
} }
a a
@ -27,11 +28,11 @@ a:hover
height:47px; height:47px;
color:#000; color:#000;
font-size:22px; font-size:22px;
font-family:sans, serif; font-family:"Open Sans", sans, serif;
background-image:url('../images/background.png'); /*background-image:url('../images/background.png');
background-position:top; background-position:top;
background-repeat:repeat-x; background-repeat:repeat-x;*/
background-color:#959595; background-color:#e1ebed;
line-height: 47px; line-height: 47px;
} }
@ -40,10 +41,10 @@ a:hover
{ {
font-size:28px; font-size:28px;
padding-left:15px; padding-left:15px;
color: #ffffff; color: #555555;
font-style:italic; /*font-style:italic;*/
text-shadow:#000000 1px 1px 1px; /*text-shadow:#000000 1px 1px 1px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=130, Strength=4); filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=130, Strength=4);*/
} }
@ -53,26 +54,42 @@ a:hover
font-size:28px; font-size:28px;
padding-right:15px; padding-right:15px;
color:#ff9b2f; color:#ff9b2f;
font-style:italic; /*text-shadow:#000000 1px 1px 1px;
text-shadow:#000000 1px 1px 1px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=130, Strength=4);*/
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=130, Strength=4);
} }
h1 h1, h2
{ {
font-family:sans, serif; font-family:"Helvetica", sans, serif;
border: solid #cbcbcb;
border-width: 0px 0px 1px 0px;
font-size:26px; font-size:26px;
color:#333333;
margin:0px;
padding:5px 10px;
font-weight:normal; font-weight:normal;
font-style:italic; background: #e6e6e6;
color:#04004e;
/*background-image:url('../images/button_head.png');*/
background-repeat: no-repeat;
/*padding-left:65px;*/
/*height:60px;
line-height:60px;*/
}
h2 {
font-size:20px;
background: transparent;
color: #000;
padding: 0px;
border-width:0px;
margin: 4px 0px;
}
p {
border: solid #cbcbcb;
margin-top:4px;
border-width:0px;
} }
@ -104,16 +121,15 @@ h1
float:left; float:left;
width:18%; width:18%;
margin-right:25px; margin-right:0px;
position:relative; position:relative;
} }
#menu a #menu a
{ {
font-size:12px; font-size:14px;
/*font-family:arial, sans;*/ /*font-family:arial, sans;*/
font-weight:bold;
text-decoration:none; text-decoration:none;
color:#6183b0; color:#6183b0;
display:block; display:block;
@ -127,8 +143,9 @@ h1
{ {
text-decoration:underline; text-decoration:underline;
color:#5072a0; color:#fbfbfb;
background: #e7e7e7; background: #18788d;
text-decoration:none;
} }
@ -145,28 +162,29 @@ h1
{ {
padding:5px; padding:5px;
font-size:14px; font-size:22px;
/*font-family:arial, sans;*/ font-family:"Helvetica", sans, serif;
font-weight:bold; font-weight:bold;
padding:5px; /*background-image:url('../images/background_title.png');
background-image:url('../images/background_title.png');
background-position:top; background-position:top;
background-repeat: repeat-x; background-repeat: repeat-x;*/
background-color: #fcf7fd; background-color: #003c95;
border-radius: 8px 8px 0px 0px; /*border:solid #cccccc;
border:solid #cccccc; border-width:0px 1px 1px 1px;*/
border-width:1px 1px 1px 1px; color: #fbfbfb;
color: #333333;
} }
.father_admin { .father_admin {
font-family:"Helvetica", sans, serif;
padding:5px; padding:5px;
font-size:14px; font-size:18px;
display: block; display: block;
color: #fbfbfb; color: #fbfbfb;
font-weight:bold; font-weight:bold;
background: #000;
/*
background: rgba(76,76,76,1); background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
@ -174,7 +192,7 @@ h1
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );*/
} }
@ -184,29 +202,29 @@ h1
margin:auto; margin:auto;
background-color:#ffffff; background-color:#ffffff;
padding:10px 10px 10px 10px; padding:0px;
border:solid #dfdfdf; border:solid #bcbcbc;
border-width: 1px; border-width: 1px;
font-size:12px; font-size:14px;
position:relative; position:relative;
overflow:auto; overflow:auto;
margin-bottom:40px; /*background: linear-gradient(to right, #ababab , #cbcbcb);
background-size:244px;
background-repeat: repeat-y;*/
} }
.contents .contents
{ {
float:right; float:right;
width:79%; width:82%;
padding:0px 0px 15px 0px; padding:0px 0px 0px 0px;
} }
.content .content
{ {
padding:0px 10px 5px 10px;
/*border: solid #000 0px; /*border: solid #000 1px;*/
float:right;
width:80%;*/
} }
@ -317,19 +335,21 @@ margin-right:auto;
.table_list { .table_list {
width:100%; width:100%;
border:solid #cccccc;
border-width:1px;
margin:0px;
} }
.title_list td { .title_list td {
border:solid #cccccc; margin:0px;
border-width:1px; padding:4px;
padding:8px; /*background-image:url('../images/background_title.png');
background-image:url('../images/background_title.png');
background-position:top; background-position:top;
background-repeat: repeat-x; background-repeat: repeat-x;*/
background: #ccc;
font-size:14px; font-size:14px;
font-weight:bold; font-weight:bold;
@ -337,8 +357,8 @@ margin-right:auto;
.row_list td { .row_list td {
border:solid #cccccc; /*border:solid #cccccc;
border-width:1px; border-width:1px;*/
padding:4px; padding:4px;
} }
@ -549,8 +569,16 @@ a:hover.no_choose_flag
top:16px; top:16px;
right:5px; right:5px;
width:100px;
font-weight:bold; font-weight:bold;
font-size:12px; font-size:12px;
text-decoration: none;
}
#logout a {
text-decoration: none;
} }
a.no_choose_flag_general a.no_choose_flag_general

21
paramecio/modules/admin/templates/admin/home.html
View file

@ -10,8 +10,9 @@ ${make_url('admin/'+module)}\
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>${title}</title> <title>${title}</title>
<!--<link href="{{'css/admin/admin.css'|make_media_url}}" rel="stylesheet" type="text/css"/> <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href="{{'css/font-awesome.min.css'|make_media_url}}" rel="stylesheet" type="text/css"/>--> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
${add_css_home_local('admin.css', 'admin')} ${add_css_home_local('admin.css', 'admin')}
${add_css_home_local('font-awesome.min.css', 'admin')} ${add_css_home_local('font-awesome.min.css', 'admin')}
${add_js_home_local('jquery.min.js', 'admin')} ${add_js_home_local('jquery.min.js', 'admin')}
@ -23,13 +24,13 @@ ${HeaderHTML.header_home()|n}
<div id="languages_general"> <div id="languages_general">
</div> </div>
<div id="logout"> <div id="logout">
<a href="${make_url('admin/logout')}">Logout</a> <a href="${make_url('admin/logout')}"><i class="fa fa-power-off" aria-hidden="true"></i> Logout</a>
</div> </div>
<div id="center_body"> <div id="center_body">
<div id="header"> <div id="header">
<span id="title_phango">Paramecio</span> <span id="title_framework">Framework!</span> <span id="title_phango">Paramecio</span> <span id="title_framework">Framework!</span>
<div id="languages_general"> <!--<div id="languages_general">
<%def name="select_lang(i18n, lang_selected)"> <%def name="select_lang(i18n, lang_selected)">
% if i18n==lang_selected: % if i18n==lang_selected:
choose_flag choose_flag
@ -43,15 +44,15 @@ ${HeaderHTML.header_home()|n}
% endfor % endfor
% endif % endif
</div> </div>-->
</div> </div>
<div class="content_admin"> <div class="content_admin">
<div id="menu"> <div id="menu">
<div class="menu_title">${lang('admin', 'applications', 'Applications')}</div> <div class="menu_title"><i class="fa fa-gear" aria-hidden="true"></i> ${lang('admin', 'applications', 'Applications')}</div>
% for module in menu: % for module in menu:
% if type(menu[module]).__name__=='list': % if type(menu[module]).__name__=='list':
% if menu[module][0]!="": % if menu[module][0]!="":
<a href="${check_menu(module).strip()|n}">${menu[module][0]}</a> <a href="${check_menu(module).strip()|n}"><i class="fa fa-circle-o" aria-hidden="true"></i> ${menu[module][0]}</a>
% endif % endif
% else: % else:
% if menu[module]!="": % if menu[module]!="":
@ -62,8 +63,10 @@ ${HeaderHTML.header_home()|n}
</div> </div>
<div class="contents"> <div class="contents">
<h1>${title}</h1> <h1>${title}</h1>
<%block name="content"> <div class="content">
</%block> <%block name="content">
</%block>
</div>
</div> </div>
</div> </div>
</div> </div>