Changeset 28702
- Timestamp:
- Jun 14, 2014, 2:18:40 PM (10 years ago)
- Location:
- trunk/admin/themes
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/admin/themes/clear/theme.css
r26019 r28702 161 161 162 162 .sort { clear: none; } 163 163 164 /* menubar is on all admin pages => No specific css file */ 164 165 #menubar { … … 167 168 } 168 169 169 #menubar ul.scroll { overflow-y:auto; max-height:500px; 170 /* Only IE family supports colored scrollbar */ 171 scrollbar-face-color: #ddd; scrollbar-shadow-color: #bbb; scrollbar-highlight-color: #fff; 172 scrollbar-3dlight-color: #d6d6d6; scrollbar-darkshadow-color: #ccc; scrollbar-track-color: #eee; 173 scrollbar-arrow-color: #0cccc; } 174 #menubar dd { margin: 0; padding: 0;} 175 #menubar dl { width: 200px; border:0; margin: 0; padding: 0; display: block; min-height:35px; border:1px solid #ddd; background-color:#f1f1f1; border-left:none; border-right:1px solid #ddd;} 176 #menubar dl.first {border-top:none;border-radius:0 6px 0 0;} 177 #menubar dl.first dt {border-radius:0 6px 0 0;} 178 #menubar dl.last {border-bottom:1px solid #ddd; border-radius:0 0 6px 0;} 170 #menubar ul.scroll { overflow-y:auto; max-height:500px; } 171 #menubar dl { width: 200px; min-height:35px; border:0; margin: 0; padding: 0; display: block; border:1px solid #ddd; background-color:#f1f1f1; border-left:none; } 172 #menubar dd { margin: 0; padding: 0; } 179 173 #menubar dt { 180 174 background-color: #ddd; margin: 0; display: block; font-weight:bold; … … 182 176 cursor:pointer; 183 177 } 178 #menubar dl:first-of-type, #menubar dl:first-of-type dt { border-radius:0 6px 0 0; } 179 #menubar dl:last-of-type { border-radius:0 0 6px 0; } 184 180 #menubar li { margin: 0; padding-left:10px; } 185 181 #menubar li A { display:block; } -
trunk/admin/themes/default/template/admin.tpl
r25749 r28702 1 {combine_script id='jquery.ui.accordion' load='header'}{*we load in the header because the accordion is on every admin page and usually all admin pages use the same header combined script but not the same footer script*} 2 {footer_script require='jquery.ui.accordion'} 3 jQuery(document).ready(function(){ldelim} 4 jQuery('#menubar').accordion({ldelim} 5 header: "dt.rdion", 6 event: "click", 7 heightStyle: "content", 8 active: {$ACTIVE_MENU} 9 }); 1 {footer_script} 2 jQuery.fn.lightAccordion = function(options) { 3 var settings = $.extend({ 4 header: 'dt', 5 content: 'dd', 6 active: 0 7 }, options); 8 9 return this.each(function() { 10 var self = jQuery(this); 11 12 var contents = self.find(settings.content), 13 headers = self.find(settings.header); 14 15 contents.not(contents[settings.active]).hide(); 16 17 self.on('click', settings.header, function() { 18 var content = jQuery(this).next(settings.content); 19 content.slideDown(); 20 contents.not(content).slideUp(); 21 }); 22 }); 23 }; 24 25 $('#menubar').lightAccordion({ 26 active: {$ACTIVE_MENU} 10 27 }); 11 28 {/footer_script} … … 13 30 <div id="menubar"> 14 31 <div id="adminHome"><a href="{$U_ADMIN}">{'Administration Home'|@translate}</a></div> 15 <dl class="first"> 16 <dt class="rdion"><span class="icon-picture"> </span><span>{'Photos'|@translate} </span></dt> 32 33 <dl> 34 <dt><i class="icon-picture"> </i><span>{'Photos'|@translate} </span></dt> 17 35 <dd> 18 36 <ul> 19 <li><a class="icon-plus-circled" href="{$U_ADD_PHOTOS}">{'Add'|@translate}</a></li>20 <li><a class="icon-star" href="{$U_RATING}">{'Rating'|@translate}</a></li>21 <li><a class="icon-tags" href="{$U_TAGS}">{'Tags'|@translate}</a></li>22 <li><a class="icon-clock" href="{$U_RECENT_SET}">{'Recent photos'|@translate}</a></li>23 <li><a class="icon-pencil" href="{$U_BATCH}">{'Batch Manager'|@translate}</a></li>37 <li><a href="{$U_ADD_PHOTOS}"><i class="icon-plus-circled"></i>{'Add'|@translate}</a></li> 38 <li><a href="{$U_RATING}"><i class="icon-star"></i>{'Rating'|@translate}</a></li> 39 <li><a href="{$U_TAGS}"><i class="icon-tags"></i>{'Tags'|@translate}</a></li> 40 <li><a href="{$U_RECENT_SET}"><i class="icon-clock"></i>{'Recent photos'|@translate}</a></li> 41 <li><a href="{$U_BATCH}"><i class="icon-pencil"></i>{'Batch Manager'|@translate}</a></li> 24 42 {if $NB_PHOTOS_IN_CADDIE > 0} 25 <li><a class="icon-flag" href="{$U_CADDIE}">{'Caddie'|@translate}<span class="adminMenubarCounter">{$NB_PHOTOS_IN_CADDIE}</span></a></li>43 <li><a href="{$U_CADDIE}"><i class="icon-flag"></i>{'Caddie'|@translate}<span class="adminMenubarCounter">{$NB_PHOTOS_IN_CADDIE}</span></a></li> 26 44 {/if} 27 45 </ul> 28 46 </dd> 29 30 31 <dt class="rdion"><span class="icon-sitemap"> </span><span>{'Albums'|@translate} </span></dt>47 </dl> 48 <dl> 49 <dt><i class="icon-sitemap"> </i><span>{'Albums'|@translate} </span></dt> 32 50 <dd> 33 51 <ul> 34 <li><a class="icon-folder-open" href="{$U_CATEGORIES}">{'Manage'|@translate}</a></li>35 <li><a class="icon-pencil" href="{$U_CAT_OPTIONS}">{'Properties'|@translate}</a></li>52 <li><a href="{$U_CATEGORIES}"><i class="icon-folder-open"></i>{'Manage'|@translate}</a></li> 53 <li><a href="{$U_CAT_OPTIONS}"><i class="icon-pencil"></i>{'Properties'|@translate}</a></li> 36 54 </ul> 37 55 </dd> 38 39 40 <dt class="rdion"><span class="icon-users"> </span><span>{'Users'|@translate} </span></dt>56 </dl> 57 <dl> 58 <dt><i class="icon-users"> </i><span>{'Users'|@translate} </span></dt> 41 59 <dd> 42 60 <ul> 43 <li><a class="icon-user-add" href="{$U_USERS}">{'Manage'|@translate}</a></li>44 <li><a class="icon-group" href="{$U_GROUPS}">{'Groups'|@translate}</a></li>45 <li><a class="icon-mail-1" href="{$U_NOTIFICATION_BY_MAIL}">{'Notification'|@translate}</a></li>61 <li><a href="{$U_USERS}"><i class="icon-user-add"></i>{'Manage'|@translate}</a></li> 62 <li><a href="{$U_GROUPS}"><i class="icon-group"></i>{'Groups'|@translate}</a></li> 63 <li><a href="{$U_NOTIFICATION_BY_MAIL}"><i class="icon-mail-1"></i>{'Notification'|@translate}</a></li> 46 64 </ul> 47 65 </dd> 48 49 50 <dt class="rdion"><span class="icon-puzzle"> </span><span>{'Plugins'|@translate} </span></dt>66 </dl> 67 <dl> 68 <dt><i class="icon-puzzle"> </i><span>{'Plugins'|@translate} </span></dt> 51 69 <dd> 52 70 <ul> 53 <li><a class="icon-equalizer" href="{$U_PLUGINS}">{'Manage'|@translate}</a></li>71 <li><a href="{$U_PLUGINS}"><i class="icon-equalizer"></i>{'Manage'|@translate}</a></li> 54 72 </ul> 55 73 <div id="pluginsMenuSeparator"></div> … … 62 80 {/if} 63 81 </dd> 64 65 66 <dt class="rdion"><span class="icon-wrench"> </span><span>{'Tools'|@translate} </span></dt>82 </dl> 83 <dl> 84 <dt><i class="icon-wrench"> </i><span>{'Tools'|@translate} </span></dt> 67 85 <dd> 68 86 <ul> 69 87 {if $ENABLE_SYNCHRONIZATION} 70 <li><a class="icon-exchange" href="{$U_CAT_UPDATE}">{'Synchronize'|@translate}</a></li>71 <li><a class="icon-flow-branch" href="{$U_SITE_MANAGER}">{'Site manager'|@translate}</a></li>88 <li><a href="{$U_CAT_UPDATE}"><i class="icon-exchange"></i>{'Synchronize'|@translate}</a></li> 89 <li><a href="{$U_SITE_MANAGER}"><i class="icon-flow-branch"></i>{'Site manager'|@translate}</a></li> 72 90 {/if} 73 <li><a class="icon-signal" href="{$U_HISTORY_STAT}">{'History'|@translate}</a></li>74 <li><a class="icon-tools" href="{$U_MAINTENANCE}">{'Maintenance'|@translate}</a></li>91 <li><a href="{$U_HISTORY_STAT}"><i class="icon-signal"></i>{'History'|@translate}</a></li> 92 <li><a href="{$U_MAINTENANCE}"><i class="icon-tools"></i>{'Maintenance'|@translate}</a></li> 75 93 {if isset($U_COMMENTS)} 76 <li><a class="icon-chat" href="{$U_COMMENTS}">{'Comments'|@translate}{if $NB_PENDING_COMMENTS > 0}<span class="adminMenubarCounter" title="{'%d waiting for validation'|translate:$NB_PENDING_COMMENTS}">{$NB_PENDING_COMMENTS}</span>{/if}</a></li> 94 <li><a href="{$U_COMMENTS}"><i class="icon-chat"></i>{'Comments'|@translate} 95 {if $NB_PENDING_COMMENTS > 0} 96 <span class="adminMenubarCounter" title="{'%d waiting for validation'|translate:$NB_PENDING_COMMENTS}">{$NB_PENDING_COMMENTS}</span> 97 {/if}</a></li> 77 98 {/if} 78 <li><a class="icon-arrows-cw" href="{$U_UPDATES}">{'Updates'|@translate}</a></li>99 <li><a href="{$U_UPDATES}"><i class="icon-arrows-cw"></i>{'Updates'|@translate}</a></li> 79 100 </ul> 80 101 </dd> 81 82 <dl class="last">83 <dt class="rdion"><span class="icon-cog"> </span><span>{'Configuration'|@translate} </span></dt>102 </dl> 103 <dl> 104 <dt><i class="icon-cog"> </i><span>{'Configuration'|@translate} </span></dt> 84 105 <dd> 85 106 <ul> 86 <li><a class="icon-cog-alt" href="{$U_CONFIG_GENERAL}">{'Options'|@translate}</a></li>87 <li><a class="icon-menu" href="{$U_CONFIG_MENUBAR}">{'Menu Management'|@translate}</a></li>88 <li><a class="icon-code" href="{$U_CONFIG_EXTENTS}">{'Templates'|@translate}</a></li>89 <li><a class="icon-language" href="{$U_CONFIG_LANGUAGES}">{'Languages'|@translate}</a></li>90 <li><a class="icon-brush" href="{$U_CONFIG_THEMES}">{'Themes'|@translate}</a></li>107 <li><a href="{$U_CONFIG_GENERAL}"><i class="icon-cog-alt"></i>{'Options'|@translate}</a></li> 108 <li><a href="{$U_CONFIG_MENUBAR}"><i class="icon-menu"></i>{'Menu Management'|@translate}</a></li> 109 <li><a href="{$U_CONFIG_EXTENTS}"><i class="icon-code"></i>{'Templates'|@translate}</a></li> 110 <li><a href="{$U_CONFIG_LANGUAGES}"><i class="icon-language"></i>{'Languages'|@translate}</a></li> 111 <li><a href="{$U_CONFIG_THEMES}"><i class="icon-brush"></i>{'Themes'|@translate}</a></li> 91 112 </ul> 92 113 </dd> -
trunk/admin/themes/roma/theme.css
r26019 r28702 137 137 .tabsheet a:hover, .tabsheet li.selected_tab a { color: #F36; } 138 138 .tabsheet a span { background-color:#222; font-size:10px; margin-right:2px; padding:0 3px 0 1px; } 139 139 140 /* menubar is on all admin pages => No specific css file */ 140 141 #menubar { … … 145 146 146 147 #menubar dd { 147 background: transparenturl(images/menubar-detail.png) repeat-y top left;148 background: #111 url(images/menubar-detail.png) repeat-y top left; 148 149 margin: 0; padding: 0 0 10px 0; } 149 150 #menubar dl { 150 151 background:transparent url(images/menuBoxTop_new.png) no-repeat scroll left top; 151 152 width: 207px; border:0; margin: 0; padding: 0; display: block; min-height:35px; } 152 #menubar dl .first{153 #menubar dl:first-of-type{ 153 154 background:transparent url(images/menubar-top.png) no-repeat scroll left 1px; } 154 #menubar dl .last{ padding: 0 0 24px 0;}155 #menubar dl:last-of-type { padding: 0 0 24px 0;} 155 156 #menubar dt { 156 157 margin: 0; display: block; background: none; left:10px; font-weight:bold; … … 158 159 cursor:pointer; 159 160 } 160 #menubar dt span{ background-color: #111; }161 #menubar dt * { background-color: #111; } 161 162 #menubar li { margin: 0 0 0 12px; } 162 163 #menubar li.external { list-style-image:url(images/external_inactive.png); padding:10px 0px 0pt 10px; }
Note: See TracChangeset
for help on using the changeset viewer.