2016/1/27 T

*,*:after,*:before{
-moz-box-sizing:border-box;
box-sizing: border-box;
}
html,body,.st-container,.st-pusher,.st-content{
height: 100%;
}
.st-content{
overflow-y: scroll;
background: #f3efe0;
}
.st-content,.st-content-inner{
position: relative;
}
.st-container{
overflow: hidden;
position: relative;
}
.st-pusher{
position: relative;
left: 0;
z-index: 99;
height: 100%;
-webkit-transition:-webkit-transform0.5s;
}
.st-pusher::after{
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0,0,0,0.2);
content: ‘‘;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.st-menu-open.st-pusher::after{
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity0.5s;
transition: opacity 0.5s;
}
.st-menu{
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 300px;
height: 100%;
background: #48a770;
-webkit-transition:all 0.5s;
transition:all 0.5s
}
.st-menu::after{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0,0.2);
content: "";
-webkit-transition:opcity 0.5s;
transition: opacity0 .5s;
}
.st-menu-open,.st-menu::after{
width: 0;
opacity: 0;
height: 0;
-webkit-transition:opacity0.5s height0.1s 0.5s width 0.1s 0.5s;
transition:opacity0.5s height0.1s 0.5s width 0.1s 0.5s;
}
.st-menu ul{
margin: 0;
padding: 0;
list-style: none;
}
.st-menu h2{
margin: 0;
padding: 1em;
color:rgba(0,0,0,0.4);
text-shadow: 0 0 1px rgba(0,0,0,0.1);
font-weight: 300;
font-size: 2em;
}
.st-menu ul li a{
display: block;
padding: 1em 1em 1em 1.2em;
outline: none;
box-shadow: inset 0 -1px rgba(0,0,0,0.2);
color: #f3efe0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
-webkit-transition:background 0.3s,box-shadow 0.3s;
transition:background 0.3s,box-shadow 0.3s;
}
.st-menu ul li:first-child a{
box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}
.st-menu ul li a:hover{
background: rgba(0,0,0,0.2);
box-shadow: inset 0 -1px rgba(0,0,0,0);
color: #fff;
}
.st-effect1.st-menu{
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.st-effect-1.st-menu-open.st-effect-1.st-menu{
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.st-effect-1.st-menu::after{
display: none;
}
.st-effect-2.st-menu.st-pusher{
-webkit-transform:translate3d(300px,0,0);
transform:translate3d(300px,0,0);
}
.st-effect-2.st-menu{
z-index: 1;
}
.st-effect-2.st-menu-open.st-effect-2.st-menu{
visibility: visible;
-webkit-transition:-webkit-transform 0.5s;
transition:transform 0.5;
}
.st-effect-2.st-menu::after{
display: none;
}
.st-effect-3.st-menu-open.st-pusher{
-webkit-transform:translate3d(300px,0,0);
transition:translate3d(300px,0,0);
}
.st-effect-3.st-menu{
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.st-effect-3.st-menu-open.st-effect-3.st-menu{
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.st-effect-3.st-menu::after{
display: none;
}
.st-effect-4.st-menu-open.st-pusher{
-webkit-transform:translate3d(300px,0,0);
transition:translate3d(300px,0,0);
}
.st-effect-4.st-menu{
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.st-effect-4.st-menu-open.st-effect-4.st-menu{
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.st-effect-4.st-menu::after{
display: none;
}
.st-effect-5.st-menu-open.st-pusher{
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.st-effect-5.st-menu{
z-index: 1;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.st-effect-5.st-menu-open.st-effect-5.st-menu{
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

时间： 2024-09-30 15:37:30

2016/1/27 T的相关文章

2016/1/27 1， File 创建 删除 改名 换路径 2，输出流 不覆盖 换行输入 3，输入流

1, File  创建  删除  改名  换路径 1 package Stream; 2 3 import java.io.File; 4 5 import java.io.IOException; 6 7 public class OutIn { 8 9 /** 10 * 输入输出 11 */ 12 public static void main(String[] args) { 13 File f1 = new File("d:/book.txt"); // 第一种 实例化文件名称

2016.9.27小程序---数据库练习1

1 -- createbbc, 1, 50 2 DROP TABLE bbc; 3 4 5 CREATE INDEX bbc_region ON bbc(region); 6 7 GO 8 -- tabbbc, 1, 50 9 INSERT INTO bbc VALUES ('Afghanistan','South Asia',652225,26000000,NULL); 10 INSERT INTO bbc VALUES ('Albania','Europe',28728,3200000,66

2016.2.27日（开学）学习总结

复习时间:2016.2.26 复习地点:南书院 复习内容:PHP Web程序设计与Ajax技术 知识点: 1)c/s结构与b/s结构的比较 c/s不易于部署,升级困难,同时对客户端的操作系统也有要求: b/s结构响应速度明显不如c/s结构,每次访问(前进或者后退)都会导致页面的刷新. 2)web应用程序与网站 网站侧重于将数据的展示形式,而web应用程序的真正核心功能是对数据库进行处理(例如b/s的管理信息系统) 3)HTTP通信协议是浏览器与web服务器之间通信的语言  浏览器只能解析HTML

angular2 组件之间通讯-使用服务通讯模式 2016.10.27 基于正式版ng2

工作中用到ng2的组件通讯 奈何官方文档言简意赅 没说明白 自己搞明白后 整理后分享下 rxjs 不懂的看这篇文章 讲很详细 http://www.open-open.com/lib/view/open1462525661610.html 以下是服务代码 1 import { Injectable } from '@angular/core'; 2 import {Subject}from"rxjs/Subject"; 3 @Injectable() 4 export class CS

【2016.5.27】再见，软件工程，你好，软件工程。

今天是5月27号,软件工程课已经结了一个星期了,后天就是软件工程期末考试的日子了,想着这一个学期的走来,从新奇,到抵触,到接受,到理解,其中的酸甜苦辣,只有自己知道. 今天距离考研还有210天,说实话,如果没有考研,大创,还有一些乱七八糟的比赛的话,我会更加投入到软件工程的学习中来,很可惜,也很无奈.就像水奔流到海不回头一样,我们也没有后悔药可以吃,既然选择,就必须承担起他引发的一切后果. 我的兴趣在于嵌入式,作为一个讲究设计,思考的方向,当时我感觉,软件工程的理论实用性不是那么的强,但是现在,

2016.11.27

今天是我第一次开始打算记录自己的计划,现在回头看看,从6月12号毕业到今天也已经度过了169天了,毕业之后一直在尝试投简历,刚开始还是打算在家附近找一份工作,后来觉得家附近并没有很好前景的企业,当时也只是漫无目的的打算找一份过得去的工作先做起来,便开始扩大范围的投简历,就这样在家待了大概三周后,我没有了起初的悠哉,开始焦虑起来,以至于我居然去了所谓的类似P2P公司面试,现在想想确实有些好笑,当时也没太认真,总感觉毕业了还歇在家怎么也说不过去. 两周后. 度过了难熬的时间,我有了第一份工作,是一家

2016.5.27 php测试中敏感度高，怎么调整

在测试PHP代码的过程中,会遇到这样的问题:PHP提示Notice: Undefined variable,遇到这样的问题很纠结,但是很容易解决. 今天晚上,我就遇到了这样的问题,到网上搜索了很多解决方法,整理如下,仅供参考,同时再次感谢网上各位大牛给大家提供的各式各样的方法! PHP默认的配置会报这个错误,虽然有利于发现错误,但同时字现实实践中会出现很多问题. 解决方法如下: 一.修改php.ini配置文件 error_reporting设置:            找到error_repor

2016/4/27 网络编程

OSI:开放系统互联参考模型 是IOS提出为异构系统互联提供了概念性的框架 : 分为七层  应用  表示  会话  传输  网络  数据连接  物理 网络编程  编写能直接或间接的通过网络协议与其他计算机上的某个程序进行通讯 : Telnet协议  23端口        简单邮件传输   25端口     文件传输  21端口    超文本传输  80端口 TCP 可靠的双流向协议 可以发送任意数量的数据 能够确认消息检测消息的的错误 并恢复 UDP 协议 不太可靠 单项传输 数据可能丢失 i

2016/02/27 codes

b2Math.b2Abs = function(a){return a > 0.0 ? a : -a ;};b2Math.b2AbsV = function(a){var b = new b2Vec2(b2Math.b2Abs(a.x),b2Math.b2Abs(a.y));return b};b2Math.b2AbsM=function(A){var B=new b2Mat22(0,b2Math.b2AbsV(A.col1),b2Math.b2AbsV(A.col2));return B;};

2016.5.27 PHP连接数据库与查询

提示mysql_query() expects parameter 2 to be resource, null given in 错误是因为你没有连接数据库就进行了查询,正常的程序应该这样写: function user_shell($nickname,$shell){$conn=mysql_connect('127.0.0.1','root','123456');$query=mysql_query("select * from xwego.members where nickname='$