Note: After saving, you have to
bypass your browser's cache to see the changes.
Internet Explorer: press
Ctrl-F5 ,
Mozilla: hold down
Shift while clicking
Reload (or press
Ctrl-Shift-R ),
Opera/Konqueror: press
F5 ,
Safari: hold down
Shift + Alt while clicking
Reload ,
Chrome: hold down
Shift while clicking
Reload .
body
{
margin : 0 ;
background-color : #2F3336 ;
color : #efefef ;
font-family : 'Open Sans' , sans-serif ;
font-size : 17 px ;
}
h1 . logo
{
font-size : 44 px ;
font-weight : 700 ;
color : #ddd ;
text-align : center ;
text-transform : uppercase ;
letter-spacing : 5 px ;
margin-top : 50 px ;
margin-bottom : 40 px ;
}
# topnav
{
background-color : #1c74b2 ;
text-align : center ;
}
. menu
{
list-style-type : none ;
margin : 0 ;
padding : 10 px ;
font-size : 18 px ;
min-height : 38 px ;
line-height : 200 % ;
}
. menu > li
{
display : inline-block ;
padding-left : 20 px ;
padding-right : 20 px ;
border-right : 1 px dashed #0a2b42 ;
}
. menu > li : first-child
{
border-left : 1 px dashed #0a2b42 ;
}
. menu a
{
color : #fff ;
text-decoration : none ;
}
. menu a : hover
{
color : #0a2b42 ;
}
. categories
{
margin-left : auto ;
margin-right : auto ;
width : 950 px ;
text-align : center ;
padding : 0 ;
}
h1
{
font-size : 44 px ;
font-weight : 400 ;
color : #39a5f1 ;
margin-bottom : 20 px ;
}
. author
{
display : inline-block ;
margin-top : 10 px ;
}
. author a
{
opacity : 0.9 ;
}
. author a : hover
{
opacity : 1 ;
}
figure
{
margin : 8 px ;
padding : 0 ;
}
figcaption
{
margin-top : 8 px ;
padding : 0 ;
}
. entries
{
margin-left : auto ;
margin-right : auto ;
width : 950 px ;
text-align : center ;
padding-top : 10 px ;
padding-bottom : 80 px ;
margin-top : 40 px ;
}
# newest
{
background-color : #191d21 ;
}
. entry
{
background-color : #222930 ;
padding : 10 px ;
text-align : justify ;
margin-top : 40 px ;
border-radius : 5 px ;
}
. entryimg
{
display : inline-block ;
margin-left : 30 px ;
width : 110 px ;
}
. entryimg img
{
width : 90 px ;
height : 90 px ;
}
. entrytxt
{
display : inline-block ;
width : 750 px ;
font-size : 15 px ;
}
h2
{
font-size : 20 px ;
font-weight : 400 ;
color : #39a5f1 ;
}
. contact
{
margin-left : auto ;
margin-right : auto ;
width : 950 px ;
text-align : center ;
padding-bottom : 70 px ;
margin-bottom : 50 px ;
}
. contact p
{
margin-bottom : 50 px ;
}
. bluebutton
{
background-color : #1c74b2 ;
padding : 15 px ;
color : #efefef ;
font-size : 19 px ;
text-decoration : none ;
border-radius : 5 px ;
min-width : 300 px ;
}
. bluebutton : hover
{
background-color : #196499 ;
}
. socials
{
width : 100 % ;
text-align : center ;
background-color : #191d21 ;
}
. socialdivs
{
width : 1000 px ;
margin-left : auto ;
margin-right : auto ;
}
. fb
{
width : 250 px ;
height : 155 px ;
float : left ;
}
. fb : hover
{
background-color : #4668b3 ;
}
. yt
{
width : 250 px ;
height : 155 px ;
float : left ;
}
. yt : hover
{
background-color : #d94348 ;
}
. tw
{
width : 250 px ;
height : 155 px ;
float : left ;
}
. tw : hover
{
background-color : #3095d3 ;
}
. gplus
{
width : 250 px ;
height : 155 px ;
float : left ;
}
. gplus : hover
{
background-color : #d95333 ;
}
. info
{
margin-left : auto ;
margin-right : auto ;
text-align : center ;
padding : 20 px ;
}
. container
{
margin-left : auto ;
margin-right : auto ;
width : 1000 px ;
}
. west
{
float : left ;
width : 750 px ;
padding : 20 px ;
text-align : justify ;
}
. east
{
float : left ;
width : 170 px ;
padding : 20 px ;
}
. west h1
{
font-size : 32 px ;
font-weight : 400 ;
color : #39a5f1 ;
margin-bottom : 20 px ;
}
. east ul
{
padding-left : 20 px ;
}
. east ul > li
{
margin-bottom : 5 px ;
}
. east img
{
margin-top : 15 px ;
}