ionic-Material Design , Codecanyon

2016-08-22 12:59:56 +02:00
parent 7cd84fe179
commit 92601ec169
1440 changed files with 482763 additions and 0 deletions
--- a/Documentation/assets/css/main.css
+++ b/Documentation/assets/css/main.css
@@ -0,0 +1,126 @@
+body{font-size:13px; overflow:hidden;}
+
+.header {
+	height: 55px;
+	background-color: #f2f2f2;
+	border-bottom: solid 1px silver;
+}
+
+	.logo {	margin: 10px 18px;}
+	
+	.mainnav {
+		position: absolute;
+		right: 0px;
+		top:0px;
+		font-size: 12px;
+	}
+	
+	.mainnav .nav>li>a{
+		padding:17px 10px 18px;
+	}
+
+#loading {
+	position: absolute;
+	background: rgb(247, 247, 247);
+	padding: 15px 0px;
+	left: 0;
+	border-top: solid 1px white;
+	right: 0;
+	padding-left: 10px;
+}
+
+#main-container {display: none;}
+
+#sidebar {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 220px;
+}
+
+	.toc {
+		background-color: #F2F4F8;
+		position: absolute;
+		top: 56px;
+		bottom: 50px;
+		width: 100%;
+		border-top: solid 1px white;
+		border-right: solid 1px silver;
+		padding-top: 15px;
+		overflow-y: auto;
+	}
+	
+	.update-cont {
+	    color: gray;
+	    font-size: 11px;
+	    line-height: 150%;
+	    background-color: #F2F4F8;
+	    position: absolute;  
+	    bottom: 0px;
+	    width: 220px;  
+	    height: 50px;
+	    border-right: solid 1px silver;
+	}
+	
+	.cpr {
+		color: gray;
+		margin:10px;
+	}
+	
+	.toggle {
+		width: 20px;
+		height: 20px;
+		cursor: pointer;
+		top: 75px;
+		z-index: 10;
+		position: absolute;
+		right: -20px;
+		background: url(../images/toggle-arrow.gif) no-repeat -3px -6px #222;
+	}
+	
+	.toggle.out {background-position:-3px -34px;}
+
+.container {
+	position: relative;
+	margin-left: 220px;
+	padding: 40px;
+	overflow-y: scroll;
+	overflow-x: hidden;
+	width: auto;
+}
+.container.float {padding: 0px;}
+
+.content-section {position: relative;}
+.content-section.float {position:absolute; padding: 20px 40px 0 40px;}
+
+.syntaxhighlighter .gutter .line {border-right: 3px solid #DADADA !important;}
+.syntaxhighlighter .toolbar {background: #B9B9B9 !important;}
+.syntaxhighlighter .line.alt2 {	background-color: #FAFAFA !important;}
+
+
+/** custom **/
+.easedemo {
+	width: 500px;
+	height: 30px;
+	border: solid 1px rgb(213, 213, 213);
+	background: white;
+}
+
+.easebox {
+	width: 20px;
+	height: 20px;
+	background: #428BDD;
+	border-radius: 20px;
+	margin-top: 5px;
+	float: left;
+	margin-left: 5px;
+	position: relative;
+}
+.playbtn {
+	width: 30px;
+	height: 100%;
+	border-right: solid 1px rgb(213, 213, 213);
+	float: left;
+	cursor: pointer;
+	background: url('../images/play.gif') no-repeat center;
+}