Решил не отставать от всех.
Работа заканчивается и стиль почти готов.
Никаких порталов, никаких галерей и аркад. Только форум и только один файл CSS.
Предвариловка - Осталось довести до ума модераторку и личный раздел.
На борту - ресайзер всех изображений до 640 px по горизонту. Просмотровщик завязан с галерейным.
Идеи стиля нахапаны из нескольких. Основная идея - оформление без картинок.
Код: Выделить всё
/* Content Styles
---------------------------------------- */
.forum {
background: #AAE4BF;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 2px solid #2E29A2;
border-radius: 5px;
box-shadow: 4px 4px 4px #3C8A39;
}
.subforums {
background: #D4E9D1;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 1px solid #000066;
border-radius: 5px;
box-shadow: 4px 4px 4px #1A5F10;
}
.linkforums {
background: #E0E0CD;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 1px solid #000066;
border-radius: 5px;
box-shadow: 4px 4px 4px #D6D8B0;
}
.panel {
background: #D4D4F0;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 1px solid #000066;
border-radius: 5px;
box-shadow: 4px 4px 10px #000066;
}
.m-stat {
background: #E7E7F7;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 1px solid #000066;
border-radius: 5px;
box-shadow: 4px 4px 10px #9E9EAF;
}
.m-stat p {
margin: 0;
padding-left: 30px;
}
.m-stat span {
font-weight: bold;
}
.m-stat hr {
border-top: 3px dotted #000066;
}
body{
background-color : #fff;
color: #4f4f4f;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
height: auto;
margin: 2px auto;
max-width: 700px;
width: 99%;
border: 1px solid #c8f2ff;
padding: 0px;
}
a {
color: #005895; text-decoration: none; padding: 1px 2px;
}
a:hover {
color: #005895; background: #bcebff; text-decoration: none;
}
div.top{
background: #ccffff;
background-repeat: repeat-x;
height: auto;
min-height: 28px;
border: 1px solid #a8d635;
text-align: left;
padding: 1px;
padding-left: 3px;
margin: 0px;
}
div.tab{
background: #def7ff;
border: 1px solid #c8f2ff;
padding: 2px;
padding-left:5px;
margin: 2px;
}
div.row1{
background: #fafeff;
text-align: left;
border-top: 0px solid #c8f2ff;
border-bottom: 1px solid #c8f2ff;
padding: 2px;
padding-left: 3px;
margin: 2px;
}