» » Файл "styles.css"
118 0  

Файл "styles.css"

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

Содержание файла "styles.css":


/* rullan.in.ua  00.00.2019 - made in Ukraine  */
body {padding:0; margin:0;font-size:11px;color:#191817; background:url('../images/bg.jpg');font-family: 'Ubuntu Mono', monospace;font-weight:inherit;font-style:inherit;border-style:none;}
figure, iframe, media {width:100%;padding:0; margin:0;}
div, section, header, article, main, aside, footer, textarea, input, button, nav, ol, ul, li, a  {border-style: none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table {border:none;border-collapse:collapse;}
td {text-align:left;vertical-align:top;padding:0; margin:0;}
s, u, i {text-decoration:none;font-style:normal;}
/* gipersulku */
a {display:inline-block;text-decoration:none;color:#2f5377;cursor: pointer;transition: color .2s ease-in-out;outline:none;}
a:hover{color:#53a4ff;outline:none;}
a:focus{color:#53a4ff;outline:none;}
*:focus{outline:none;}

/* forma */
.form input[type="text"], .form input[type="email"], .form input[type="text"], .form input[type="email"], .combo_field input, #sec_code {
background: #0a0d18; color:#fff;  height: 40px; width: 278px; border-radius: 5px; padding: 0 10px; font-size: 14px; border: 2px solid #111627; margin-bottom: 13px; }
.form textarea, #comments  {
background: #0a0d18; color:#fff;  height: 90px; width: 100%;  border-radius: 5px; padding: 10px; font-size: 14px;  border: 2px solid #111627; margin-bottom: 13px;}

/* tipografika */
p {text-align:justify;color:#726533;padding:0  0 1px 0;margin: 0 0 5px 0;font-size:14px;line-height:1;}
strong, b {font-weight: 900;}
em{ font-style: italic; }
ul {display:block; padding:0;margin:0;}
ul li{line-height:1.6;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0; text-decoration:none; line-height:1;font-family:'Russo One', sans-serif; font-weight:400; color:#231f20;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1{font-size:2.2em;}
h2{font-size:1.6em;}
h3{font-size:1.3em; }
h4{font-size:1.1em}
/* sprait */
[class*='bg-']{display:inline-block; background:url(../images/sprit.png) no-repeat;}
[class*='bj-']{display:inline-block; background:url(../images/sprit-jpg.jpg) no-repeat;}
hr {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));}
.ramka {overflow:hidden;width:100%;}
section {width:80%;margin:20px 10%;}
.ststatic ul {padding-left:40px;}
.ststatic li {display:list-item; font-size:20px; padding-left:10px;}
.ststatic u {text-decoration:underline;}
/*-- END shablon --*/


 /*Knopka vverh*/
#back-top {font:800 44px/1.4 Georgia, serif; position:fixed; right:20px;padding:0;line-height:.8;border-radius:3px;color:#000;background:#c9d7bc;}
  
 
 /*DLE elemens*/
  /*poisk*/
#q_search{display:block;width:38%;position:absolute;right:20px;top:20px;z-index:700;}
#story {width:77%;padding-left:20px;float:left;margin-right:3%;height:30px;border-radius:3px;background:rgba(6,5,19,0.4);color:#fff;border: 1px solid #334272;}
#q_search button{margin:0;float:left;width:16%;}
#story:focus{border: 1px solid #93a297; color:#000; border-radius:3px;background:#fff; box-shadow:0 0 10px 0 rgba(117,140,126,0.9);}
  /*speedbar*/
.speedbar {position:absolute;top:52px;left:71px;z-index:95;color:#4e4e4e;}
.speedbar .over::before{content:""; display:inline-block;width:25px;height:16px; background:url(../images/sprit.png)  -426px -453px;}


/*sprit*/

.bg-ik_mob {width: 16px; height: 27px;background-position: -38px -548px;}

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

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

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