User:REEE/styles.css

注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

Firefox/Safari：按住“Shift”的同时单击“刷新”，或按“Ctrl-F5”或“Ctrl-R”（Mac为“⌘-R”）
Google Chrome：按“Ctrl-Shift-R”（Mac为“⌘-Shift-R”）
Internet Explorer：按住“Ctrl”的同时单击“刷新”，或按“Ctrl-F5”
Opera：在“工具→首选项”中清除缓存

如果您已登录但该页面出现未登录状态，请尝试在地址栏的地址最后添加代码?_=1来访问最新页面。: 添加代码后的本页地址如下：-{R|https://moegirl.icu/User:REEE/styles.css?_=1}-

.userpage {
	width:540px;
	height:540px;
	margin:auto;
	transition:all .3s ease-out;
}
.userpage:hover {
	width:100%;
	height:840px;
}
.upage-cell,.upage-photo {
	position:relative;
	padding:0;
	width:5%;
	height:5%;
	transition:all .3s ease-out;
}
.upage-cell:first-child,.upage-photo:first-child {z-index:1;}
.upage-cell:nth-child(2),.upage-photo:nth-child(2) {z-index:2;}
.upage-cell:last-child,.upage-photo:last-child {z-index:3;}
.upage-cell:hover {
	width:40%;
	height:40%;
}
.upage-photo:hover {
	width:10%;
	height:10%;
}
.upage-cell>div {
	position:relative;
	left:0;
	top:0;
	width:calc(100% - 5px);
	height:calc(100% - 5px);
	border:0 solid black;
	background:#fdfdfd;
	box-shadow:0 0 0 -1px rgba(0,0,0,1);
	overflow:hidden;
	text-align:center;
	transition:all .3s ease-out;
}
.upage-cell:hover>div {
	width:calc(100% - 9px);
	border-radius:0 !important;
	border-width:2px;
	transition:border-radius .3s ease-out, border-width, width;
}
.upage-cell:not(.dvlp):hover>div {
	left:-10px;
	top:-10px;
	box-shadow:15px 15px 6px -4px rgba(0,0,0,.6);
	transition:all .2s ease-out .7s, border-radius .3s ease-out, border-width, width;
}
.upage-content {
	position:absolute;
	top:30px;
	left:7px;
	width:1400px;
	height:calc(100% - 30px);
	visibility:hidden;
	overflow-y:auto;
	text-align:left;
	z-index:0;
}
.upage-cell:hover .upage-content {
	width:calc(100% - 7px);
	visibility:visible;
	transition:all 0s 0.3s;
}
.upage-mask {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background:grey;
	transition:all .3s ease-out;
}
.upage-cell:not(.ucm):not(.dvlp):hover .upage-mask {
	left:2px;
	top:2px;
	width:calc(100% - 4px);
	height:28px;
	transition:all .3s ease-out 1.1s;
}
.upage-icon {
	position:absolute;
	left:calc(50% - 27px);
	top:calc(50% - 42px);
	width:54px;
	z-index:2;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	transition:all .3s ease-out;
}
.userpage:hover .upage-icon {
	padding-top:16px;
}
.upage-cell:hover .upage-icon {
	padding-top:0;
}
.upage-cell:not(.ucm):not(.dvlp):hover .upage-icon {
	left:7px;
	top:7px;
	width:18px;
	transition:all .3s ease-out 1.1s, padding-top .3s ease-out;
}
.upage-title {
	position:relative;
	top:calc(50% + 8px);
	z-index:3;
    margin:0 -40px 0;
	font-size:21px;
	color:white;
	font-weight:bold;
	font-family:sans-serif;
	transition:all .3s ease-out;
}
.userpage:hover .upage-title {
	opacity:0;
	transition:all .2s ease-out;
}
.upage-cell:hover .upage-title {
	opacity:1;
	transition:all .2s ease-out .7s;
}
.upage-cell:not(.ucm):not(.dvlp):hover .upage-title {
	top:5px;
	font-size:14px;
	transition:all .3s ease-out 1.1s, opacity .2s ease-out .7s;
}
.upage-photo>div {
	position:absolute;
	bottom:0;
	left:0;
	width:calc(100% - 5px);
	height:calc(100% - 5px);
	text-align:center;
}
.upage-photo img {
	display:inline-block;
	vertical-align:middle;
	max-width:calc(100% - 10px);
	max-height:165px;
	border-radius:50%;
	border:5px solid grey;
	transition:all .3s ease-out;
}
.userpage:hover .upage-photo img {
	max-height:69px;
}
.userpage>*>tr:hover .upage-photo img,.userpage>tr:hover .upage-photo img {
	max-height:657px;
}
.userpage>*>tr>.upage-photo:hover img,.userpage>tr .upage-photo:hover img {
	max-height:405px;
}
.upage-button {
	display:flex;
	position:absolute;
	width:60px;
	height:60px;
	right:70px;
	border-radius:50%;
	background:#0094d2;
	box-shadow:0 8px 6px 0 rgba(0,0,0,.2);
	justify-content:center;
	align-items:center;
}
.upage-button:hover {
	background:#49a9d9;
}
.upage-button:active {
	background:#1676a6;
}
.upage-button>img {
	width:24px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
.upage-content:before {content:"";display:block;margin-bottom:20px;}
.upage-content:after {content:"";display:block;margin-top:60px;}
.upage-photo>div:after {
	content:"";
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
.dvlp>div:after {content:"DEVELOPING…";}
.ucm>div:after {content:"UPCOMING…";}
.upage-cell>div:after {
	display:block;
	position:relative;
	top:calc(50% + 6px);
	font-size:14px;
	height:0;
    margin:0 -40px 0;
    z-index:3;
	color:#333;
	font-weight:bold;
	font-style:italic;
	font-family:sans-serif;
	opacity:0;
	transition:all .2s ease-out;
}
.upage-cell:hover>div:after {
	opacity:1;
	transition:all .2s ease-out .7s;
}
.upage-cell>div>.external {background:0 0;padding:0}
.upage-cell>div>.Wikiplus-Edit-EveryWhereBtn {display:none;}

User:REEE/styles.css

导航菜单

搜索