Crepuscule (Talk | contribs) |
Crepuscule (Talk | contribs) |
||
Line 16: | Line 16: | ||
margin: auto; | margin: auto; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 100; |
− | bottom: | + | bottom: 100; |
− | left: | + | left: 100; |
− | right: | + | right: 100; |
} | } | ||
Revision as of 01:39, 12 October 2016
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:;content:none}table{border-collapse:collapse;border-spacing:0} /*素材家园 - www.sucaijiayuan.com*/
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
body {
background-color: #eaeaea; font-family: 'Roboto';
}
.center-block, .carrousel, .carrousel .wrapper {
margin: auto; position: absolute; top: 100; bottom: 100; left: 100; right: 100;
}
.gallery {
list-style: none;
}
.portrait {
width: 150px; box-shadow: 0 0 3px #555; background-color: #FFF; padding: 5px; margin: 7px 0px 0px 7px; text-align: center; cursor: pointer; float: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%);
} .portrait:hover {
-moz-transform: scale(1.04, 1.04); -ms-transform: scale(1.04, 1.04); -webkit-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); box-shadow: 0 0 5px #555; -webkit-filter: grayscale(0%); filter: grayscale(0%);
} .portrait .pic {
width: 100%; margin: 5px 0;
} .portrait .date {
font-size: 10px; font-weight: bold;
} .portrait .foot {
font-size: 11px;
} .portrait .foot .heart {
margin-left: 4px;
}
.carrousel {
position: fixed; background-color: rgba(10, 10, 10, 0.8); display: none;
} .carrousel .wrapper {
width: 600px; height: 600px; overflow: hidden; /*.loading{ color: #FFF; font-size: 24px; margin: 40% 40%; display: none; }*/
} .carrousel .wrapper > img {
width: 100%;
}
.close {
cursor: pointer; color: #FFF; position: absolute; top: 4px; right: 8px; font-size: 18px;
} .close:hover {
font-size: 20px; color: #DDD;
} /*素材家园 - www.sucaijiayuan.com*/