216 lines
2.3 KiB
SCSS
216 lines
2.3 KiB
SCSS
$baseFontSize : 14px;
|
|
$importantModNum : 20px;
|
|
$headerFontFamily : 'Palatino', 'serif';
|
|
$headerFontWeight : bold;
|
|
|
|
|
|
|
|
@import "compass";
|
|
@import "compass/reset";
|
|
|
|
|
|
@import "general";
|
|
|
|
|
|
body{
|
|
font-family:Palatino, Georgia;
|
|
|
|
|
|
#top{
|
|
background:#383838;
|
|
color:white;
|
|
padding:1em;
|
|
margin-top:1em;
|
|
a{
|
|
color:white;
|
|
}
|
|
|
|
}
|
|
|
|
#small_index{
|
|
position:fixed;
|
|
left:252px;
|
|
right:2px;
|
|
top:0px;
|
|
bottom:0px;
|
|
background:rgba(250,250,250, 0.9);
|
|
overflow:auto;
|
|
z-index:2;
|
|
|
|
display:none;
|
|
&.active{
|
|
display:block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#left{
|
|
|
|
position:fixed;
|
|
left:0px;
|
|
//top:1em;
|
|
width:250px;
|
|
z-index:3;
|
|
|
|
|
|
|
|
#logo{
|
|
display:block;
|
|
margin:25px 0;
|
|
|
|
}
|
|
|
|
|
|
#menu{
|
|
padding-top:1px;
|
|
padding-left:25px;
|
|
background:#97bc4a;
|
|
color:white;
|
|
padding-bottom:4em;
|
|
*{
|
|
color:white;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
#main{
|
|
margin-left:250px;
|
|
}
|
|
#pagination{
|
|
|
|
background:red;
|
|
width:100px;
|
|
height:100px;
|
|
border-radius:50%;
|
|
|
|
position:fixed;
|
|
z-index:2;
|
|
right:1em;
|
|
bottom:1em;
|
|
color:white;
|
|
*{
|
|
color:white;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
#logo{
|
|
|
|
width:100px;
|
|
|
|
}
|
|
|
|
.portfolio{
|
|
|
|
|
|
.intro{
|
|
text-align:center;
|
|
max-width:70%;
|
|
margin:auto;
|
|
*{
|
|
|
|
text-align:center;
|
|
}
|
|
}
|
|
.fileupload{
|
|
display:none;
|
|
|
|
}
|
|
.images{
|
|
min-height:400px;
|
|
text-align:center;
|
|
|
|
font-family:courier;
|
|
.portfolio_image_block{
|
|
display:inline-block;
|
|
max-width:90%;
|
|
|
|
|
|
margin:auto;
|
|
margin-top:2em;
|
|
position:relative;
|
|
|
|
.image{
|
|
|
|
max-height:90%;
|
|
max-width:100%;
|
|
//box-shadow: #AFAFAF 0px 0px 5px;
|
|
|
|
}
|
|
.title{
|
|
text-align:left;
|
|
color:gray;
|
|
.exifs{
|
|
position:absolute;
|
|
right:0;
|
|
top:0px;
|
|
width:110%;
|
|
|
|
font-size:0.6em;
|
|
|
|
@include transform-origin(top, right);
|
|
@include rotate(-90deg);
|
|
|
|
text-align:right;
|
|
|
|
&:hover{
|
|
font-size:1em;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.time{
|
|
color:gray;
|
|
float:right;
|
|
position:absolute;
|
|
right:0px;
|
|
|
|
|
|
}
|
|
|
|
.admin{
|
|
display:none;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
|
|
}
|
|
&:hover{
|
|
.admin{
|
|
display:block;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1250px) {
|
|
|
|
.portfolio{
|
|
|
|
|
|
|
|
.images{
|
|
|
|
.portfolio_image_block{
|
|
|
|
max-width:900px;
|
|
|
|
|
|
.image{
|
|
|
|
max-height:85%;
|
|
max-width:100%;
|
|
//box-shadow: #AFAFAF 0px 0px 5px;
|
|
|
|
}
|
|
|
|
}}}} |