HomeHelpTrac

Changeset 15942 for trunk/templates


Ignore:
Timestamp:
02/02/12 22:47:26 (4 months ago)
Author:
Alexander Trofimov
Message:

Frontend

Location:
trunk/templates/base
Files:
7 added
16 edited

Legend:

Unmodified
Added
Removed
  • trunk/templates/base/_header.html

    r15897 r15942  
    2828<body class="bx-def-font bx-def-color-bg-page" <bx_injection:injection_body /> > 
    2929    <bx_injection:injection_header /> 
    30     <div id="notification_window" class="notifi_window"></div> 
    31     <div id="FloatDesc" style="position:absolute;display:none;z-index:100;"></div> 
     30    __popup_loading__ 
  • trunk/templates/base/_sub_footer.html

    r15211 r15942  
    1414 
    1515 
    16     <div id="bx-footer" class="bx-def-margin-top bx-def-margin-bottom bx-def-padding-sec bx-def-border bx-def-color-bg-block"> 
     16    <div id="bx-footer" class="bx-def-margin-top bx-def-margin-bottom bx-def-padding-sec bx-def-border bx-def-color-bg-block bx-def-round-corners"> 
    1717 
    1818        <bx_injection:injection_footer_before /> 
    1919 
    2020        <div id="bx-menu-bottom"> 
    21             __bottom_links__ 
     21            <bx_menu:sys_footer /> 
    2222        </div> 
    2323 
  • trunk/templates/base/_sub_header.html

    r15922 r15942  
    11<bx_include_auto:_header.html /> 
    22 
    3     <bx_injection:banner_left /> 
    4     <bx_injection:banner_right /> 
     3<bx_injection:top /> 
    54 
    6 <div class="bx-def-page-margin" style="width:__main_div_width__;"> 
     5<div id="bx-toolbar"> 
    76 
    8     __extra_top_menu__ 
     7    <div id="bx-toolbar-content" style="width:__main_div_width__;"> 
    98 
    10     <div id="bx-logo-container" class="bx-def-margin-top"> 
     9        <div id="bx-menu-toolbar-1-container" class="bx-def-padding-sec-top"> 
     10            <bx_menu:sys_toolbar_site /> 
     11        </div> 
    1112 
    12         <bx_injection:injection_logo_before /> 
    13             __main_logo__ 
    14         <bx_injection:injection_logo_after /> 
    1513 
    16         <bx_injection:banner_top /> 
     14        <div id="bx-logo-container" class="bx-def-font-h1"> 
     15 
     16            <bx_injection:injection_logo_before /> 
     17                __main_logo__ 
     18            <bx_injection:injection_logo_after /> 
     19 
     20        </div> 
     21 
     22        <div id="bx-menu-toolbar-2-container" class="bx-def-padding-sec-top">             
     23            <bx_menu:sys_toolbar_member /> 
     24        </div> 
     25 
     26        <div class="bx-clear"></div> 
    1727 
    1828    </div> 
    1929 
    20     <bx_injection:injection_between_logo_top_menu /> 
     30</div> 
    2131 
    22     <div id="bx-menu-main-container" class="bx-def-margin-top bx-def-border bx-def-padding bx-def-color-bg-block"> 
     32<bx_injection:injection_between_logo_top_menu /> 
     33 
     34<div id="bx-menu-main-bar-wrapper"> 
     35    <div id="bx-menu-main-bar"> 
    2336        <bx_injection:injection_top_menu_before /> 
    24         __top_menu__ 
     37        <div id="bx-menu-main-container" style="width:__main_div_width__;">             
     38            <bx_menu:sys_site /> 
     39        </div> 
    2540        <bx_injection:injection_top_menu_after /> 
    2641    </div> 
     42</div> 
    2743 
    28     <bx_injection:injection_between_top_menu_breadcrumb /> 
     44<bx_injection:injection_between_top_menu_breadcrumb /> 
     45 
     46<div id="bx-content-container" style="width:__main_div_width__;"> 
    2947 
    3048    <div class="sys_breadcrumb"> 
     
    3654    <bx_injection:injection_between_breadcrumb_content /> 
    3755 
    38     <div id="bx-menu-sub-container" class="bx-def-margin-top"> 
    39         __top_submenu__ 
    40     </div> 
    41  
    4256    <bx_injection:injection_content_before /> 
    4357 
    4458    <div class="main bx-def-margin-top"> 
    4559 
    46   <!--[if lt IE 7]> 
    47   <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; margin-bottom: 10px;'> 
    48     <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> 
    49     <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> 
    50       <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div> 
    51       <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> 
    52         <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'><bx_text:_sys_outdated_browser /></div> 
    53         <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'><bx_text:_sys_outdated_browser_explain /></div> 
    54       </div> 
    55       <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div> 
    56       <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div> 
    57       <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div> 
    58       <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div> 
    59     </div> 
    60   </div> 
    61   <![endif]--> 
    62  
  • trunk/templates/base/css/common.css

    r15922 r15942  
    1  
    2 /* --------------- general styles */ 
    31 
    42a { 
     
    2826} 
    2927 
    30 /* --------------- logo */ 
    31  
    32 #bx-logo-container { 
    33  
    34 } 
    35  
    36 /* --------------- footer */ 
    37  
    38 #bx-footer-copyright { 
    39     float:right; 
    40 } 
    41  
    4228/* --------------- design boxes */ 
    4329 
     
    7864.bx-popup {     
    7965    overflow:hidden; 
    80  
    81     border-radius:3px; 
    82     -moz-border-radius:3px; 
    83     -webkit-border-radius:3px;   
    8466 
    8567    -moz-box-shadow:0px 0px 10px 0px rgba(128, 128, 128, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); 
     
    138120.bx-loading-ajax { 
    139121    position:absolute; 
    140     width:128px; 
    141     height:15px; 
     122    width:43px; 
     123    height:11px; 
    142124    z-index:10; 
    143125    margin-left:auto; 
     
    145127    padding:10px 10px; 
    146128 
    147     background-color:rgb(96, 96, 96); 
    148     background-color:rgba(96, 96, 96, 0.5); 
     129    background-color:rgb(128, 169, 213); 
     130    background-color:rgba(128, 169, 213, 0.5); 
    149131 
    150132    border-radius:5px; 
     
    156138} 
    157139.bx-loading-ajax-rotating { 
    158     width:128px; 
    159     height:15px; 
     140    width:43px; 
     141    height:11px; 
    160142    z-index:11; 
    161143 
  • trunk/templates/base/css/default.css

    r15750 r15942  
    1  
    2 /* page */ 
    3 .bx-def-page-margin { 
    4     margin:0 auto 0 auto; 
    5 } 
    61 
    72/* popup */ 
     
    9994.bx-def-color-bg-page { 
    10095    background-color:#f2f2f2; 
     96    background-image:url(../images/bg-page.jpg); 
    10197} 
    10298 
     
    133129 
    134130.bx-def-border { 
    135     border:1px solid #dddddd; 
     131    border:1px solid #d0d0d0; 
    136132} 
    137133.bx-def-border-rightbottomleft { 
    138     border:1px solid #dddddd; 
     134    border:1px solid #d0d0d0; 
    139135    padding-top:none; 
    140136} 
    141137.bx-def-border-top { 
    142     border-top:1px solid #dddddd; 
     138    border-top:1px solid #d0d0d0; 
    143139} 
    144140.bx-def-border-right { 
    145     border-right:1px solid #dddddd; 
     141    border-right:1px solid #d0d0d0; 
    146142} 
    147143.bx-def-border-bottom { 
    148     border-bottom:1px solid #dddddd; 
     144    border-bottom:1px solid #d0d0d0; 
    149145} 
    150146.bx-def-border-left { 
    151     border-left:1px solid #dddddd; 
     147    border-left:1px solid #d0d0d0; 
     148} 
     149 
     150/* round corders */ 
     151 
     152.bx-def-round-corners { 
     153    border-radius:3px; 
     154    -moz-border-radius:3px; 
     155    -webkit-border-radius:3px;   
    152156} 
    153157 
  • trunk/templates/base/css/menu.css

    r15922 r15942  
    1  
    2 /* --------------- menu main */ 
    3  
    4 #bx-menu-main-container { 
    5     width:100%; 
    6 } 
    71 
    82/* --------------- menu footer */ 
     
    6458 
    6559 
    66  
     60/* --------------- main menu */ 
     61 
     62ul.bx-menu-main { 
     63    display: table; 
     64    padding:0; 
     65    margin:0 auto; 
     66    list-style:none; 
     67} 
     68 
     69.bx-menu-main li { 
     70    float:left; 
     71    margin:0; 
     72    background-color:#f6f6f6; 
     73    border-right:1px solid #d0d0d0; 
     74 
     75    -webkit-box-shadow: inset 0px -1px 0px rgba(128, 128, 128, 0.1); 
     76    -moz-box-shadow: inset 0px -1px 0px rgba(128, 128, 128, 0.1); 
     77    box-shadow: inset 0px -1px 0px rgba(128, 128, 128, 0.1); 
     78 
     79    -webkit-transition: background 0.2s ease-in-out; 
     80    -moz-transition: background 0.2s ease-in-out; 
     81    -o-transition: background 0.2s ease-in-out; 
     82} 
     83 
     84.bx-menu-main li:first-child { 
     85    border-left:1px solid #d0d0d0; 
     86} 
     87 
     88.bx-menu-main li a { 
     89    display:block; 
     90    text-decoration:none; 
     91} 
     92 
     93.bx-menu-main li.bx-menu-tab-active a { 
     94    color:#000; 
     95} 
     96 
     97.bx-menu-main li:hover { 
     98    background-color:rgba(255, 255, 255, 0.9); 
     99} 
     100 
     101.bx-menu-main li:active, 
     102.bx-menu-main li.bx-menu-tab-active { 
     103    -webkit-box-shadow: inset 0px 0px 8px rgba(128, 128, 128, 0.35); 
     104    -moz-box-shadow: inset 0px 0px 8px rgba(128, 128, 128, 0.35); 
     105    box-shadow: inset 0px 0px 8px rgba(128, 128, 128, 0.35); 
     106 
     107    -webkit-transition-duration: 0.0s; 
     108    -moz-transition-duration: 0.0s; 
     109    -o-transition-duration: 0.0s; 
     110} 
     111 
     112 
     113 
     114/* --------------- toolbar menu */ 
     115 
     116#bx-menu-toolbar-1-container .bx-menu-toolbar { 
     117    float:left; 
     118} 
     119 
     120#bx-menu-toolbar-2-container .bx-menu-toolbar { 
     121    float:right; 
     122} 
     123 
     124.bx-menu-toolbar { 
     125    list-style:none; 
     126    margin:0 0 0 0; 
     127    padding:0;             
     128} 
     129ul.bx-menu-toolbar li { 
     130 
     131    float:left;          
     132    margin: 0px;             
     133 
     134    min-width: 48px; 
     135    height: 48px;             
     136 
     137    border: 1px solid #000000; 
     138    border: 1px solid rgba(0, 0, 0, 0.3); 
     139    border-width: 1px 0px 1px 1px;             
     140 
     141    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3); 
     142    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3); 
     143    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);   
     144 
     145    -webkit-transition: background 0.2s ease-in-out; 
     146}         
     147ul.bx-menu-toolbar li:first-child { 
     148    border-radius: 6px 0px 0px 6px; 
     149    -moz-border-radius: 6px 0px 0px 6px; 
     150} 
     151ul.bx-menu-toolbar li:last-child { 
     152    border-radius: 0px 6px 6px 0px; 
     153    -moz-border-radius: 0px 6px 6px 0px; 
     154    border-width: 1px; 
     155} 
     156 
     157ul.bx-menu-toolbar li:last-child:first-child { 
     158    border-radius: 6px; 
     159    -moz-border-radius: 6px; 
     160} 
     161 
     162ul.bx-menu-toolbar li a { 
     163    position:relative; 
     164    display:block; 
     165    padding:0 10px; 
     166    height:100%; 
     167    min-width:28px; 
     168    line-height: 48px; 
     169 
     170    font-size: 16px; 
     171    font-weight: bold; 
     172    text-align: center; 
     173    color: #fff; 
     174    text-decoration:none; 
     175    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px; 
     176} 
     177ul.bx-menu-toolbar li img { 
     178    width:28px; 
     179    height:48px; 
     180    background-position:center center; 
     181    background-repeat:no-repeat; 
     182} 
     183 
     184ul.bx-menu-toolbar li:hover { 
     185    background-color: rgba(75, 127, 181, 0.5); 
     186} 
     187 
     188ul.bx-menu-toolbar li:active, 
     189ul.bx-menu-toolbar li.bx-menu-tab-active { 
     190    background-color: rgb(37, 64, 90); 
     191    background-color: rgba(37, 64, 90, 0.3); 
     192 
     193    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.3); 
     194    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.3); 
     195    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.3); 
     196 
     197    -webkit-transition-duration: 0.0s; 
     198} 
     199ul.bx-menu-toolbar li:active a, 
     200ul.bx-menu-toolbar li.bx-menu-tab-active a { 
     201    top:1px; 
     202} 
     203 
     204 
  • trunk/templates/base/designbox_1.html

    r15545 r15942  
    1 <div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom"> 
     1<div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom bx-def-round-corners"> 
    22    <div class="bx-db-header"><div class="bx-db-title bx-def-padding-left bx-def-padding-top bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div> 
    33    <div class="bx-db-content">__designbox_content__</div> 
  • trunk/templates/base/designbox_11.html

    r15774 r15942  
    1 <div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom" style="background-image:url(/d8/studio/templates/base/images/bx-std-bg-page.jpg);"> 
     1<div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom bx-def-round-corners"> 
    22    <div class="bx-db-header"><div class="bx-db-title bx-def-padding-left bx-def-padding-top bx-def-font-h2">__title__</div>__caption_item__<div class="bx-clear"></div></div> 
    33    <div class="bx-db-content bx-def-padding">__designbox_content__</div> 
  • trunk/templates/base/designbox_13.html

    r15211 r15942  
    1 <div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom"> 
     1<div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom bx-def-round-corners"> 
    22    <div class="bx-db-content bx-def-padding"> 
    33            __designbox_content__ 
  • trunk/templates/base/designbox_3.html

    r15211 r15942  
    1 <div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom"> 
     1<div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom bx-def-round-corners"> 
    22    <div class="bx-db-content"> 
    33            __designbox_content__ 
  • trunk/templates/base/menu_main.html

    r15749 r15942  
    1 <ul id="bx-menu-main" class="bx-menu-hor"> 
     1<ul id="bx-menu-main" class="bx-menu-main bx-def-font-h3"> 
    22    <bx_repeat:menu_items> 
    3         <li class="__class_add__"><a href="__link__" target="__target__" onclick="__onclick__">__title__</a></li> 
     3        <li class="__class_add__"><a class="bx-def-padding-right bx-def-padding-left" href="__link__" target="__target__" onclick="__onclick__">__title__</a></li> 
    44    </bx_repeat:menu_items> 
    55    <div class="bx-clear"></div> 
    66</ul> 
     7<script> 
     8    $(document).ready(function () { 
     9        $('#bx-menu-main li').click(function () { 
     10            $('#bx-menu-main li').removeClass('bx-menu-tab-active'); 
     11            $(this).addClass('bx-menu-tab-active'); 
     12        }); 
     13    }); 
     14</script> 
  • trunk/templates/base/popup_box.html

    r15922 r15942  
    99        <i class="i6 bx-def-color-bg-block">&#160;</i> 
    1010    </div> 
    11     <div class="bx-popup bx-popup-box bx-db-container bx-def-popup-width bx-def-color-bg-block"> 
     11    <div class="bx-popup bx-popup-box bx-db-container bx-def-popup-width bx-def-color-bg-block bx-def-round-corners"> 
    1212        <div class="bx-db-header"> 
    1313            <div class="bx-db-title bx-def-padding-left"><h2>__title__</h2></div> 
  • trunk/templates/base/popup_trans.html

    r15752 r15942  
    99        <i class="i6 bx-def-color-bg-block">&#160;</i> 
    1010    </div> 
    11     <div class="bx-popup bx-popup-trans"> 
     11    <div class="bx-popup bx-popup-trans bx-def-round-corners"> 
    1212        __content__ 
    1313    </div> 
  • trunk/templates/base/scripts/BxBaseFunctions.php

    r15934 r15942  
    606606        return $sCode; 
    607607    } 
     608 
     609    /** 
     610     * Get logo HTML. 
     611     * @return string 
     612     */ 
     613    function getMainLogo() { 
     614        bx_import('BxDolConfig'); 
     615 
     616        $sAlt = getParam('sys_site_logo_alt') ? getParam('sys_site_logo_alt') : getParam('site_title'); 
     617 
     618        $iFileId = (int)getParam('sys_site_logo'); 
     619        if (!$iFileId) 
     620            return $sAlt; 
     621 
     622        bx_import('BxDolStorage'); 
     623        $oStorage = BxDolStorage::getObjectInstance(BX_DOL_STORAGE_OBJ_IMAGES); 
     624        $sFileUrl = $oStorage->getFileUrlById($iFileId); 
     625        if (!$sFileUrl) 
     626            return $sAlt; 
     627 
     628        return '<a href="' . BX_DOL_URL_ROOT . '" title="' . bx_html_attribute($sAlt, BX_ESCAPE_STR_QUOTE) . '"><img src="' . $sFileUrl . '" id="bx-logo" class="bx-def-margin-sec" alt="' . bx_html_attribute($sAlt, BX_ESCAPE_STR_QUOTE) . '" /></a>'; 
     629    } 
    608630} 
  • trunk/templates/base/scripts/BxBaseMenu.php

    r15907 r15942  
    3232     * @return string 
    3333     */ 
    34     public function getCode () {         
     34    public function getCode () { 
    3535 
    3636        $aVars = array ( 
     
    4242                 
    4343        return $this->_oTemplate->parseHtmlByName($this->_aObject['template'], $aVars); 
     44    } 
     45 
     46    /**  
     47     * Get menu code for displaying menu in popup. 
     48     * @return string 
     49     */ 
     50    public function getCodeForPopup () { 
     51        bx_import('BxTemplFunctions'); 
     52        return BxTemplFunctions::getInstance()->transBox('<div class="bx-def-padding bx-def-color-bg-block">' . $this->getCode () . '</div>'); 
    4453    } 
    4554 
     
    6675            $a['class_add'] = $this->_isSelected($a) ? 'bx-menu-tab-active' : ''; 
    6776            $a['link'] = isset($a['link']) ? $this->_oPermalinks->permalink($a['link']) : 'javascript:void(0);'; 
    68             $a['title'] = _t($a['title']);             
     77            $a['title'] = _t($a['title']); 
     78            $a['bx_if:icon'] = array ( 
     79                'condition' => !empty($a['icon']), 
     80                'content' => array('icon_url' => !empty($a['icon']) ? $this->_oTemplate->getIconUrl($a['icon']) : ''), 
     81            ); 
    6982 
    7083            $aRet[] = $a; 
Note: See TracChangeset for help on using the changeset viewer.