Added webpage

Moved from @raysan5/raylib/docs

1 files changed, 111 insertions, 0 deletions

diff --git a/common/css/main.css b/common/css/main.css
new file mode 100644
index 0000000..7eb86e8
--- /dev/null
+++ b/common/css/main.css
@@ -0,0 +1,111 @@
+@font-face {
+    font-family: 'grixel_acme_7_wide_xtnd';
+    src: url('../font/acme_7_wide_xtnd.eot');
+    src: url('../font/acme_7_wide_xtnd.eot?#iefix') format('embedded-opentype'),
+         url('../font/acme_7_wide_xtnd.woff') format('woff'),
+         url('../font/acme_7_wide_xtnd.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+	font-size-adjust:0.49;
+}
+
+::-webkit-scrollbar { width: 10px; height: 10px; }
+::-webkit-scrollbar-button:start:decrement,
+::-webkit-scrollbar-button:end:increment { display: block; height: 10px; }
+::-webkit-scrollbar-button:vertical:increment { background-color: #fff; }
+::-webkit-scrollbar-track-piece { background-color: #bdbdbd; }
+::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #000000; }
+::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #000000; }
+
+*{padding:0px; margin:0px; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; -moz-font-smoothing: none;-webkit-font-smoothing: none; line-height:24px;}
+a{text-decoration: none; color:black;}
+body{background-color:#f5f5f5;}
+p a:hover{text-decoration: none; color:gray;}
+
+.page{width:840px; margin:0 auto;}
+
+.header{width:100%; float:left; position:relative; height:128px; font-size:10pt; margin-top:40px; margin-left:10px;}
+.content{font-size:8pt; width:840px; padding:10px; padding-top:30px; float:left; position:relative; padding-bottom:50px;}
+.footer{width:100%; float:left; position:relative; border-top:1px solid black; text-align: right;  height:40px; padding-top:10px;}
+.footer p a{color:#aaaaaa;}
+.footer p a:hover{color:#444;}
+.footer p { font-size:6pt; color:#aaaaaa; margin-top:-8px; }
+.simplelink { font-weight: bold; color: #ff6060; }
+
+/* font change for better reading... */
+.content p, .content a, .content p strong, .content strong, .content .downloadText{font-family: Courier New, Verdana, Arial!important; font-size: medium; line-height: 200%;  }
+.downloadButtonInstaller { font-size: x-small; }
+.list, .list strong {font-family: Courier New, Verdana, Arial!important; font-size: medium; line-height: 200%;  }
+
+#logo{width:128px; height:128px; float:left; position:relative; background-image:url(../img/raylib_logo.png);}
+.menu{width:680px; height:39px; text-align:right; right:0px; bottom:7px; position:relative; float:left; margin-left: 30px;}
+.menu a{padding:5px 20px; color:black; font-size:12pt; float:left; position:relative; border-bottom:1px solid black;}
+.menu a:hover{margin-top:-20px; padding:15px 15px; background: rgb(254,255,255); 
+	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%); 
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1))); 
+	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); }
+
+#active{
+	padding:5px 15px; color:#707070; font-size:12pt; float:left; position:relative; border-bottom:1px solid black;
+	margin-top:-20px; padding:15px 15px; background: rgb(254,255,255); 
+	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%); 
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1))); 
+	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); 
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 );
+}
+	
+#social{ width:372px; height:50px; position:relative; float:right; margin-right:8px; margin-top:20px; margin-bottom:20px; }
+#social a:hover{ background-position: 0 -36px;}
+#youtube{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_youtube.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#handmade{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_handmade.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#twitch{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_twitch.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#patreon{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_patreon.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#itchio{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_itchio.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#reddit{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_reddit.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#freenode{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_freenode_irc.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#facebook{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_facebook.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#twitter{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_twitter.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+#github{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_github.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
+.list{margin-top:10px; margin-left:30px; display: inline-block}
+
+#licensebox { width:808px; height:400px; border:12px solid; border-color:#d0d0d0; background-color:#e4e4e4;}
+#licensebox p { font-size:12px; margin-top: 15px; margin-left: 10px;}
+.licensepoint { margin-left: 25px!important;}
+
+.downloadText{width:420px; height:40px; float:left; position:relative; margin-left:40px;}
+.downloadButton{width:220px; height:35px; float:left; position: relative; cursor:pointer; font-weight: bold; line-height:35px; text-align: center; border-width:5px!important;}
+.downloadButtonInstaller{width:460px; height:35px; position: relative; margin: auto auto; margin-top:20px!important; cursor:pointer; font-weight: bold; line-height:35px; text-align: center; border-width:5px!important;}
+#btngit{background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888;}
+#btngit:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
+#btnlib{background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; margin-top: 15px;}
+#btnlib:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; margin-top: 15px;}
+#btnmac{font-weight: normal; cursor:default; background-color:#f0f0f0; color:#5c5a5a; border:4px solid #d3d3d3;}
+#newVersion{background-color:#f0d6d6; color:#e55757; border:1px solid #f66666; margin-top: 15px; margin-left: -5px; width:100%; height:30px; position: relative; margin: auto auto; line-height:30px; text-align: center;}
+#raylib13{position:relative; background-color:#222222; color:#f5f5f5; width:100vw; left:calc(-52vw + 50%); padding:30px; text-align:center; margin: 10px;}
+
+#basicgrid{width:580px; margin-left:60px; float:left; position:relative; text-align: center}
+#advgrid{width:560px; margin-left:70px; float:left; position:relative; text-align: center}
+.exampleBox{cursor:pointer; margin:15px 20px; width:54px; padding-right:2px; height:56px; border:4px solid black; display:inline-block; text-align: right; font-weight: bold; vertical-align: bottom;}
+.exampleBox .in{display: table-cell; vertical-align: bottom; width:52px; height:56px;}
+
+.specialBox{cursor:pointer; vertical-align: bottom; color:#818181; width:56px; height:58px; padding-right:2px; padding-top:4px; padding-left:4px; margin:15px 20px; display:inline-block; border:1px solid #b9b9b9; text-align:right;}
+.specialBox .in{display: table-cell; vertical-align: bottom; width:52px; height:52px; border:1px solid #b9b9b9; margin-top:-5px;}
+.specialBox:hover{ color: black; border:1px solid black; }
+.specialBox .in:hover{ color: black; border:1px solid black; }
+.boxintext{margin-bottom: 3px; margin-right: 2px; line-height:10px; font-size:6pt;}
+.boxintextex{margin-bottom: 3px; margin-right: -2px; line-height:10px; font-size:6pt; width:54px!important; height:53px!important; font-weight: normal!important;}
+.boxtodo{margin-bottom: 13px; margin-right: 7px;}
+
+.help{font-size:8px; margin-left: 25px;}
+#paypalbox{width:200px; height:50px; border:12px solid; border-color:#d0d0d0; background-color:#e4e4e4; margin:0 auto;}
+#paypalform input {margin-top: 12px; margin-left: 50px;}
+#forum{color: maroon;}
+
+#itchioframe{display:block;text-align:center;}
\ No newline at end of file