hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 18:03:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modification general layout

Browse Source 
Change items size, color etc
This commit is contained in:
Olivier Mayer
2015-02-17 00:57:45 +09:00
parent 007d83fe57
commit 13a87a6181
3 changed files with 84 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/web/prod/WorkZone/Macros.html.twig
View File

@@ -15,7 +15,7 @@
{% if basket.getId() == selected_id and selected_type == 'basket' %}active{% endif %}"> {% if basket.getId() == selected_id and selected_type == 'basket' %}active{% endif %}">
<a class="workzone-menu-title" href="{{ path('prod_baskets_basket', { 'basket' : basket.getId() }) }}"> <a class="workzone-menu-title" href="{{ path('prod_baskets_basket', { 'basket' : basket.getId() }) }}">
<span> <span>
<img src='/skins/icons/basket.gif' title=''/> <!--img src='/skins/icons/basket.gif' title=''/-->
{{basket.getName()}} {{basket.getName()}}
</span> </span>
</a> </a>
@@ -85,7 +85,7 @@
{% if basket.getId() == selected_id and selected_type == 'basket' %}active{% endif %}"> {% if basket.getId() == selected_id and selected_type == 'basket' %}active{% endif %}">
<a class="workzone-menu-title" href="{{ path('prod_baskets_basket', { 'basket' : basket.getId() }) }}" style=""> <a class="workzone-menu-title" href="{{ path('prod_baskets_basket', { 'basket' : basket.getId() }) }}" style="">
<span> <span>
<img src='/skins/icons/basket.gif' title=''/> <!--img src='/skins/icons/basket.gif' title=''/-->
{{basket.getName()}} {{basket.getName()}}
</span> </span>
</a> </a>
@@ -194,7 +194,7 @@
{% if story.getId() == selected_id and selected_type == 'story' %}active{% endif %}"> {% if story.getId() == selected_id and selected_type == 'story' %}active{% endif %}">
<a class="workzone-menu-title" href="{{ path('prod_stories_story', { 'sbas_id' : story.getRecord(app).get_sbas_id, 'record_id' : story.getRecord(app).get_record_id() }) }}"> <a class="workzone-menu-title" href="{{ path('prod_stories_story', { 'sbas_id' : story.getRecord(app).get_sbas_id, 'record_id' : story.getRecord(app).get_record_id() }) }}">
<span> <span>
{{ story.getRecord(app).get_base_id()|get_collection_logo(app)|raw }} {# story.getRecord(app).get_base_id()|get_collection_logo(app)|raw #}
<i> {{ story.getRecord(app).get_title() }} </i> <i> {{ story.getRecord(app).get_title() }} </i>
</span> </span>
</a> </a>

8
templates/web/prod/index.html.twig
View File

@@ -295,7 +295,7 @@
<div class="PNB" id="rightFrame" style="left:auto; width:{{ w2 ~ '%' }}"> <div class="PNB" id="rightFrame" style="left:auto; width:{{ w2 ~ '%' }}">
<div id="headBlock" class="PNB" style="height: 90px; bottom: auto;"> <div id="headBlock" class="PNB" style="height: 90px; bottom: auto;">
<div style="margin: 15px auto; line-height: 30px; width: 580px;"> <div class="searchFormWrapper">
<form id="searchForm" method="POST" action="{{ path('prod_query') }}" name="phrasea_query" class="phrasea_query"> <form id="searchForm" method="POST" action="{{ path('prod_query') }}" name="phrasea_query" class="phrasea_query">
<div class="input-append"> <div class="input-append">
<input autocomplete="off" class="search query" id="EDIT_query" name="qry" type="text" name="qry" value="{{app['settings'].getUserSetting(app['authentication'].getUser(), 'start_page_query')}}"> <input autocomplete="off" class="search query" id="EDIT_query" name="qry" type="text" name="qry" value="{{app['settings'].getUserSetting(app['authentication'].getUser(), 'start_page_query')}}">
@@ -304,7 +304,7 @@
</a> </a>
<button type="submit" class="btn btn-inverse" style="font-size:14px">{{ 'boutton::rechercher' | trans }}</button> <button type="submit" class="btn btn-inverse" style="font-size:14px">{{ 'boutton::rechercher' | trans }}</button>
</div> </div>
<div class="control-group" style="margin:5px;"> <div class="control-group">
<div class="controls"> <div class="controls">
{% if GV_multiAndReport %} {% if GV_multiAndReport %}
<label for="mode_type_doc" class="radio inline"> <label for="mode_type_doc" class="radio inline">
@@ -487,8 +487,8 @@
</div>--> </div>-->
</div> </div>
<div id="idFrameT" class="PNB ui-corner-top" style="top:110px;"> <div id="idFrameT" class="PNB ui-corner-top">
<div class="tools PNB10 btn-toolbar" style="font-size:10px; z-index:100; height:28px;"> <div class="tools PNB10 btn-toolbar">
<span class="dropdownButton"> <span class="dropdownButton">
<div class="btn-group"> <div class="btn-group">

103
www/skins/prod/000000/prodcolor.css
View File

@@ -49,7 +49,7 @@ EM {
.ui-state-default, .ui-widget-content .ui-state-default, .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { .ui-widget-header .ui-state-default {
font-weight: bold; font-weight: normal;
} }
.ui-widget-overlay { .ui-widget-overlay {
@@ -97,6 +97,11 @@ body {
bottom: 0; bottom: 0;
} }
.PNB .ui-corner-top {
top: 73px;
}
.PNB10 { .PNB10 {
position: absolute; position: absolute;
top: 10px; top: 10px;
@@ -166,10 +171,12 @@ span.ww_winTitle {
padding: 3px 5px 0; padding: 3px 5px 0;
} }
#idFrameC {
top: 0 !important;
}
#idFrameC .wrapper { #idFrameC .wrapper {
background-color: #404040; background-color: #333333;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
right: 10px; right: 10px;
} }
@@ -217,9 +224,9 @@ span.ww_winTitle {
#idFrameC .ui-tabs .ui-tabs-nav li { #idFrameC .ui-tabs .ui-tabs-nav li {
width: auto; width: auto;
height: 45px; height: 81px;
display: inline-block; display: inline-block;
background-color: #404040; background-color: #333333;
z-index: 10; z-index: 10;
} }
@@ -320,7 +327,7 @@ span.ww_winTitle {
display: block; display: block;
border-width: 0; border-width: 0;
padding: 0px; padding: 0px;
background-color: #404040; background-color: #333333;
} }
.ui-tabs .ui-tabs-panel.tabBox { .ui-tabs .ui-tabs-panel.tabBox {
@@ -361,6 +368,8 @@ span.ww_winTitle {
.ui-accordion .ui-accordion-content { .ui-accordion .ui-accordion-content {
padding: 0; padding: 0;
min-height: 120px; min-height: 120px;
border: none !important;
border-radius: 0;
} }
.ui-accordion-icons .ui-accordion-header, .ui-accordion-icons .ui-accordion-header,
@@ -394,10 +403,14 @@ span.ww_winTitle {
.ui-accordion .ui-accordion-header { .ui-accordion .ui-accordion-header {
border: none; border: none;
background-image: url('../../icons/bask_back.png'); /*background-image: url('../../icons/bask_back.png');*/
background-repeat: repeat-x; background-repeat: repeat-x;
margin-bottom: 0; margin-bottom: 0;
height: 20px; height: 44px;
line-height: 44px;
background-color: #333333;
border-top: 1px solid #000;
border-radius: 0;
} }
.ui-accordion .ui-accordion-header.unread { .ui-accordion .ui-accordion-header.unread {
@@ -408,6 +421,7 @@ span.ww_winTitle {
padding-bottom: 0; padding-bottom: 0;
padding-right: 0; padding-right: 0;
padding-top: 0; padding-top: 0;
margin-top: 0;
} }
#keyboard-dialog h1 { #keyboard-dialog h1 {
@@ -490,6 +504,20 @@ span.ww_winTitle {
/******* FORMULAIRE DE RECHERCHE **********************************************/ /******* FORMULAIRE DE RECHERCHE **********************************************/
.searchFormWrapper {
margin: 25px 0 0 45px;
line-height: 30px;
}
#searchForm .input-append {
float: left;
}
#searchForm .control-group {
float: left;
margin-left: 30px;
}
#searchForm .input-append .btn { #searchForm .input-append .btn {
border:none; border:none;
} }
@@ -630,7 +658,7 @@ div.diapo {
/******* idFrameT CSS *********************************************************/ /******* idFrameT CSS *********************************************************/
#idFrameT { #idFrameT {
background-color: #404040; margin-left: -29px;
} }
.submenu .ui-buttonset{ .submenu .ui-buttonset{
@@ -646,12 +674,20 @@ div.diapo {
margin-bottom: 0px; margin-bottom: 0px;
margin-top: 0px; margin-top: 0px;
height: 30px; height: 30px;
background-color: #333333;
font-size:10px;
z-index:100;
height:45px;
} }
#idFrameT .tools .classicButton button.btn, #idFrameT .tools .classicButton button.btn,
#idFrameT .tools .dropdownButton { #idFrameT .tools .dropdownButton {
margin-left: 3px; margin: 0;
margin-right: 3px; }
#idFrameT .tools .btn-group {
float: left;
border-right: 1px solid #000;
} }
#idFrameT .tools .classicButton button.btn, #idFrameT .tools .classicButton button.btn,
@@ -659,7 +695,6 @@ div.diapo {
height: 30px; height: 30px;
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px; font-size: 12px;
font-weight: bold;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -667,6 +702,7 @@ div.diapo {
#idFrameT .tools .classicButton button.btn-inverse, #idFrameT .tools .classicButton button.btn-inverse,
#idFrameT .tools .dropdownButton button.btn-inverse { #idFrameT .tools .dropdownButton button.btn-inverse {
/*
*background-color: #404040; *background-color: #404040;
background-image: -ms-linear-gradient(top, #444444, #393939); background-image: -ms-linear-gradient(top, #444444, #393939);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939));
@@ -677,6 +713,22 @@ div.diapo {
*border: 1px solid #515151; *border: 1px solid #515151;
color: #AAAAAA; color: #AAAAAA;
padding-left: 5px; padding-left: 5px;
*/
background-image: none;
background-color: #333333;
border-radius: 0;
margin: 0;
height: 45px;
border: 0;
}
#idFrameT .tools .classicButton button.btn-inverse {
border-right: 0;
}
#idFrameT .tools .dropdownButton button.btn-inverse {
border-left: 0;
border-right: 0;
} }
#idFrameT .tools .classicButton button.btn-inverse:hover, #idFrameT .tools .classicButton button.btn-inverse:hover,
@@ -759,19 +811,15 @@ div.diapo {
#idFrameC #baskets .bloc { #idFrameC #baskets .bloc {
position: absolute; position: absolute;
top: 10px; top: 31px;
left: 0pt; left: 0pt;
right: 1px; right: 1px;
bottom: 0px; bottom: 0px;
overflow-y: scroll; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
background-color: #404040;
} }
#baskets .insidebloc { #baskets .insidebloc {
left: 10px;
position: absolute;
right: 10px;
top: 0; top: 0;
} }
@@ -803,7 +851,7 @@ div.diapo {
top: 0px; top: 0px;
left: 10px; left: 10px;
bottom: 0px; bottom: 0px;
right: 10px; right: 0;
} }
#idFrameC .ui-tabs .ui-tabs-nav,#idFrameE .ui-tabs .ui-tabs-nav { #idFrameC .ui-tabs .ui-tabs-nav,#idFrameE .ui-tabs .ui-tabs-nav {
@@ -919,12 +967,11 @@ div.diapo {
} }
.ui-accordion .ui-accordion-content { .ui-accordion .ui-accordion-content {
background-color: #1a1a1a; background-color: #212121;
margin-top: 0; margin-top: 0;
border: 1px solid #b1b1b1;
border-top: none; border-top: none;
margin-top: -1px; margin-top: -1px;
margin-bottom: 10px; margin-bottom: 0px;
} }
.ui-accordion .ui-accordion-content.grouping { .ui-accordion .ui-accordion-content.grouping {
@@ -986,7 +1033,10 @@ div.diapo {
} }
#baskets .SSTT.active.ui-corner-top { #baskets .SSTT.active.ui-corner-top {
border-bottom: none; border: none;
border-top: 1px solid #000;
top: 0;
background-color: #212121;
} }
.ui-accordion .ui-accordion-header.baskDrop { .ui-accordion .ui-accordion-header.baskDrop {
@@ -1552,7 +1602,8 @@ input.btn-mini {
padding: 35px 0; padding: 35px 0;
height: 0; height: 0;
position: absolute; position: absolute;
background-image: url('../../icons/vsplitter.png'); /*background-image: url('../../icons/vsplitter.png');*/
background-color: #212121;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
right: 0; right: 0;
@@ -2664,7 +2715,7 @@ DIV.thesaurus U.w {
/******* MAINMENU ************************************************************/ /******* MAINMENU ************************************************************/
#mainMenu, .publi_group { #mainMenu, .publi_group {
background-color: #404040; background-color: #333333;
} }
.context-menu-item a { .context-menu-item a {