Файл: css/style-desktop.css
Строк: 175
/*
Striped 1.0 by HTML5 Up!
html5up.net | @n33co
Free for personal
and commercial use under the CCA 3.0 license
(html5up.net/license)
*/
/*********************************************************************************/
/*
Basic
*/
/*********************************************************************************/
html
{
height:
100%;
}
input, textarea
{
}
body
{
line-height:
1.75em;
height: 100%;
}
h2
{
font-size: 1.2em;
}
h3,
h4, h5, h6
{
font-size: 1em;
}
.button
{
display:
inline-block;
padding: 0.5em 2em 0.5em
2em;
}
.button-small
{
font-size: 0.85em;
padding:
0.35em 1.5em 0.35em 1.5em;
}
.button-big
{
font-size:
1.25em;
padding: 0.75em 2em 0.75em
2em;
}
.button-huge
{
font-size: 1.5em;
padding: 0.75em
2em 0.75em 2em;
}
.pager
{
padding: 3em 0 0 0;
}
.pager
.pages
{
}
.pager .previous
{
margin-right:
0.6em;
}
.pager .next
{
margin-left: 0.2em;
}
.pager
.pages a
{
width: 2.75em;
height: 2.75em;
line-height:
2.75em;
}
.pager .button
{
height:
2.75em;
padding-top: 0;
padding-bottom: 0;
line-height:
2.75em;
}
/*********************************************************************************/
/*
Section/Article Types
*/
/*********************************************************************************/
.is-post
{
}
.is-post
.info
{
}
.is-post .info .stats
{
}
.is-post
.info .stats li a
{
border-radius: 0.4em;
opacity:
0.5;
-moz-transition: opacity .25s ease-in-out, background-color .25s
ease-in-out;
-webkit-transition: opacity .25s ease-in-out,
background-color .25s ease-in-out;
-o-transition: opacity .25s
ease-in-out, background-color .25s ease-in-out;
-ms-transition:
opacity .25s ease-in-out, background-color .25s
ease-in-out;
transition: opacity .25s ease-in-out, background-color
.25s ease-in-out;
}
.is-post .info .stats li:hover
a
{
background-color: #f4f4f4;
opacity:
1.0;
}
/*********************************************************************************/
/*
Logo
*/
/*********************************************************************************/
#logo
{
background-color:
#c94663;
background-image: url('images/bg1.png');
padding: 1.75em
0.5em 1.75em 0.5em;
border-radius: 0.4em;
text-align:
center;
box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15), 0
0.025em 0.15em 0em rgba(0,0,0,0.25);
}
#logo
h1
{
font-family: 'Open Sans Condensed',
sans-serif;
font-weight: 700;
color: #fff;
font-size:
2em;
letter-spacing:
0.1em;
}
/*********************************************************************************/
/*
Nav
*/
/*********************************************************************************/
#nav
{
}
#nav
> ul > li > ul
{
display: none;
}
#nav
ul
{
margin: 0;
}
#nav li
{
border-top: solid 1px
rgba(0,0,0,0.25);
box-shadow: inset 0px 1px 0px 0px
rgba(255,255,255,0.075);
padding: 0.5em 0 0.5em 0;
}
#nav
li:first-child
{
border: 0;
box-shadow: none;
padding-top:
0;
}
#nav li:last-child
{
padding-bottom: 0;
}
#nav
li a
{
display: block;
padding: 0.4em 1em 0.4em
1em;
text-decoration: none;
border-radius: 0.4em;
outline:
0;
-moz-transition: background-color .25s ease-in-out, color .25s
ease-in-out;
-webkit-transition: background-color .25s ease-in-out,
color .25s ease-in-out;
-o-transition: background-color .25s
ease-in-out, color .25s ease-in-out;
-ms-transition: background-color
.25s ease-in-out, color .25s ease-in-out;
transition: background-color
.25s ease-in-out, color .25s ease-in-out;
}
#nav
li.current_page_item a
{
background-color: #272E39
!important;
background-color: rgba(0,0,0,0.15)
!important;
box-shadow: 0 0 0 1px rgba(255,255,255,0.05), inset 0 0
0.25em 0 rgba(0,0,0,0.25);
font-weight: 700;
color:
#fff;
}
#nav li:hover a
{
background-color:
rgba(200,225,255,0.1);
color:
#fff;
}
/*********************************************************************************/
/*
Sidebar
*/
/*********************************************************************************/
#sidebar
{
position:
absolute;
top: 0;
width: 14em; /* = whatever you want */
padding:
3em 1.35em 1em 1.15em;
box-shadow: inset -0.1em 0em 0.35em 0em
rgba(0,0,0,0.15);
height: 100%;
}
body.left-sidebar
#sidebar
{
left: 0;
}
body.right-sidebar
#sidebar
{
right: 0;
}
#sidebar header
{
margin: 0 0
1.25em 0;
}
#sidebar section,
#sidebar nav
{
margin: 2em
0 0 0;
font-size: 0.9em;
}
#sidebar
section:before,
#sidebar nav:before
{
height:
0.5em;
margin: 0 0 2em
0;
}
/*********************************************************************************/
/*
Content
*/
/*********************************************************************************/
#content
{
height:
100%;
box-shadow: 0 0 0.25em 0em
rgba(0,0,0,0.25);
}
#content-inner
{
/*
This sets an upper
limit to the width of your page content. Prevents
it from looking
insane on super wide displays. By default I've set it
to the width of
the sample post images, but you can change it to
whatever you like (or
remote it entirely).
*/
max-width:
1038px;
}
/*********************************************************************************/
/*
Copyright
*/
/*********************************************************************************/
#copyright
{
margin:
2em 0 0 0;
text-align: center;
}
#copyright p
{
font-size:
0.8em;
line-height: 2em;
}
#copyright:before
{
height:
0.5em;
margin: 0 0 2em 0;
}