/* Стандартный Joomla CSS для шаблона: Barrie North: Compass Designs: www.compassdesigns.net */ /* Скачано с сайта: Joom: www.woolfs.ru */ /* Чистый CSS. Общие свойства находятся в начале и затем дополняются ниже */ /* Заметьте, что CSS включают краткие записи стилей (например, 'font:' и затем длинная версия). Не используйте обе записи! */ /* После окончания оформления, преобразуйте все стили к краткому виду и удалите пустые свойства */ /* Глобальное форматирование страницы. */ * { margin: 0; padding: 0; } body { font:; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76.1%; color: #ffffff; background-color: #000000; background-image: url(../img/pronto_bgrd.gif); background-repeat: no-repeat ; background-position: top center; } h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .componentheading,.contentheading, .contentpagetitle,.sectiontableheader,.newsfeedheading{ margin: 1em 0; padding: 0; font-family: "Times New Roman", Times, serif; } li, dd, blockquote { margin-left: 1em; } fieldset { border: none; } input, select, textarea { font-size: 1em; } /* Глобальное форматирование страницы */ /* Высота текста и основная настройка размеров шрифта */ /* Размер шрифта указан в em. */ #header{ line-height: 1.2em; font-size:; } #leftcolumn{ line-height: 1.2em; font-size:; } #rightcolumn{ line-height: 1.2em; font-size:; } #maincol{ line-height: 1.4em; font-size:; } #footer{ line-height: 1.1em; font-size:; } /* Отсупы для вложенных контейнеров. Попытка избежать проблемы с блоками */ .insidefooter { /*небольшая настройка для footer'a */ padding: 5px 0; } .inside { padding: 10px 0 0 8px; } .insideright { /* небольшая настройка для right column */ padding: 10px 0 8px 8px; } /* УСТАНАВЛИВАЙТЕ ЛЮБОЙ РАЗМЕР ШРИФТА В EM */ /* Главные заголовки для различных страниц. Соединяйте различные заголовки для создания одного стиля отображения */ h1,.componentheading { font:; color: Red; font-family: Times New Roman, Helvetica, Sans-Serif; font-size: 28px; font-style:; font-weight:normal; text-align:; margin:1em 0; /* отступ заголовка: сверху/снизу */ padding:0 0em; /* отступ текста: слева/справа */ background:; } h2,.contentheading,a.contentheading:link,a.contentheading:visited, .contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited { font:; color:; font-size:1.4em; font-family:; font-style:; font-weight:; text-align:; margin:1em 0; /* отступ заголовка: сверху/снизу */ padding:0 0em; /* отступ текста: слева/справа */ background:; } h3,table.moduletable th { font:; color:; font-size:1.3em; font-family:; font-style:; font-weight:; text-align:; margin:1em 0; /* отступ заголовка: сверху/снизу */ padding:0 0em; /* отступ текста: слева/справа */ background:; } h4 { font:; color:red; font-size:1.3em; font-family:; font-style:; font-weight:; text-align:; margin: 1em 0 0 1em; /* отступ заголовка: сверху/снизу */ padding:0 0em; /* отступ текста: слева/справа */ background:; } h5 { font: ; color:#ffc180; font-size:1.1em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-style:; font-weight:; text-align:left; margin: 3px 0 2px 3px; /* отступ заголовка: сверху/снизу */ padding: 3px 2px 0 3px; /* отступ текста: слева/справа */ background:; } h6 { font:; color:; font-size:1.2em; font-family:; font-style:; font-weight:; text-align:; margin:1em 0; /* отступ заголовка: сверху/снизу */ padding:0 0em; /* отступ текста: слева/справа */ background:; } img { border: 0; } /* Форматирование текста, не являющегося ссылкой */ p, td, tr, div { font:; color:; font-size:1em; font-family:; font-style:; font-weight:; text-align: ; margin:1em 0; /* отступ по вертикали: сверху/снизу */ padding:0 0em; /* отступ по горизонтали: слева/справа */ background:; } p { color:; font-size: 11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-style:; font-weight:; text-align: left; margin: 03p 0 3px 0; /*отступ по вертикали: сверху/снизу*/ padding:0 0em; /*отступ по горизонтали: слева/справа*/ background:; } li > p { margin-top: 0.2em; } pre { font-family: monospace; font-size: 1.0em; } strong, b { font-weight: bold; } td { font:; color:; font-size:em; font-family:; font-style:; font-weight:; /*text-align: left;*/ margin:1em 0; /*отступ по вертикали: сверху/снизу*/ padding:0 0em; /*отступ по горизонтали: слева/справа*/ background:; } tr { font:; color:; font-size:em; font-family:; font-style:; font-weight:; text-align:; margin:1em 0; /*отступ по вертикали: сверху/снизу*/ padding:0 0em; /*отступ по горизонтали: слева/справа*/ background:; } abbr acronym { font:; color:; font-family:; font-style:; font-weight:; background:; } /* —-- СПИСКИ (LISTS) —-- */ ol, ul, li { /*list-style: none; Раскомментируйте, если хотите иметь нормальный */ font-size:1em; line-height:; margin:; padding:; } ul,ol { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; list-style:; float:; margin:; padding:; } li{ font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; list-style:; float:; margin:; padding:; } /********* ФОРМАТИРОВАНИЕ ССЫЛОК (LINKS) *********/ /*Форматирование всех основных стилей ссылок */ a:link,a:visited,a:hover { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } /* Форматирование основных ссылок индивидуально */ a:link { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } a:visited { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } a:hover { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } /* горизонтальная разделительная линия в вашем шаблоне */ hr {} hr.separator {} /* НАСТРОЙКИ ФОРМ (FORMS) */ .button {} .inputbox {} .search {} /*форматирование <div>, в котором вложены элементы поиска: inputbox, кнопка поиска...*/ /* ФОРМАТИРОВАНИЕ НАВИГАЦИИ/МЕНЮ (MENU) */ a.mainlevel{} /* форматирование ГЛАВНЫХ(main, не вложенных) элементов меню */ a.mainlevel:link {} a.mainlevel:visited {} a.mainlevel:hover {} #active_menu {} /* форматирование для элемента меню, когда оно активно, даже в позиции main/sub*/ ul#mainlevel-nav {} ul#mainlevel-nav li{} #mainlevel-nav a:link {} #mainlevel-nav a:visited{} #mainlevel-nav a:hover {} a.sublevel{} /* форматирование вложенных элементов меню (имеющих родителей) */ a.sublevel:link {} a.sublevel:visited {} a.sublevel:hover {} /* форматирование текста и ссылок "<< В Начало < Предыдущая 1 Следующая > В Конце >>" */ .pagenav,.pagenavbar { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } a.pagenav:hover, { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } /* Форматирование ссылки "Подробнее..." для содержимого */ a.readon:link,a.readon:visited { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } a.readon:hover { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } /* Форматирование ссылки "Подробнее..." для содержимого - ОТОБРАЖЕНИЕ В ВИДЕ КНОПКИ (блочный тип) */ /* a.readon:link,a.readon:visited { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; display: block; border: 1px solid; border-color: #aaa #000 #000 #aaa; width:; background:; } a.readon:hover { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; position: relative; top: 1px; left: 1px; border-color: #000 #aaa #aaa #000; }*/ /* Форматирование ссылки "НАЗАД" ("Вернуться") */ a.back_button { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } a.back_button:hover { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; text-decoration:; } /* Форматирование ссылки "НАЗАД". Отображение в виде кнопки a.back_button { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; display: block; border: 1px solid; border-color: #aaa #000 #000 #aaa; width:; background:; } a.back_button:hover { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; position: relative; top: 1px; left: 1px; border-color: #000 #aaa #aaa #000; }*/ /* как форматировать эти два элемента - показано выше ) */ .pagenav_prev {} /*Форматирование ссылки "Пред." */ .pagenav_next {} /*Форматирование ссылки "След." */ /* Форматирование списка последних новостей. По умолчанию модуль "Последние новости" находится в позиции user1 */ .latestnews ul { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; list-style:; float:; margin:; padding:; } .latestnews li { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; list-style:; float:; margin:; padding:; } /* Форматирование списка популярных новостей. По умолчанию модуль "Популярные новости" находится в позиции user2 */ .mostread ul{ font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; list-style:; float:; margin:; padding:; } .mostread li{ font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; list-style:; float:; margin:; padding:; } /* ФОРМАТИРОВАНИЕ СТРАНИЦ С СОДЕРЖИМЫМ */ a.category:link {} a.category:hover {} a.category:visited {} .blogsection {} /* Форматирование ссылки в разделе "блог" */ .blog_more {} /*Формативароние ссылки "Подробнее" в разделе "блог"*/ a.blogsection:link {} /* форматирование ссылок */ a.blogsection:visited {} /* то же самое, только для посещенных ссылок */ a.blogsection:hover {} /* то же самое, только при наведении на ссылку */ .contentpane {} /* Форматирование таблицы, в которой находится не новостная информация (компоненты, список категорий, форма контактов и т.д.).*/ .contentpaneopen {} /* Форматирование таблицы, в которой находится новостная информация (статьи, новости и т.д.).*/ a.contentpagetitle:hover {} /*Форматирование заголовков статей/новостей, если они включены как ссылки */ {} .contentdescription {} /* Форматирование текста "ОПИСАНИЕ" у разделов и категорий (Новости/Ссылки/Последние новости...) */ table.contenttoc {} /* Форматирование таблицы оглавления для многостраничного содержимого */ table.contenttoc td {} /* то же самое, форматирование текста таблицы оглавления */ table.contenttoc th {} /* то же самое, форматирование заголовка таблицы оглавления */ table.contenttoc td.toclink {} /* то же самое, форматирование названий страниц содержимого*/ a.toclink:link {} /* то же самое, форматирование ссылок на страницы содержимого*/ a.toclink:visited {} a.toclink:hover {} /* ОТОБРАЖЕНИЕ ТАБЛИЦ С ДАННЫМИ (Автор, Дата, Название и Просмотры) */ .sectiontableheader {} /* Форматирование отображения заголовка таблицы. Например: заголовок таблицы - это "Дата", "Название", "Автор" и "Просмотры" */ /* Форматирование чередующихся строк таблиц */ .sectiontableentry1 {} .sectiontableentry2 {} /* ФОРМАТИРОВАНИЕ МОДУЛЕЙ */ /* Примечание: параметр модуля (стиль модуля) - параметр функции вывода модуля в шаблоне - mosLoadModules ( 'позиция', параметр); */ .module {} /* Форматирование модулей, выводимых с параметром -3 */ table.moduletable {} /* Форматирование модулей, выводимых с параметром 0 или 1*/ table.moduletable td {} /* Форматирование текста модуля table.moduletable */ div.moduletable {} /* Форматирование модулей, выводимых с параметром -2 */ div.moduletable h3 {} /* Форматирование заголовка модуля div.moduletable */ /* Закругленные углы для модулей, выводимых с параметром -3. Изображения должны находится в папке templates/название_шаблона/images div.module { background: url(../images/topleftofbox.png) 0 0 no-repeat; margin: 0; padding: 0; margin-bottom: 20px; } div.module div { background: url(../images/toprightofbox.png) 100% 0 no-repeat; } div.module div div{ background: url(../images/bottomleftofbox.png) 0 100% no-repeat; } div.module div div div { background: url(../images/bottomrightofbox.png) 100% 100% no-repeat; padding: 8px; width: auto !important; width: 100%; }*/ /* РАЗНОЕ */ /* Форматирование даты создания статьи/содержимого */ .createdate { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; } /* Форматирование текста "Последнее обновление" в конце статьи/содержимого */ .modifydate { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; } /* Форматирование текста "Написал:...." ("Автор"). You can also use for any 'fine print' on your site by defining it in the html while adding content*/ .small { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; } /*На странице результатов опроса, форматирование текста "Количество голосов".. */ .smalldark { font:; color:; font-size:; font-family:; font-style:; font-weight:; text-align:; margin:; padding:; background:; } /* Опросы */ .poll {} /* форматирование таблицы опроса */ .pollstableborder {} /* устанавливает границу для таблицы опроса */ /* Веб-ссылки */ .weblinks{} /* ну.. это форматирование названия ссылок в компоненте "Weblinks" */ a.weblinks:hover {} /* то же самое, только при наведении мыши */ /* Ленты новостей (Newsfeeds) */ .newsfeedheading {} /* Заголовок ленты. ЗАМЕЧАНИЕ: Эти никак не влияет на заголовок содержимого ленты! */ .newsfeeddate {} /* да.. отображение даты в ленте новостей */ .fase4rdf {} /* форматирование главного текста в ленте */ /* Страница поиска */ table.searchintro {} /* Форматирование текста "Поиск по словам: test возвращено 4 результата" */ /*верхнее меню*/ .underlinemenu{ width: 100%; overflow: hidden; } .underlinemenu ul{ margin: 0; padding: 0; padding-left: 10px; /*offset of tabs relative to browser left edge*/ font-weight: bold; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; list-style-type: none; float: right; } .underlinemenu li{ display: inline; margin: 0; float: left; } .underlinemenu li a{ display: block; text-decoration: none; margin: 0; padding: 7px 12px 7px 12px; /*padding inside each tab*/ /* border-right: 1px dotted #ffc180; /*right divider between tabs*/ color: #ffc180; } .underlinemenu li a:visited{ color: #FF8C00; } .underlinemenu li a:hover, .underlinemenu li.selected a{ color: #ffffff; } /*мои классы для оформления*/ .vertical_line{ background-image: url(../img/line_v.gif); background-position: center; background-repeat: repeat-y; width: 10px; } .gorisontal_line{ background-image: url(../img/line_g.gif); background-position: center; background-repeat: repeat-x; height: 10px; } .nav_image{ width: 165px; height: 155px; } .logo{ background-image: url(../img/line_v.gif); background-position: right; background-repeat: repeat-y; } .latest_gorisontal{ width: 1px ; height: 1px; background-image: url(../img/line_g_orange.gif); background-position: bottom; background-repeat: repeat-x; } .latest_vertical{ width: 7px ; height: 1px; background-image: url(../img/line_v_orange.gif); background-position: right; background-repeat: repeat-y; } #line_adds{ padding: 1px 3px 1px 3px; margin: 1px 3px 1px 3px; background-image: url(../img/line_g_orange.gif); background-position: center; background-repeat: repeat-x; } .copyright{ color: Gray; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; } .copyright a:link, a:visited{ color: Gray; text-decoration: none; } .copyright a:hover{ color: #ffc180; text-decoration: none; } /*картинки "новостей"*/ .somediv{ /*width: 200px;*/ clear: left; } .somediv .floatbox{ float: left; /*width: 130px;*/ } * html .somediv p{ /* IE 3px jog hack*/ height: 1%; } .somediv p{ margin-top: 0; margin-left: 75px; font-size: 12px; padding-left: 5px; padding-right: 5px; } .somediv img{ width: 70px; border: 0; } /*Навигация по брэндам*/ .toggleopacity img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; } .toggleopacity:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } .toggleopacity img{ border: 1px solid #ccc; } .toggleborder:hover img{ border: 1px solid navy; } .toggleborder:hover{ color: red; /* Dummy definition to overcome IE bug */ }
