django_blog/blog/static/css/blog.css

.col {padding: 2em}

button[name="action"] {display: block; float: right; margin: 1px}
a {color: #2980b9;}

.block, .page-header {
    display: inline-block; 
    width: 90%;
    min-height: 100px;
    margin: 5px; border-radius: 5px; box-shadow: 1px 1px 3px #999999; padding: 10px; padding-left: 8%;
}

.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: 12px;
text-align: center;
top: -10px;
}

.menu_top {list-style: none; text-decoration: none;}
.menu_top li {display: inline; margin-right: 10px;} 
.paginator {font-size: 25px; text-align: center; }   
.paginator a {display: inline-block; padding: 2 1;  text-decoration:none; text-align: center; }

.page-header {height: 120px;}

textarea{
 width: 90%;
 margin:5px 10px;
}

.right {
 float: right;
 text-align: end;
}

.menu {
 margin: 0;
 padding: 0;
 position: absolute;
 display: table;
 list-style: none;
 display: table;
 z-index: 2;
}

.menu ul {display: none;}

.menu li:hover ul {
 display: block;
 background: white;
 box-shadow: 1px 1px 3px #999999; 
}

.menu li {
 display: table-cell;
 text-align: center;
 direction: ltr;
}
.menu ul li {
 display: block;
 text-align: left;
}
.menu a {
 display: block;
 padding: 8px 14px;
}

.menu, .sub-menu {padding: 0; margin: 0; white-space: nowrap;}

.menu li:hover > a {
 background: rgba(41, 128, 185, 0.7);
 color: #fff;
}

.dialog {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.8);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
}

.dialog:target {
display: block;
pointer-events: auto;
}

.dialog1 {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.8);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
}

.dialog1:target {
display: block;
pointer-events: auto;
}

.dialog > div {
width: 17em;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
}

table {
border: none; 
border-collapse: collapse;}

td {padding: 2 10;}

tr:hover td {
background-color: rgba(41, 128, 185, 0.1);
}