LINUX.ORG.RU
Форум — Web-development  

Красивые css стили

 


1

3

Накидайте, пожалуйста, адреса эстетских, интересных с точки зрения дизайна сайтов. Скорее всего такая тема здесь на лоре уже была, но не могу найти

★

Последнее исправление: PatrickKilpatrick (всего исправлений: 1)
← Релизуют ли лучшие собаководы в наше время вёрстку под мобильный и десктопный браузер одной и той же парой CSS + HTML файлов или всё ещё это отдельные вёрстки?
Динамически менять favicon в фоновой вкладке (мигание; оповещения) - как это сделать без запроса на сервак? →
Ответ на: комментарий от PatrickKilpatrick

Для текста:

::selection {background:#E7EAEC}
::-moz-selection {background:#E7EAEC}

a:link {
color:#6699CC
}

a:visited {
	color:#EC5F66
}

body{
	margin:auto;
	max-width:800px;
	line-height:1.6;
	font-size:18px;
	color:#333333;
	padding:20px;
	background-color:#F9FAFA}

h1,h2,h3 {line-height:1.2}

Для списка файлов (http://strelnikov.xyz/pub):

::selection {background:#E7EAEC}
::-moz-selection {background:#E7EAEC}

a:link {
color:#6699CC
}

a:visited {
	color:#EC5F66
}

body{
	margin:auto;
	max-width:800px;
	line-height:1.6;
	font-size:18px;
	color:#333333;
	padding:20px;
	background-color:#F9FAFA}

h1,h2,h3 {line-height:1.2}
aquadon ★★★★★
()
Ответ на: комментарий от Octagon

эх, когда то в молодые годы что-то даже написал на Рэкете, какой-то pet project.

PatrickKilpatrick ★
() автор топика
Ответ на: комментарий от PatrickKilpatrick

Для списка файлов вставил не то по ошибке.

::selection {
  background: #D0D0D0; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #D0D0D0; /* Gecko Browsers */
}


* {
    margin:0;
    padding:0;
}

html {
    min-height:100%;
    font-weight:300;
    font-size:16px;
    font-family:monospace;
    line-height:2em;
}
body {
    max-width:850px;
    margin: 0 auto;
    background: #F9FAFA;
    color: #565656;
}
a {
    color:#565656;
    text-decoration:none;
}

.wrapper {
    margin:0 auto;
    padding-top:20px;
    max-width:800px;
}

h1 {
    font-weight:200;
    text-align:center;
    font-size:1.8em;
    line-height:3em;
    font-family:monospace;
}
a.clear, a.clear:link, a.clear:visited {
    padding:2px 0 2px 0;
    font-weight: 400;
    font-size: 14px;
    margin:0px 0 0 20px;
    line-height: 14px;
    display: inline-block;
    border-bottom: transparent 1px solid;
    vertical-align: -10px;
}
a.clear:hover {
    text-decoration: none;
    cursor: pointer;    
}

table {
    border-collapse:collapse;
    font-size:.950em;
    max-width:100%;
    margin:20px auto 0px auto;
}
tr {
    outline:0;
    border:0;
}
tr:hover td {
    background:#D0D0D0;
}
th {
    text-align:left;
    font-size:1em;
    padding-right:20px;
    width:85%;
}
/* 2nd Column: Filename */
th + th {
    width:10%;
    padding-left:0px;
    padding-right:0px;
    min-width:100px;
}
/* 3rd Column: Last Modified */
th + th + th {
    width:20%;
}
/* 4th Column: Size */
th + th + th + th {
    width:5%;
}
tr td:first-of-type {
    padding-left:10px;
    padding-right:10px;
}
th:first-of-type {
    padding-left:10px;
}
td {
    outline:0;
    border:0;
    border-bottom:1px solid #D0D0D0;
    vertical-align:middle;
    text-align:left;
}
td:last-child, th:last-child {
    text-align:right;
    min-width:150px;
}
th:last-child {
    padding-right:5px;
}
td:last-child {
    padding-right:10px;
}
td a{
    display: block;
}
tr.parent a {
    color:#9099A3;
}

.footer {
    text-align:center;
    font-size:.75em;
    margin-top:50px;
}
aquadon ★★★★★
()
Ответ на: комментарий от Deleted

Busybox.net очень хорош. А вот форумы все ужос, кроме gotai.net/forum

К вымирающему десктопному вебу можно еще добавить Gmail Basic HTML view

kwinto ★
()
Ответ на: комментарий от kwinto

А вот форумы все ужос

Дык guns.ru же крутой, компактный, информативный. Тебе наверное просто непривычно.

Deleted
()
Ответ на: комментарий от Deleted

Или ты привык. По-моему, там «выделение ссылок» утратило свое значение.

kwinto ★
()
Ответ на: комментарий от aquadon

и для какого это устройства? всмысле экрана? у меня на стандартном 16:9 как то дико выглядит, раздел трекер просто ужасен, на многих сайтах все сдвинуто к левой стороне экрана - вообще не юзабильно! вот мой css 

*{font:normal normal normal 105%/1.2 consolas;}
пусть все будет как есть - только слегка покрупнее и с моими шрифтами

amd_amd ★★★★★
()

Мне срубирубли,киного нравятся , не буду ссылки давать, но аккуратная блочная структура с хорошей навигацией это няяяя, ничего лишнего всё в аккуратных квадратиках и прямоугольниках, никаких параллаксов сраных. Эти сайты не интересные, они просто удобные. А это важнее интереса

LINUX-ORG-RU ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← Релизуют ли лучшие собаководы в наше время вёрстку под мобильный и десктопный браузер одной и той же парой CSS + HTML файлов или всё ещё это отдельные вёрстки?
Web-development
Динамически менять favicon в фоновой вкладке (мигание; оповещения) - как это сделать без запроса на сервак? →