Diary: Grey Cyberpunked

[D Tale]

Дизайн блочный
Навигационная панель вверху

Шрифт
заголовка -> жирный -> 15
текста -> обычный -> 13
гарнитура -> Trebuchet MS

Цвет текста
заголовка -> #7da7d8
записи -> #5574b9
ссылки -> #93a3da
оффтопика -> #555555

Цвет фона и границ
фона дневника -> #ffffff
фона заголовка -> #111111
фона записи -> #000000
границы -> #222222

CSS

body { background:#fff url("/userdir/1/9/2/4/1924297/65698721.jpg";);}
 body b { color:#6685ca; text-shadow:0 0 3px #5574b9;}
 a { text-shadow: 0 0 3px #93a3da;}
 a:hover { text-shadow: 0 0 9px #93a3da;}
 .paragraph a, #epigraph a{text-decoration:none;}
 .paragraph a:hover, #epigraph a:hover{text-decoration:underline;}
 h2{ text-shadow: 0 0 5px #7da7d8; }
 h2 b{ text-shadow: 0 0 5px #7da7d8; }
 #wrapper {margin-top:30px;margin-bottom:30px;}
 #wrapper,#page-c{width:880px !important; margin-left:auto !important; margin-right:auto !important; position:relative !important;opacity:1.00; filter:alpha(opacity=100))}
 #side{width:0px;}
 #extratop{text-align:center;height:319px;background:#000000 url('/userdir/1/9/2/4/1924297/65189264.jpg';) 50% 0 no-repeat;border:1px solid #222222;border-radius:30px; -moz-border-radius:30px; margin-bottom:15px;-moz-box-shadow: 0px 0px 10px #111; -webkit-box-shadow: 0px 0px 10px #111; box-shadow: 0px 0px 10px #111; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';); }
 #extratop:hover {border:1px solid #444;-moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; box-shadow: 0px 0px 10px #222; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#222222';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#222222';);}
 #YaSearchForm{position:absolute; top:297px; right: 20px;}
 #YaSearchForm input{border:0px; background-color: #000; color: #93a3da;}
 #side{text-align:center;}
 .top #side {margin-bottom:0px;}
 .top #side h1 {text-align:center;}
 .top #side h1 a{display:none;}
 .postActionLinks{position:absolute; right:10px;z-index:1;}
 .postTitle {text-align:center;}
 #more_login {display:none;}
 #postsArea .singlePost .authorName {display:none;}
 #postsArea .singlePost .postContent .commentAuthor {display:none;}
 #postsArea .singlePost .block_design .postInner {margin-left:0px;}
 #postsArea .singlePost .paragraph {width:100%; margin-left: 0px;}
 #postsArea .singlePost .block_design .paragraph {margin-left:0px;}
 .avatar {text-align:center;}
 .quote_text {border-left:3px solid #222222; border-right:3px solid #111111; padding: 0px 10px; margin: 0px 10px; color: #666;}
 hr {border-color:#222222;}
 .menuSection {text-shadow:0 0 3px #93a3da; }
 .menuSection ul{border-radius:15px; -moz-border-radius:15px;}
 .menuSection b {font-weight:normal;}
 #post0 .header {display:none;}
 .TagL {font-weight:normal;}
 .TagL:hover {text-decoration:underline !important;}
 .top.block_design #side h1 {border:none;padding-bottom:0px;margin:0px;}
 .menuSection div ul{opacity:0.85;filter:alpha(opacity=85);text-align:left;}
 .postTitle span{font-size:10pt; text-shadow:0 0 3px #93a3da;}
 .singlePost .postTitle span{display:none;}
 .postDate {text-shadow:0 0 3px #93a3da;}
 .atTag em span {display:none;}
 .atTag a {background: url('/userdir/1/9/2/4/1924297/64274513.png';) left bottom no-repeat; padding-left:3px; padding-bottom:1px;}
 .atTag a:hover {text-decoration:none !important;}
 .atTag em {color:#000; padding:3px; border:1px solid #222; padding-right:5px; font-size: 7pt;}
 .bordered {opacity:0.98; filter:alpha(opacity=98);overflow:visible;border-radius:30px; -moz-border-radius:30px;-moz-box-shadow: 0px 0px 10px #111; -webkit-box-shadow: 0px 0px 10px #111; box-shadow: 0px 0px 10px #111; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';);}
 .bordered:hover {opacity:1; filter:alpha(opacity=100);border:1px solid #333; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; box-shadow: 0px 0px 10px #222; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#222222';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#222222';); }
 .singlePost, .singleComment {opacity:0.85;filter:alpha(opacity=85);}
 .singlePost:hover, .singleComment:hover {opacity:1;filter:alpha(opacity=100); border-color:#333;}
 #side .bordered:hover{-moz-box-shadow: 0px 0px 10px #111; -webkit-box-shadow: 0px 0px 10px #111; box-shadow: 0px 0px 10px #111; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';);}
 #side .bordered { background:#222;opacity:0.9;filter:alpha(opacity=90);}
 #side .bordered:hover{ opacity:1;filter:alpha(opacity=100);}
 #extratop span {width:227px; height:77px;margin:auto;display:block;}
 #thisDiaryOwner li a,#thisDiaryLinks li a, #myDiaryLinks li a, #globalLinks li a{display:block;width:100%;background-color:#111;}
 #myDiaryLinks li span, #globalLinks li span, #myDiaryLinks li b, #globalLinks li b {margin:2px 2px 2px 5px;}
 #tagslistlink br{display:none;}
 #thisDiaryOwner li a,#thisDiaryLinks li a {padding:2px 2px 2px 5px;width:123px;}
 #thisDiaryOwner ul, #thisDiaryLinks ul {width:130px !important;}
 #thisDiaryLinks li a:hover, #thisDiaryOwner li a:hover, #myDiaryLinks li a:hover, #globalLinks li a:hover{background-color:#222;text-decoration:none;cursor:default;}
 #pchs li{display:block; float:left; background:#111;}
 #pchs li a {padding:2px 4px;}
 #pchs li a:hover{background:#222; text-decoration:none; cursor:default;}
 #pageBar { position:fixed; left:50%; top:100px; width:0px; background:none !important;}
 #pageBar table{display:block;text-align:center;padding:15px 0px;width:30px;background:#000 !important;position:absolute;top:0px; left:-490px;text-align:center; border-radius:30px; -moz-border-radius:30px; font-size:10pt; -moz-box-shadow: 0px 0px 10px #111; -webkit-box-shadow: 0px 0px 10px #111; box-shadow: 0px 0px 10px #111; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#111111';);}
 #pageBar table:hover { -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; box-shadow: 0px 0px 10px #222; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#222222';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#222222';);}
 #pageBar tbody, #pageBar td, #pageBar tr { width:30px !important; }
 #pageBar a, #pageBar strong { display:block !important;}
 #pageBar a:hover { background:#222; text-decoration:none; cursor:default; }
 #pageBar strong { background:#222; }
 #pageBar .pages_str { display:none; }
 #topNav,#bottomNav {display:inline !important; position:fixed; left:0px; top:0px; text-align:center;z-index:2;width:100%; background:url('/userdir/1/9/2/4/1924297/65672963.png';) repeat-x;height:60px;padding-top:10px;}
 #topNav ul, #bottomNav ul {display:inline;width:auto;margin:auto; }
 #topNav a,#bottomNav a {font-weight:bold;display:inline; border-radius:20px; -moz-border-radius:20px; padding:2px 10px 2px 10px; background:#666; opacity:0.6;filter:alpha(opacity=60);color:#fff; text-shadow:0 0 3px #fff;}
 #topNav a:hover, #bottomNav a:hover {opacity:1;filter:alpha(opacity=100);text-decoration:none;cursor:default;}
 #bottomNav {top:auto;padding-top:28px;opacity:1;filter:alpha(opacity=100); bottom:-28px; background:url('/userdir/1/9/2/4/1924297/65673113.png';) repeat-x;border-radius:0;-moz-border-radius:0;border:none;margin:0px;padding-bottom:0px;-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#ffffff';)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#ffffff';);}
 #postsArea, #epigraph,#post0 {opacity:1; filter:alpha(opacity=100);}
 #thisDiaryInfo {margin-top:260px !important;}

Preview

@темы: Web, Design