» » Начальный файл sitka.css
92 0  

Начальный файл sitka.css

В создание шаблона (index.html), я использую два файла .css если нужно то в конце их обьединяю.
Первый файл "styles.css"  содержит сброс и дизайн сайта, а второй "sitka.css" общие стили и медиа запросы.
Для шаблонов DLE предусмотрен еще файл  "nuz.css" который содержит нужные стили самого движка (всплывающие окна, опросы, прелоадер, карточку пользователя.)

Файл стилей - "sitka.css":

/* rullan.in.ua  00.00.2019 - made in Ukraine

font-family: 'Ubuntu Mono', monospace;
font-family: 'Russo One', sans-serif; - Заголовки 

Инструкция Darya:
1. Выравнивание.
2. Разное оформление.
3. Разные элементы.
4. Для движка DLE.
5. Сетка.
6. Медиа запросы !!! Здесь ставить свои собственные медиа запросы. 

*/

/* ===1. VURIVNUVANA */
.a-center{text-align: center;vertical-align: baseline;}
img.a-center, .a-center img, .a-center iframe, .a-center div {clear:both;display:block;margin-left:auto;margin-right:auto;}
.a-center a{width:100%;}

/* ===2. OFORMLENA */
.none {display:none;}
.no-abz {text-indent:0px;}
.no-gran {padding:0px;border:0px;margin:0px;}
.proz {opacity:0;visibility:hidden;}
.relative {position:relative;}
.clear{display:table; width:100%;min-height:1px;font-size:2px;float:none;clear: both;}.clear:before, .clear:after{float:none;content:"";display: block;height:2px;width:100%;clear:both;}
.str-5 {height:5px;}.str-10 {height:10px;}.str-20 {height:20px;}.str-30 {height:30px;}.str-40 {height:40px;} .str-50 {height:50px;}.str-60 {height:60px;} .str-70 {height:70px;}.str-80 {height:80px;} .str-90 {height:90px;}.str-100 {height:100px;}


/* ===3. ELEMENTU */
.button {display:block;width:120px; text-align:center; background:#ebefec;border: 1px solid #bbc8be; color:#bbc8be; font-size:16px; padding:4px 10px 4px 10px; margin:auto 0;cursor:pointer;}
.siraramka {border: 1px solid #c9c9c9;}
.blackramka {border: 1px solid #000;}
.punkramka {border: 1px dashed #c9c9c9;}
.texkontyr {text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;}
.texkontyrw {text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0;}
.bord-nuz {border-bottom-style:solid;border-bottom-width:1px;}
.lincle {border: 0;height: 1px;background-image: -webkit-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -moz-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -ms-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));background-image: -o-linear-gradient(left, rgba(105,106,105,0), rgba(105,106,105,0.75), rgba(105,106,105,0));}
.st-hr {border-style: none none solid none; border-width: 1px; border-color:#bcbcbc; height:14px; float:none; width:100%;clear:both;margin:0 0 10px 0;}


/* ===4. DLE elements */
#dle-content {display:block;width:100%;max-width:100%;}   

/* ===5. Sitka  */
.row {width:100%;max-width:100%;}
.row > [class*='col-'], .row > #dle-content [class*='col-']  {padding:0 1% 0 1%;}
[class*='col-'] img, [class*='col-'] iframe, [class*='col-'] media {max-width:100%;}
[class*='col-'] {float:left;margin:0;}

.col-100 {width:100%;}
.col-75 {width:75%;}
.col-65 {width:65%;}
.col-50 {width:50%;}
.col-33 {width:33.333%;}
.col-25 {width:25%;}
.col-35 {width:35%;}

/* ===6. Media zapros  */

/*  === max 1800 ===  */
@media (max-width: 1799px) {

}


@media (max-width: 1404px) {
.row > [class*='col-'], .row > #dle-content [class*='col-']  {padding:0 2.2% 0 2.2%;}

}

@media (max-width: 1100px) {

}

/* ===  PLANSHET 900 ===  */
@media (max-width: 900px) {

}


/* ===  MOBIL 1 kolonka 760 === */
@media (max-width: 759px) {

}

@media (max-width: 560px) {

}


@media (max-width: 380px) {

}   

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019