Jump to content

explo1d

Newbie
  • Posts

    22
  • Joined

  • Last visited

Everything posted by explo1d

  1. explo1d

    наводка

    Здравствуйте. Прошу вас подсказать, как лучше и чем воспользоваться для создания сайта с ветками, а именно под какую CMS, как лучше "пойти". Хтмл+КСС, вёрстка и JS знания на хорошем уровне. Делаю проект, и план таков. Допустим, единая организация - "РОМАШКА". Эта организация включает в себя 4 ветки разных направлений: тур. агентство, брачное агентство, недвижимость, переводы языков. При входе на главную(основную) сайта "РОМАШКИ" со своим фирменным оформлением, идут разделы (четыре их, как выше и указал), клацая на один из них, человек переходит на субдомен с соответствующим ему уже другим оформлением. То бишь, что бы все 4 раздела, были разные по оформлению, описанию и структуре, расположению меню, модулей и т.д, и не как не зависели от главной страницы. Как лучше поступить. Заранее благодарю.
  2. Не понял где резина. При уменьшении окна меню уменьшается и продолжает тянуться куда-то вправо. На моих 15.6 дюймов в сжатом окне все выглядит очень плохо. Данный сайт хорошо будет жить и в фиксе, зачем ему попытка приделать резину? (К слову о верстке) Нет, про контент. http://gipron.com.ua/index.php?option=com_content&view=featured&Itemid=112 Причем непонятно зачем там два одинаковых текста подряд идет, один в заголовке и фактически тоже самое в описании. Единственное место требующее чуть больше текста чем сам заголовок - "Дополнительное элеваторное оборудование", там доп. текст имеет место быть. Допустим здесь http://gipron.com.ua/index.php?option=com_content&view=featured&Itemid=110 Меню, заголовок, контент, повсюду скругления с тенями. Минимализм это нечто иное. В вашем случае (когда сайт поддерживается силами сотрудника фирмы) самый простой выход это прочитать одну две книги по верстке и оформлению книг и этого будет вполне достаточно для того, чтобы понять 80-90% косяков и легко их исправить. Какой-то довольно простой книги не знаю, но вот из того что сам читал - Ян Чихольд "Облик книги". У меня 2 монитора, один 1920x1080, показывает нормально сайт, и при свёртывании браузера, и 17ти дюймовый, аналогично показывает нормально. Ну это опять же контент, (одинаковые текста), это желание менеджеров, меня что попросили, то я и добавил. Надеюсь со временем, это поменяется. А закругленные углы (radius) если вы об этом, то уберу, хотел в скором, но вижу проблема видимая, значит придётся сейчас. Спасибо большое за ответы, а то все молчат ) Спасибо, книгу прочту. Может ещё есть пару дельных советов? Книги, видео, там ещё что то
  3. Привет. Ну сайтом я занимался и занимаюсь. Согласен что по дизайну сыро, ну воспользовался обычным минимализмом. Меня больше интересует работа сайта, вёрстка. По сравнению с тем что было, это как директор сказал "Небо и Земля" (ucoz, резины не было, и в цветах радуги всё). Выравнивание текста в каталоге - это ты про левое меню которое? Если да, то у меня и была задумка отдать предпочтение такому выравниванию, ну если это не правильно, то приму твоё предложение как хороший совет). Номера которые сверху я отрисовал на картинке, т.к. в футере и в разделе "Контактная информация" можно будет скопировать/сохранить. Ну это приму на заметку и сделаю там позицию для номеров, дабы можно было так же скопировать. Шрифт текстов заметил, займусь сейчас этим, ну где не где попадается 16, я просто для заголовков ставил 16. Тени и скругления в боковом меню или где? По вакансиям толком сам не знаю что там сделать, настояли поставить эту картинку
  4. Здравствуйте. Прошу вас оценить сайт, вёрстку и дизайн http://gipron.com.ua . Выслушаю и прислушаюсь к любой критике, нужны советы. Замечания: при скроллинге сайта в Опере, идёт какой-то разрыв страницы, пробовал на разных ПК, везде это замечал, в других браузерах не наблюдается; когда свёртываю окно на главной странице, новости едут в низ, чего я не могу исправить. Остальные разделы все в порядке. настройка ЧПУ ( SEF ) , Joomla 2.5, а конкретней проблема вот в чём. Когда активирую в админ-панели функцию ЧПУ, и после делаю обновление, вроде как всё работает, главная страница так же, все пункты левого и верхнего меню юзаются, изменения URLов стало читабельные, как и должно. Но вот допустим, если зайти в боковое меню и юзнуть там любую ссылку, то нечего с этого не получиться. Взять примером вот этот раздел. Там ссылочная картинка, заголовок и подробнее, но если на них юзнуть, страничка просто напросто обновляется, без каких либо ошибок 404 и т.д. и не переходит. Так само и в других разделах. То, что находится в середине меню, открываться не хочет. Левое-боковое меню, раздел к примеру взять "Шкафы и корпуса для электротехники и телекоммуникаций". Когда мы заходим в этот раздел, там есть 4 подраздела. И не один из них не хочет открываться при включённом ЧПУ. Почему?
  5. Вот код шаблона. Вот ссылка на сайт http://gipron.com.ua/ <?php defined('_JEXEC') or die; require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php'; // Create alias for $this object reference: $document = $this; // Shortcut for template base url: $templateUrl = $document->baseurl . '/templates/' . $document->template; Artx::load("Artx_Page"); // Initialize $view: $view = $this->artx = new ArtxPage($this); JHtml::_('behavior.framework', true); ?> <!DOCTYPE html> <html dir="ltr" lang="<?php echo $document->language; ?>"> <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/untitled1/css/template.css" /> <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/untitled1/css/template.css" /> <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width"> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.css" media="screen"> <!--[if lte IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" media="screen" /><![endif]--> <link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.responsive.css" media="all"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif&subset=latin"> <script>if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script> <script src="<?php echo $templateUrl; ?>/jquery.js"></script> <script>jQuery.noConflict();</script> <script src="<?php echo $templateUrl; ?>/script.js"></script> <script>if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script> <script src="<?php echo $templateUrl; ?>/script.responsive.js"></script> </head> <body> <div id="art-main"> <header class="art-header clearfix"><?php echo $view->position('position-30', 'art-nostyle'); ?> <div class="art-shapes"> <h1 class="art-headline" data-left="50%"> <a href="<?php echo $document->baseurl; ?>/"><?php echo $this->params->get('siteTitle'); ?></a> </h1> <h2 class="art-slogan" data-left="57.56%"><?php echo $this->params->get('siteSlogan'); ?></h2> </div> </header> <?php if ($view->containsModules('position-1', 'position-28', 'position-29')) : ?> <nav class="art-nav clearfix"> <?php if ($view->containsModules('position-28')) : ?> <div class="art-hmenu-extra1"><?php echo $view->position('position-28'); ?></div> <?php endif; ?> <?php if ($view->containsModules('position-29')) : ?> <div class="art-hmenu-extra2"><?php echo $view->position('position-29'); ?></div> <?php endif; ?> <?php echo $view->position('position-1'); ?> </nav> <?php endif; ?> <div class="art-sheet"> <?php echo $view->position('position-15', 'art-nostyle'); ?> <?php echo $view->positions(array('position-16' => 33, 'position-17' => 33, 'position-18' => 34), 'art-block'); ?> <div class="art-layout-wrapper clearfix"> <div class="art-content-layout"> <div class="art-content-layout-row"> <?php if ($view->containsModules('position-7', 'position-4', 'position-5')) : ?> <div class="art-layout-cell art-sidebar1"> <?php echo $view->position('position-7', 'art-block'); ?> <?php echo $view->position('position-4', 'art-block'); ?> <?php echo $view->position('position-5', 'art-block'); ?> </div> <?php endif; ?> <div class="art-layout-cell art-content"> <?php echo $view->position('position-19', 'art-nostyle'); if ($view->containsModules('position-2')) echo artxPost($view->position('position-2')); echo $view->positions(array('position-20' => 50, 'position-21' => 50), 'art-article'); echo $view->position('position-12', 'art-nostyle'); echo artxPost(array('content' => '<jdoc:include type="message" />', 'classes' => ' art-messages')); echo '<jdoc:include type="component" />'; echo $view->position('position-22', 'art-nostyle'); echo $view->positions(array('position-23' => 50, 'position-24' => 50), 'art-article'); echo $view->position('position-25', 'art-nostyle'); ?> </div> <?php if ($view->containsModules('position-6', 'position-8', 'position-3')) : ?> <div class="art-layout-cell art-sidebar2 clearfix"> <?php echo $view->position('position-6', 'art-block'); ?> <?php echo $view->position('position-8', 'art-block'); ?> <?php echo $view->position('position-3', 'art-block'); ?> </div> <?php endif; ?> </div> </div> </div> <?php echo $view->positions(array('position-9' => 33, 'position-10' => 33, 'position-11' => 34), 'art-block'); ?> <?php echo $view->position('position-26', 'art-nostyle'); ?> <footer class="art-footer clearfix"><?php echo $view->position('position-27', 'art-nostyle'); ?></footer> </div> </div> <?php echo $view->position('debug'); ?> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-44960390-1', 'gipron.com.ua'); ga('send', 'pageview'); </script> </body> </html>
  6. Собственно CMS Joomla 2.5 . Перерыв PHP файлы, нашёл только такие строки if (file_exists(JPATH_INSTALLATION.'/index.php')) { header('Location: '.substr($_SERVER['REQUEST_URI'], 0, strpos($_SERVER['REQUEST_URI'], 'index.php')).'installation/index.php'); exit(); } else { echo 'No configuration file found and no installation code available. Exiting...'; exit(); и // Get the current entry point path relative to the site path. $scriptPath = realpath($_SERVER['SCRIPT_FILENAME'] ? $_SERVER['SCRIPT_FILENAME'] : str_replace('\\\\', '\\', $_SERVER['PATH_TRANSLATED'])); $relativeScriptPath = str_replace('\\', '/', str_replace(JPATH_SITE, '', $scriptPath)); В офисе стоит сервер Апаче на убунту, там я так понял с помощью mysql и php/Python всё реализовуеться. . При запросам решить этот вопрос, юзал гугл, читал читал, конкретики так и не нашёл (с англ. норм) http://stackoverflow.com/questions/3699454/should-ip-serverremote-addr-return-1-on-a-mamp-localhost/13649642#13649642 http://moinmo.in/JoomlaIntegration http://forum.joomla.org/viewtopic.php?p=1542157 Да и ещё. Есть 2 домена фирмы. На двух доменах расположен один и тот же сайт, с одинаковыми БД. То бишь один тестовый ( на нём и производилась разработка сайта ,модулей и прочей ерунды), а второй официальный, на котором я делаю правки уже с 100% уверенностью в написании правильного кода либо контекста. Дак вот, хотел бы услышать от Вас подсказки с последовательными шагами для реализации такой фичи, хотя бы суть объяснить конкретней. Если там не долго ,помогите пожалуйста. Могу доступ предоставить к тестовому домену, либо же скинуть файлы php. Заранее благодарен тем, кто откликнется и поможет!
  7. Подскажите пожалуйста возможно ли такое реализовать. Есть сайт фирмы. На сайте нужно сделать 1 пунктик меню (рядом с теми которые уже есть в top-menu), что бы он был видимый только для определенных IP адресов, тобишь есть общий 1 IP адресс, который идёт на 2 офиса наших, который расположены рядом. Там как раз будет информация для штатных работников. А вот для людей другого контингента, что бы этого пункта и вовсе не существовало. То бишь, настроить так, что бы этот пункт меню был виден только нам (по одному IP адресу), а остальным нет, и было без сдвигов для них. Заранее благодарю. Описал как можно подробней. Не знаю как такое называется.
  8. Прошу оценить вёрстку и сайт. Возможно и по цветам подсказать. Логотип поправится, т.к. влепил что было, новый отрисовываю. И вопрос ещё к вам : как сделать активным пункт меню(верхнее горизонтальное). Когда именно находишься в нужном пункте меню, оно выделяет его другим цветом с по меж остальных( active) Заранее благодарю.
  9. так я же вам написал - используйте адаптивную разметку. ничего у вас там не стоит Извеняюсь, я понял. Спасибо, буду пробывать.
  10. Нет, для мобильных устройств сайт не нежен. Попробую как Вы сказали и указали что сменить, хотя я смотрю, у меня уже и так там стоит по 100%, я перевёл. Хотя с другой стороны, сайты не должны быть резиновыми. Сайты должны становиться масштабируемыми. Так, при увеличение ширины колонок и отступов должен увеличиваться размер шрифта и размер картинок. Таким образом ширина строки остаётся такой же удобной для чтения и к тому же увеличивается шрифт, что тоже повышает удобство чтения. Но когда я масштабирую сайт (ctrl+, ctrl+ колёсико), то у меня верхнее горизонтальное меню, становится вертикальным и уежает в сторону. В чём здесь проблема ?
  11. Здравствуйте! Нужно что бы сайт растягивался в зависимости от ширины окна браузера. Необходимо сделать так, чтобы картинки и текст вели себя адекватно и оставались читабельными при любом разрешении. Допустим, человек купил дорогой широкий монитор, зашёл на сайт, а тот как был 800 пикселей в ширину, так и остался. Не надо его учить, что растягивать браузер на все 1900 пикселей неправильно. Надо сделать резину и предоставить право выбора человеку..
  12. Ребята, помогите, очень прошу Вас
  13. Здравствуйте. Нужна ваша помощь, либо советы как сделать резиновый шаблон. пробовал width px переводить в %, но что то нечего не выходит. Воспользовался поиском здесь на форуме - но там проблемы чучуть другого плана. "Резиной впервые занимаюсь", не когда не приходилось ещё. Когда увеличиваю масштаб, то верхнее меню соскакивает со своего места и лезит в сторону. Joomla 2.5 Вот собственно сайт http://borzak.com.ua/ У меня размер монитора 1920х1080, скрин сделанный сейчас - http://images.bcm.ne...67206923570.png Буду очень признателен. Я здесь у вас новичёк, буду адаптироватся и помогать остальным. Вот с резиной не приходилось просто работать. Заранее благодарю. Кто сможет помочь, моя аська 402611793 #art-main { background: #323A31; background: linear-gradient(top, #020302 0, #5F6E5E 500px) no-repeat; background: -webkit-linear-gradient(top, #020302 0, #5F6E5E 500px) no-repeat; background: -moz-linear-gradient(top, #020302 0, #5F6E5E 500px) no-repeat; background: -o-linear-gradient(top, #020302 0, #5F6E5E 500px) no-repeat; background: -ms-linear-gradient(top, #020302 0, #5F6E5E 500px) no-repeat; background: linear-gradient(top, #020302 0, #5F6E5E 500px) no-repeat; -svg-background: linear-gradient(top, #020302 0, #5F6E5E 500px) no-repeat; background-attachment: fixed !important; margin: 0 auto; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; position: relative; width: 100%; min-height: 100%; left: 0; top: 0; cursor: default; overflow: hidden; } .midcontain { width: 100%; max-width: 1600px; min-width: 640px; } table, ul.art-hmenu { font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } .art-button { border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #FBB337; background: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #312D21; padding: 0 10px; margin: 0 auto; height: 25px; } .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent, ul.art-vmenu a { text-align: left; } .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent p { margin: 13px 0px; } .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover, .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover { font-size: 30px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; line-height: 120%; } .art-postcontent a, .art-postcontent a:link { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #E2CA6A; } .art-postcontent a:visited, .art-postcontent a.visited { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #A59978; } .art-postcontent a:hover, .art-postcontent a.hover { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; color: #B79A24; } .art-postcontent h1 { color: #B79A24; margin: 10px 0 0; font-size: 30px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent h1 { margin: 10px 0 0; font-size: 30px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited { font-size: 30px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h2 { color: #D78A04; margin: 10px 0 0; font-size: 28px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent h2 { margin: 10px 0 0; font-size: 28px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited { font-size: 28px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h3 { color: #CCC5B2; margin: 10px 0 0; font-size: 24px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent h3 { margin: 10px 0 0; font-size: 24px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited { font-size: 24px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h4 { color: #FEE6BE; margin: 10px 0 0; font-size: 20px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent h4 { margin: 10px 0 0; font-size: 20px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited { font-size: 20px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h5 { color: #FEE6BE; margin: 10px 0 0; font-size: 16px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent h5 { margin: 10px 0 0; font-size: 16px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited { font-size: 16px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h6 { color: #FBBD50; margin: 10px 0 0; font-size: 14px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent h6 { margin: 10px 0 0; font-size: 14px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited { font-size: 14px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before { -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; } header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style-type: none; } ol { list-style-position: inside; } HTML, body { height: 100%; } body { padding: 0; margin: 0; min-width: 1100px; color: #B1A78B; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .cleared { font: 0/0 serif; clear: both; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } li h1, .art-postcontent li h1, .art-blockcontent li h1 { margin: 1px; } li h2, .art-postcontent li h2, .art-blockcontent li h2 { margin: 1px; } li h3, .art-postcontent li h3, .art-blockcontent li h3 { margin: 1px; } li h4, .art-postcontent li h4, .art-blockcontent li h4 { margin: 1px; } li h5, .art-postcontent li h5, .art-blockcontent li h5 { margin: 1px; } li h6, .art-postcontent li h6, .art-blockcontent li h6 { margin: 1px; } li p, .art-postcontent li p, .art-blockcontent li p { margin: 1px; } .art-shapes { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; } .art-slider-inner { position: relative; overflow: hidden; width: 100%; height: 100%; } .art-slidenavigator > a { display: inline-block; vertical-align: middle; outline-style: none; font-size: 1px; } .art-slidenavigator > a:last-child { margin-right: 0 !important; } .art-headline { display: inline-block; position: absolute; min-width: 50px; top: 61px; left: 50%; line-height: 100%; margin-left: -62px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); z-index: 99; } .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover { font-size: 24px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; padding: 0; margin: 0; color: #221F16 !important; white-space: nowrap; } .art-slogan { display: inline-block; position: absolute; min-width: 50px; top: 90px; left: 57.56%; line-height: 100%; margin-left: -138px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); z-index: 99; white-space: nowrap; } .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover { font-size: 15px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; padding: 0; margin: 0; color: #372301 !important; } .art-header { margin: 20px auto 0; position: relative; height: 175px; background-image: url('../images/header.jpg'); background-position: center top; background-repeat: no-repeat; } .responsive .art-header { background-image: url('../images/header.jpg'); background-position: center center; } .art-header-inner { position: relative; width: 1100px; z-index: auto !important; margin: 0 auto; } .art-header>div.art-nostyle, .art-header>div.art-block, .art-header>div.art-post { position: absolute; z-index: 101; } .art-nav { background: #323A31; background: linear-gradient(top, #242923 0, #394238 40%, #3C453B 50%, #3C453B 100%) no-repeat; background: -webkit-linear-gradient(top, #242923 0, #394238 40%, #3C453B 50%, #3C453B 100%) no-repeat; background: -moz-linear-gradient(top, #242923 0, #394238 40%, #3C453B 50%, #3C453B 100%) no-repeat; background: -o-linear-gradient(top, #242923 0, #394238 40%, #3C453B 50%, #3C453B 100%) no-repeat; background: -ms-linear-gradient(top, #242923 0, #394238 40%, #3C453B 50%, #3C453B 100%) no-repeat; background: linear-gradient(top, #242923 0, #394238 40%, #3C453B 50%, #3C453B 100%) no-repeat; -svg-background: linear-gradient(top, #242923 0, #394238 40%, #3C453B 50%, #3C453B 100%) no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 20px auto 0; position: relative; z-index: 100; font-size: 0; text-align: center; } ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover { outline: none; position: relative; z-index: 11; } ul.art-hmenu, ul.art-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.art-hmenu li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0; padding: 0; border: 0; } ul.art-hmenu li:hover { z-index: 10000; white-space: normal; } ul.art-hmenu:after, ul.art-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.art-hmenu, ul.art-hmenu ul { min-height: 0; } ul.art-hmenu { display: inline-block; vertical-align: bottom; padding-left: 4px; padding-right: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .art-nav:before { content: ' '; } .desktop-nav.art-nav { width: 1140px; padding-left: 10px; padding-right: 10px; } .art-hmenu-extra1 { position: absolute; left: 0; top: 0; width: auto; height: auto; background-position: center; } .art-hmenu-extra2 { position: absolute; right: 0; top: 0; width: auto; height: auto; background-position: center; } .art-menuitemcontainer { margin: 0 auto; } ul.art-hmenu>li { margin-left: 0; } ul.art-hmenu>li:first-child { margin-left: 0; } ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child { margin-right: 0; } ul.art-hmenu>li>a { padding: 0 40px; margin: 0 auto; position: relative; display: block; height: 46px; cursor: pointer; text-decoration: none; color: #DCD8CB; line-height: 46px; text-align: center; } .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a.active, .art-hmenu a:hover { font-size: 16px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; } ul.art-hmenu>li>a.active { padding: 0 40px; margin: 0 auto; color: #FCC464; text-decoration: none; } ul.art-hmenu>li>a:visited, ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a { text-decoration: none; } ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a { background: #FAA005; background: linear-gradient(top, #E19005 0, #FAA005 25%, #FAA614 40%, #FAA819 50%, #FAA819 100%) no-repeat; background: -webkit-linear-gradient(top, #E19005 0, #FAA005 25%, #FAA614 40%, #FAA819 50%, #FAA819 100%) no-repeat; background: -moz-linear-gradient(top, #E19005 0, #FAA005 25%, #FAA614 40%, #FAA819 50%, #FAA819 100%) no-repeat; background: -o-linear-gradient(top, #E19005 0, #FAA005 25%, #FAA614 40%, #FAA819 50%, #FAA819 100%) no-repeat; background: -ms-linear-gradient(top, #E19005 0, #FAA005 25%, #FAA614 40%, #FAA819 50%, #FAA819 100%) no-repeat; background: linear-gradient(top, #E19005 0, #FAA005 25%, #FAA614 40%, #FAA819 50%, #FAA819 100%) no-repeat; -svg-background: linear-gradient(top, #E19005 0, #FAA005 25%, #FAA614 40%, #FAA819 50%, #FAA819 100%) no-repeat; padding: 0 40px; margin: 0 auto; } ul.art-hmenu>li>a:hover, .desktop-nav ul.art-hmenu>li:hover>a { color: #312D21; text-decoration: none; } ul.art-hmenu li li a { background: #46402F; background: transparent; border: 7px solid #342F23; padding: 0 22px; margin: 0 auto; } ul.art-hmenu li li { float: none; width: auto; margin-top: 5px; margin-bottom: 5px; } .desktop-nav ul.art-hmenu li li ul>li:first-child { margin-top: 0; } ul.art-hmenu li li ul>li:last-child { margin-bottom: 0; } .art-hmenu ul a { display: block; white-space: nowrap; height: 30px; min-width: 7em; border: 7px solid transparent; text-align: left; line-height: 30px; color: #E4E1D7; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; margin: 0; } .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a.active, .art-hmenu ul a:hover { text-align: left; line-height: 30px; color: #E4E1D7; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; margin: 0; } ul.art-hmenu li li:after { display: block; position: absolute; content: ' '; height: 0; top: -3px; left: 0; right: 0; z-index: 1; border-bottom: 1px solid #433D2D; } .desktop-nav ul.art-hmenu li li:first-child:before, .desktop-nav ul.art-hmenu li li:first-child:.desktop-nav ul.art-hmenu li li:first-child:before, .desktop-nav ul.art-hmenu li li:first-child:after { display: none; } ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a { background: #E2341D; border: 7px solid #46402F; margin: 0 auto; } .art-hmenu ul a:hover { text-decoration: none; } .art-hmenu ul li a:hover { color: #000000; } .desktop-nav .art-hmenu ul li:hover>a { color: #000000; } ul.art-hmenu ul:before { background: #776D50; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; margin: 0 auto; display: block; position: absolute; content: ' '; z-index: 1; } .desktop-nav ul.art-hmenu li:hover>ul { visibility: visible; top: 100%; } .desktop-nav ul.art-hmenu li li:hover>ul { top: 0; left: 100%; } ul.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('../images/spacer.gif'); } .desktop-nav ul.art-hmenu>li>ul { padding: 18px 35px 35px 35px; margin: -10px 0 0 -30px; } .desktop-nav ul.art-hmenu ul ul { padding: 35px 35px 35px 16px; margin: -35px 0 0 -5px; } .desktop-nav ul.art-hmenu ul.art-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } .desktop-nav ul.art-hmenu ul.art-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } .desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right { right: auto; left: 100%; } .desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left { left: auto; right: 100%; } .desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right { right: auto; left: 0; padding: 35px 35px 35px 16px; margin: -35px 0 0 -5px; } .desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left { left: auto; right: 0; padding: 35px 16px 35px 35px; margin: -35px -5px 0 0; } .desktop-nav ul.art-hmenu li ul>li:first-child { margin-top: 0; } .desktop-nav ul.art-hmenu li ul>li:last-child { margin-bottom: 0; } .desktop-nav ul.art-hmenu ul ul:before { border-radius: 3px; top: 30px; bottom: 30px; right: 30px; left: 11px; } .desktop-nav ul.art-hmenu>li>ul:before { top: 13px; right: 30px; bottom: 30px; left: 30px; } .desktop-nav ul.art-hmenu>li>ul.art-hmenu-left-to-right:before { right: 30px; left: 30px; } .desktop-nav ul.art-hmenu>li>ul.art-hmenu-right-to-left:before { right: 30px; left: 30px; } .desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right:before { right: 30px; left: 11px; } .desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before { right: 11px; left: 30px; } .art-sheet { background: #211E17; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; margin: 20px auto 0; position: relative; cursor: auto; width: 1100px; z-index: auto !important; } .art-layout-wrapper { position: relative; margin: 0 auto 0 auto; z-index: auto !important; } .art-content-layout { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; } .art-content-layout-row { display: table-row; } .art-layout-cell { display: table-cell; vertical-align: top; } .art-vmenublock { margin: 7px; } div.art-vmenublock img { margin: 0; } .art-vmenublockheader { background: #C8A828; background: linear-gradient(top, #D8B93B 0, #D5B32A 29%, #AA8F22 100%) no-repeat; background: -webkit-linear-gradient(top, #D8B93B 0, #D5B32A 29%, #AA8F22 100%) no-repeat; background: -moz-linear-gradient(top, #D8B93B 0, #D5B32A 29%, #AA8F22 100%) no-repeat; background: -o-linear-gradient(top, #D8B93B 0, #D5B32A 29%, #AA8F22 100%) no-repeat; background: -ms-linear-gradient(top, #D8B93B 0, #D5B32A 29%, #AA8F22 100%) no-repeat; background: linear-gradient(top, #D8B93B 0, #D5B32A 29%, #AA8F22 100%) no-repeat; -svg-background: linear-gradient(top, #D8B93B 0, #D5B32A 29%, #AA8F22 100%) no-repeat; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 6px 0; margin: 0 auto 7px; } .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover { color: #090806; font-size: 24px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; margin: 0 10px; } .art-vmenublockheader .t:before { content: url('../images/vmenublockheadericon.png'); margin-right: 6px; bottom: 3px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .opera .art-vmenublockheader .t:before { bottom: 0; } .art-vmenublockcontent { background: #46402F; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #776D50; margin: 0 auto; } ul.art-vmenu, ul.art-vmenu ul { list-style: none; display: block; } ul.art-vmenu, ul.art-vmenu li { display: block; margin: 0; padding: 0; width: auto; line-height: 0; } ul.art-vmenu { margin-top: 0; margin-bottom: 0; } ul.art-vmenu ul { display: none; margin: 0; padding: 0 padding: 0; position position: relative; } ul.art-vmenu ul.active { display: block; } ul.art-vmenu>li>a { background: #131613; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0 10px; margin: 0 auto; color: #9F926F; min-height: 34px; line-height: 34px; } ul.art-vmenu a { display: block; cursor: pointer; z-index: 1; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; position: relative; } ul.art-vmenu li { position: relative; } ul.art-vmenu>li { margin-top: 4px; } ul.art-vmenu>li>ul { padding: 0; margin-top: 14px; margin-bottom: 14px; } ul.art-vmenu>li:first-child { margin-top: 0; } ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover { background: #C8A828; padding: 0 10px; margin: 0 auto; } ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover { text-decoration: none; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover { color: #372E0B; } ul.art-vmenu>li>a.active:hover>span.border-top, ul.art-vmenu>li>a.active:hover>span.border-bottom { background-color: transparent; } ul.art-vmenu>li>a.active { padding: 0 10px; margin: 0 auto; text-decoration: none; color: #B97704; } ul.art-vmenu>li>ul:before { margin: 0 auto; display: block; position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0; } ul.art-vmenu li li a { margin: 0 auto; position: relative; } ul.art-vmenu ul li { margin: 0; padding: 0; } ul.art-vmenu li li { position: relative; margin-top: 6px; } ul.art-vmenu ul a { display: block; position: relative; min-height: 34px; overflow: visible; padding: 0; padding-left: 20px; padding-right: 20px; z-index: 0; line-height: 34px; color: #ABA082; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; margin-left: 0; margin-right: 0; } ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active { line-height: 34px; color: #ABA082; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; margin-left: 0; margin-right: 0; } ul.art-vmenu ul ul a { padding-left: 40px; } ul.art-vmenu ul ul ul a { padding-left: 60px; } ul.art-vmenu ul ul ul ul a { padding-left: 80px; } ul.art-vmenu ul ul ul ul ul a { padding-left: 100px; } ul.art-vmenu li li a:before { content: url('../images/vmenusubitemicon.png'); margin-right: 10px; bottom: 2px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .opera ul.art-vmenu li li a:before { bottom: 0; } ul.art-vmenu ul>li>a:hover, ul.art-vmenu ul>li>a.active:hover { background: #FBB337; background: rgba(251, 179, 55, 0.4); margin: 0 auto; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover { text-decoration: none; color: #F0E4B2; } ul.art-vmenu ul a:hover:after { background-position: center; } ul.art-vmenu ul a.active:hover:after { background-position: center; } ul.art-vmenu ul a.active:after { background-position: bottom; } ul.art-vmenu li li a:hover:before { content: url('../images/vmenuhoveredsubitemicon.png'); margin-right: 10px; bottom: 2px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .opera ul.art-vmenu li li a:hover:before { bottom: 0; } ul.art-vmenu ul>li>a.active { background: #FAA005; background: rgba(250, 160, 5, 0.4); margin: 0 auto; } ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover { text-decoration: none; color: #FBB741; } ul.art-vmenu li li a.active:before { content: url('../images/vmenuactivesubitemicon.png'); margin-right: 10px; bottom: 2px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .opera ul.art-vmenu li li a.active:before { bottom: 0; } .art-block { background: #46402F; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.3); border: 1px solid #776D50; margin: 7px; } div.art-block img { border: 1px solid #776D50; margin: 0; } .art-blockheader { background: #C8A828; background: linear-gradient(top, #DBBD48 0, #D5B32A 35%, #9E841F 100%) no-repeat; background: -webkit-linear-gradient(top, #DBBD48 0, #D5B32A 35%, #9E841F 100%) no-repeat; background: -moz-linear-gradient(top, #DBBD48 0, #D5B32A 35%, #9E841F 100%) no-repeat; background: -o-linear-gradient(top, #DBBD48 0, #D5B32A 35%, #9E841F 100%) no-repeat; background: -ms-linear-gradient(top, #DBBD48 0, #D5B32A 35%, #9E841F 100%) no-repeat; background: linear-gradient(top, #DBBD48 0, #D5B32A 35%, #9E841F 100%) no-repeat; -svg-background: linear-gradient(top, #DBBD48 0, #D5B32A 35%, #9E841F 100%) no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #312D21; padding: 12px 3px; margin: 0 auto 2px; } .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: #000000; font-size: 24px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; margin: 0 10px; } .art-blockheader .t:before { content: url('../images/blockheadericon.png'); margin-right: 6px; bottom: 3px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .opera .art-blockheader .t:before { bottom: 0; } .art-blockcontent { padding: 3px; margin: 0 auto; color: #C8C1AC; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent table, .art-blockcontent li, .art-blockcontent a, .art-blockcontent a:link, .art-blockcontent a:visited, .art-blockcontent a:hover { color: #C8C1AC; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent p { margin: 0 5px; } .art-blockcontent a, .art-blockcontent a:link { color: #D1AF29; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; } .art-blockcontent a:visited, .art-blockcontent a.visited { color: #CEC8B6; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; } .art-blockcontent a:hover, .art-blockcontent a.hover { color: #FCC05A; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: underline; } .art-block ul>li:before { content: url('../images/blockbullets.png'); margin-right: 6px; bottom: 2px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; margin-left: -14px; } .opera .art-block ul>li:before { bottom: 0; } .art-block li { font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 125%; color: #D2CCBC; } .art-block ul>li, .art-block ol { padding: 0; } .art-block ul>li { padding-left: 14px; } .art-breadcrumbs { margin: 0 auto; } a.art-button, a.art-button:link, a:link.art-button:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button { text-decoration: none; font-size: 14px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #D4CEBF; margin: 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 25px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .art-button img { margin: 0; vertical-align: middle; } .firefox2 .art-button { display: block; float: left; } input, select, textarea { vertical-align: middle; font-size: 14px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; } .art-block select { width: 96%; } input.art-button { float: none !important; } .art-button.active, .art-button.active:hover { background: #FBB337; background: linear-gradient(top, #FCC669 0, #FAA005 95%, #F59D05 100%) no-repeat; background: -webkit-linear-gradient(top, #FCC669 0, #FAA005 95%, #F59D05 100%) no-repeat; background: -moz-linear-gradient(top, #FCC669 0, #FAA005 95%, #F59D05 100%) no-repeat; background: -o-linear-gradient(top, #FCC669 0, #FAA005 95%, #F59D05 100%) no-repeat; background: -ms-linear-gradient(top, #FCC669 0, #FAA005 95%, #F59D05 100%) no-repeat; background: linear-gradient(top, #FCC669 0, #FAA005 95%, #F59D05 100%) no-repeat; -svg-background: linear-gradient(top, #FCC669 0, #FAA005 95%, #F59D05 100%) no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #908360; padding: 0 10px; margin: 0 auto; } .art-button.active, .art-button.active:hover { color: #2B2408 !important; } .art-button.hover, .art-button:hover { background: #FAA005; background: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #312D21; padding: 0 10px; margin: 0 auto; } .art-button.hover, .art-button:hover { color: #FDD796 !important; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { background: #211E17; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #776D50; margin: 0 auto; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { width: 100%; padding: 8px 0; color: #B8AE94 !important; font-size: 14px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; } input.art-error, textarea.art-error { background: #211E17; border: 1px solid #E2341D; margin: 0 auto; } input.art-error, textarea.art-error { color: #B8AE94 !important; font-size: 14px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; } form.art-search input[type="text"] { background: #211E17; border-radius: 0; border: 2px solid #776D50; margin: 0 auto; width: 100%; padding: 8px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #B8AE94 !important; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.art-search { background-image: none; border: 0; display: block; position: relative; top: 0; padding: 0; margin: 5px; left: 0; line-height: 0; } form.art-search input { top: 0; right: 0; } form.art-search>input { bottom: 0; left: 0; vertical-align: middle; } form.art-search input[type="submit"] { margin: 0 auto; color: #1F1C14 !important; position: absolute; display: block; left: auto; border: none; background: url('../images/searchicon.png') center center no-repeat; width: 24px; height: 100%; padding: 0; } label.art-checkbox:before { background: #211E17; background: linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -webkit-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -moz-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -o-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -ms-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; -svg-background: linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); border: 1px solid #776D50; margin: 0 auto; width: 20px; height: 20px; } label.art-checkbox { cursor: pointer; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 20px; display: inline-block; } .art-checkbox>input[type="checkbox"] { margin: 0 5px 0 0; } label.art-checkbox.active:before { background: #776D50; background: linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -webkit-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -moz-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -o-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -ms-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; -svg-background: linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); border: 1px solid #776D50; margin: 0 auto; width: 20px; height: 20px; display: inline-block; } label.art-checkbox.hovered:before { background: #5C543D; background: linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -webkit-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -moz-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -o-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -ms-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; -svg-background: linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); border: 1px solid #776D50; margin: 0 auto; width: 20px; height: 20px; display: inline-block; } label.art-radiobutton:before { background: #211E17; background: linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -webkit-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -moz-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -o-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: -ms-linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; background: linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; -svg-background: linear-gradient(top, #3C372A 0, #2A271E 50%, #12110D 50%, #211E17 100%) no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); border: 1px solid #776D50; margin: 0 auto; width: 12px; height: 12px; } label.art-radiobutton { cursor: pointer; font-size: 13px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 12px; display: inline-block; } .art-radiobutton>input[type="radio"] { vertical-align: baseline; margin: 0 5px 0 0; } label.art-radiobutton.active:before { background: #776D50; background: linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -webkit-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -moz-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -o-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: -ms-linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; background: linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; -svg-background: linear-gradient(top, #908360 0, #817556 50%, #6B6247 50%, #776D50 100%) no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); border: 1px solid #776D50; margin: 0 auto; width: 12px; height: 12px; display: inline-block; } label.art-radiobutton.hovered:before { background: #5C543D; background: linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -webkit-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -moz-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -o-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: -ms-linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; background: linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; -svg-background: linear-gradient(top, #746A4E 0, #625941 50%, #4D4633 50%, #5C543D 100%) no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25); border: 1px solid #776D50; margin: 0 auto; width: 12px; height: 12px; display: inline-block; } .art-post { background: #312D21; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); padding: 3px; margin: 7px; } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { margin: 6px; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .art-article table, table.art-article { border-collapse: collapse; margin: 1px; } .art-post .art-content-layout-br { height: 0; } .art-article th, .art-article td { padding: 1px; border: dotted 1px #312D21; vertical-align: top; text-align: left; } .art-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } .preview-cms-logo { border: 0; margin: 1em 1em 0 0; float: left; } .image-caption-wrapper { padding: 5px 5px 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper img { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper div.art-collage { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper p { font-size: 80%; text-align: right; margin: 0; } .art-postmetadataheader { background: #FF0000; background: rgba(255, 0, 0, 0.804); border-bottom: 1px solid #413B2C; margin: 0 auto; position: relative; z-index: 1; padding: 1px; } .art-postheader { color: #F4E5AF; margin: 6px 0; font-size: 26px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-align: center; } .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered { font-size: 26px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } .art-postheader a, .art-postheader a:link { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #DABC44; } .art-postheader a:visited, .art-postheader a.visited { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #ECDC9D; } .art-postheader a:hover, .art-postheader a.hovered { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #C8A828; } .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-size: 12px; font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #DCD8CB; } .art-postheadericons { display: inline-block; padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; color: #C8C1AC; } .art-postheadericons a:visited, .art-postheadericons a.visited { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; color: #C8C1AC; } .art-postheadericons a:hover, .art-postheadericons a.hover { font-family: 'Droid Serif', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: underline; color: #FAAA1E; } .art-postdateicon:before { content: url('../images/postdateicon.png'); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom: auto; } .opera .art-postdateicon:before { bottom: 0; } .art-postauthoricon:before { content: url('../images/postauthoricon.png'); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom: auto; } .opera .art-postauthoricon:before { bottom: 0; } .art-postpdficon:before { content: url('../images/system/pdf_button.png'); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom: auto; } .opera .art-postpdficon:before { bottom: 0; } .art-postprinticon:before { content: url('../images/system/printButton.png'); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom: auto; } .opera .art-postprinticon:before { bottom: 0; } .art-postemailicon:before { content: url('../images/system/emailButton.png'); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom: auto; } .opera .art-postemailicon:before { bottom: 0; } .art-postediticon:before { content: url('../images/system/edit.png'); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom: auto; } .opera .art-postediticon:before { bottom: 0; } .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before { content: url('../images/postbullets.png');<
  14. Да в письменной форме. Но показівать либо предьявлять куда нибудь, на єто права неукого нету просить.
  15. Доброй ночи. Есть компонент для Джумла "FlippingBook Gallery Component for Joomla CMS v. 1.5.13" Там есть 2 копирайта, и они лежат в файле components/com_flippingbook/views/book/tmpl/default.php Но этот файл зашифрован Зендом (все содержимое пхп файла типа) bpJshsgshy1YCsVmn4e37M93CdzD6MjWkriR8EeWhrJe64+3k415XJjr7qE3qMgmgM9k/4Ewhwl3njJexl+r7 Как разшифровать .php файл, чтоб можно было поубирать ненужные копирайты?
  16. ап, помогите пожалуйста ап, помогите пожалуйста
  17. Здравствуйте. Кто то может подсказать или помочь с установкой табов на joomla 1.5. ? Как лутше всего сделать, модулем, плагином, или самом писать. В интернете понаходил модули, но конкретного описания установок негде нету.
  18. Тему можно закрывать. К форме связи написал php код, привязал, всё заработало. В слайдере дописал кое что, так же заработало.
  19. Я это реализовал буквально сегодня ночью при помощи SlidesJS. Ну я так понял, Вы делали с самого нуля? Вот смотрите мой код, помогите его переделать пожалуйста, что бы была автоматическая перемотка слайдов, выше описал, вот бросаю. Заранее Вам благодарен! /* Sliders ————————————————————————*/ /* Homepage slider */ jQuery('#homepage-slider').RSlider({ delay : 0, duration : 1000, height : 480, width : 960, slices : 6, easing : 'easeOutExpo', effect : 'vertical_slice' }); /* Showcase slider */ jQuery('#showcase-slider').RSlider({ delay : 5000, duration : 1000, height : 480, width : 960, slices : 6, easing : 'easeOutExpo', effect : 'fade', pause_on_hover : true }); /* Medium slider */ jQuery('.medium-slider').RSlider({ delay : 5000, duration : 1000, height : 300, width : 960, slices : 6, easing : 'easeOutExpo', effect : 'fade', pause_on_hover : true }); /* Display sliders navigation */ jQuery('.navigation .rs-nav').css({opacity : 0, display : 'block'}); jQuery('.navigation').hover(function(){ jQuery('.rs-nav',this).stop().animate({ opacity : 1 }, { queue: false, duration: 450}); jQuery('.rs-next',this).stop().animate({ right : '10px'}, { queue: false, duration: 450, easing: 'easeOutQuint' }); jQuery('.rs-prev',this).stop().animate({ left : '10px'}, { queue: false, duration: 450, easing: 'easeOutQuint' }) }, function(){ jQuery('.rs-nav',this).stop().animate({ opacity : 0 }, { queue: false, duration: 450}); jQuery('.rs-next',this).stop().animate({ right : '-68px'}, { queue: false, duration: 450, easing: 'easeOutQuint' }); jQuery('.rs-prev',this).stop().animate({ left : '-68px'}, { queue: false, duration: 450, easing: 'easeOutQuint' }) })
  20. Здравствуйте. У меня возникли 2 проблемы. Возможно Вы мне здесь поможете, буду очень благодарен. И так: 1. Форма связи. Настроить js для отправки и посмотреть правильно ли написан скрипт отправки. Нужно подключить форму обратной связи к html. Короче чтобы работало и отправляло. Вот хтмл-код формы: А вот сам скрипт : 2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy