Skip to content

Бесплатные шаблоны Joomla | Скачать шаблоны Joomla | Free Joomla Templates

Site Tools
Narrow screen resolution Wide screen resolution Auto-adjust screen resolution Increase font size Decrease font size Default font size
Вы сейчас здесь: Главная arrow Joomla! CSS

Последние темы форума

Тема: Как установить шаблон? Дата: 02.09.10, 16:30  | Просмотров: 208 постов: 3
Тема: Названия модулей меню вылазит за границы модуля Дата: 03.07.10, 12:33  | Просмотров: 341 постов: 0
Тема: Не работает шаблон Дата: 16.06.10, 16:11  | Просмотров: 592 постов: 1
Тема: Joomla 1.5.14 - русская версия Дата: 17.05.10, 13:44  | Просмотров: 3624 постов: 4
Тема: Joomla! RE Версия:1.5.17 - русская версия Дата: 17.05.10, 13:08  | Просмотров: 878 постов: 0
Тема: проблема с jm_portal Дата: 17.05.10, 12:57  | Просмотров: 544 постов: 2

Joomla! CSS

Стандартный Joomla CSS для шаблона

Compass Designs: www.compassdesigns.net */
/* Перевод blank.css: Sunder: Joom-Skin: www.joom-skin.ru */
/* Чистый CSS. Общие свойства находятся в начале и затем дополняются ниже */
/* Заметьте, что CSS включают краткие записи стилей 
(например, 'font:' и затем длинная версия). Не используйте обе записи! */
/* После окончания оформления, 
преобразуйте все стили к краткому виду и удалите пустые свойства */
/* Глобальное форматирование страницы. */
* { 
margin: 0;
padding: 0; 
} 
body {
background:;
font:;
font-family:;
font-size: 76.1%;
color: ;
background-color:;
background-image:;
background-repeat: ;
background-position: ;
}
h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address,
.componentheading,.contentheading,
.contentpagetitle,.sectiontableheader,.newsfeedheading{
margin: 1em 0;
padding: 0;
}
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:;
font-size:1.5em;
font-family:;
font-style:;
font-weight:;
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:;
font-size:1.2em;
font-family:;
font-style:;
font-weight:;
text-align:;
margin:1em 0;  /* отступ заголовка: сверху/снизу */
padding:0 0em; /* отступ текста: слева/справа */
background:;
}
h5 {
font:;
color:;
font-size:1.2em;
font-family:;
font-style:;
font-weight:;
text-align:;
margin:1em 0;  /* отступ заголовка: сверху/снизу */
padding:0 0em; /* отступ текста: слева/справа */
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 {
font:;
color:;
font-size:em;
font-family:;
font-style:;
font-weight:;
text-align:;
margin:1em 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:;
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 результата" */
 
  Магазин мужских подарков
new.gif
Встречаем ФОРУМ сайта

Полезное

Самые скачиваемые

08 Jun
File iconPermarinus
скачали: 39572
20 May
File iconCall of Duty 4
скачали: 16575
22 Mar
File iconPJ_Carbon.rar
скачали: 8426
16 Apr
File iconambient.zip
скачали: 8377
16 Apr
File iconRollout.zip
скачали: 8277

Кто на сайте?

Сейчас на сайте находятся:
12 гостей
.
Rambler's Top100    
RSS 2.0