diff --git a/templates/skin/default/actions/ActionIndex/index.tpl b/templates/skin/default/actions/ActionIndex/index.tpl index 1a9a9ba0..2bffb3e9 100644 --- a/templates/skin/default/actions/ActionIndex/index.tpl +++ b/templates/skin/default/actions/ActionIndex/index.tpl @@ -1,5 +1,6 @@ {include file='header.tpl'} -index page +index page
+test modal window {include file='footer.tpl'} \ No newline at end of file diff --git a/templates/skin/default/css/main.css b/templates/skin/default/css/main.css index 7a4a7dce..dd8ddce7 100644 --- a/templates/skin/default/css/main.css +++ b/templates/skin/default/css/main.css @@ -15,6 +15,12 @@ h3 { font-size: 18px; line-height: 26px; margin-bottom: 10px; } p { margin-bottom: 10px; } +a { color: #00e; } +a:hover { color: #f00; } + +a.link-dotted { text-decoration: none; border-bottom: 1px dotted #00e; } +a.link-dotted:hover { color: #f00; border-color: #f00; text-decoration: none; } + /* Grid ---------------------------------------------------- */ @@ -26,6 +32,8 @@ p { margin-bottom: 10px; } #sidebar { float: left; width: 300px; } #footer { padding: 10px; background: #f7f7f7; } +#content.content-full-width { width: 880px; } + /* Footer ---------------------------------------------------- */ diff --git a/templates/skin/default/css/modals.css b/templates/skin/default/css/modals.css new file mode 100644 index 00000000..6ca6daf1 --- /dev/null +++ b/templates/skin/default/css/modals.css @@ -0,0 +1,39 @@ +/* -------------------------------------------- + MODAL WINDOWS +-------------------------------------------- */ + +.modal { + display: none; + + position: fixed; + top: 25%; + left: 50%; + + width: 300px; + margin-left: -150px; + + border: 1px solid #888; + background-color: #fff; + overflow: hidden; +} + +.modal .close { + position: absolute; + top: 14px; right: 14px; + font-size: 14px; + font-weight: bold; + color: #777; + text-decoration: none; +} +.modal .close:hover { color: #333; } + +.modal .modal-header { background: #fafafa; border-bottom: 1px solid #f7f7f7; padding: 10px 20px; } +.modal .modal-header h3 { font-size: 20px; font-weight: bold; margin: 0 20px 0 0; overflow: hidden; } + +.modal .modal-content { padding: 20px; } + +.jqmOverlay { background-color: #000; } +* html .modal { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } + + + diff --git a/templates/skin/default/header.tpl b/templates/skin/default/header.tpl index 587d16ed..8e9510b3 100644 --- a/templates/skin/default/header.tpl +++ b/templates/skin/default/header.tpl @@ -56,13 +56,14 @@ {hook run='body_begin'} + {include file='modal_test.tpl'}
{include file='header_top.tpl'} {include file='nav.tpl'}
-
+
{include file='system_message.tpl'} {hook run='content_begin'} \ No newline at end of file diff --git a/templates/skin/default/js/template.js b/templates/skin/default/js/template.js index f44a9f4a..793bbe4e 100644 --- a/templates/skin/default/js/template.js +++ b/templates/skin/default/js/template.js @@ -22,6 +22,10 @@ jQuery(document).ready(function($){ } + // Модальные окна + $('.modal').jqm({trigger: 'a.modal-test'}); + + // Хук конца инициализации javascript-составляющих шаблона ls.hook.run('ls_template_init_end',[],window); }); \ No newline at end of file diff --git a/templates/skin/default/modal_test.tpl b/templates/skin/default/modal_test.tpl new file mode 100644 index 00000000..ac947458 --- /dev/null +++ b/templates/skin/default/modal_test.tpl @@ -0,0 +1,16 @@ +
+
+

Test

+ ✖ +
+ +
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+ \ No newline at end of file diff --git a/templates/skin/default/settings/config/config.php b/templates/skin/default/settings/config/config.php index 8f80bbe1..28768377 100644 --- a/templates/skin/default/settings/config/config.php +++ b/templates/skin/default/settings/config/config.php @@ -8,6 +8,7 @@ $config['head']['default']['js'][] = '___path.static.skin___/js/template.js'; $config['head']['default']['css'] = array( "___path.static.skin___/css/reset.css", "___path.static.skin___/css/main.css", + "___path.static.skin___/css/modals.css", );