146 lines
2.4 KiB
SCSS
146 lines
2.4 KiB
SCSS
|
|
|
|
#articles_index{
|
|
position:fixed;
|
|
top:85px;
|
|
right:0px;
|
|
bottom:0px;
|
|
left:0px;
|
|
overflow:auto;
|
|
padding-top:50px;
|
|
width:100%;
|
|
padding-bottom:60px;
|
|
|
|
#pagination{
|
|
position:fixed;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
padding:10px;
|
|
background:rgba(0,0,0,0.8);
|
|
|
|
|
|
a, .current{
|
|
background:white;
|
|
display:inline-block;
|
|
padding:5px 10px 5px 10px;
|
|
font-weight:bold;
|
|
border-radius:20px;
|
|
font-size:14px;
|
|
color:rgba(0,0,0,0.8);
|
|
|
|
&:hover{
|
|
box-shadow: 0 0px 8px rgba(0,0,0,0.5);
|
|
background-image: -webkit-linear-gradient(#FCEDA7,#FADB4E);
|
|
background-image: -webkit-linear-gradient(#FCEDA7,#FADB4E);
|
|
color:white;
|
|
text-shadow: rgba(0,0,0,0.8) 0px 0px 3px;
|
|
}
|
|
}
|
|
.current{
|
|
background:transparent;
|
|
color:white;
|
|
text-shadow: rgba(0,0,0,0.8) 0px 0px 3px;
|
|
border:1px solid white;
|
|
|
|
&:hover{
|
|
@extend .current
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.search_pannel{
|
|
height:35px;
|
|
position:fixed;
|
|
top:85px;
|
|
right:0px;
|
|
left:0px;
|
|
background:rgba(143,193,46,0.9);
|
|
padding:10px;
|
|
text-align:right;
|
|
box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4);
|
|
}
|
|
table{
|
|
|
|
td{
|
|
padding:10px;
|
|
}
|
|
|
|
.active{
|
|
td{
|
|
box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4);
|
|
}
|
|
}
|
|
|
|
tr{
|
|
td:first-of-type{
|
|
padding-left:20px;
|
|
}
|
|
|
|
td:last-of-type{
|
|
padding-right:20px;
|
|
}
|
|
|
|
&:hover{
|
|
td{
|
|
box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
#article_detail{
|
|
position:fixed;
|
|
top:45px;
|
|
right:0px;
|
|
|
|
background:url('/assets/bg-brown.jpg') white;
|
|
bottom:70px;
|
|
width:99.8%;
|
|
|
|
display:none;
|
|
margin-right:-110%;
|
|
box-shadow: 0 0 30px rgba(0,0,0,1);
|
|
border-radius: 10px 0px 0px 10px;
|
|
.header{
|
|
background:transparent;
|
|
h1{
|
|
font-family:'Gill Sans' ;
|
|
text-shadow: rgba(0,0,0,0.8) 1px 1px 0px;
|
|
font-size:24px;
|
|
font-weight:normal;
|
|
em{
|
|
font-size:13px;
|
|
padding-left:10px;
|
|
}
|
|
|
|
}
|
|
.desc{
|
|
color:white !important;
|
|
position:absolute;
|
|
top:50px;
|
|
left:10px;
|
|
bottom:10px;
|
|
width:370px;
|
|
overflow:auto;
|
|
text-align:justify;
|
|
padding-right:10px;
|
|
}
|
|
}
|
|
|
|
#article_block_edit{
|
|
position: absolute;
|
|
top:50px;
|
|
border:1px solid black;
|
|
bottom:10px;
|
|
left:400px;
|
|
right:10px;
|
|
overflow:auto;
|
|
background:url('/assets/bg-white.jpg');
|
|
|
|
}
|
|
|
|
} |