From 6bf76c25c8e83b702a1e6b3aa212a12256269eaf Mon Sep 17 00:00:00 2001 From: Ray Date: Mon, 20 May 2019 19:30:36 +0200 Subject: Simplify folders structure --- common/css/examples.css | 66 ------------------------- common/css/games.css | 35 ------------- common/css/main.css | 121 --------------------------------------------- common/examples.css | 66 +++++++++++++++++++++++++ common/examples.js | 127 ++++++++++++++++++++++++++++++++++++++++++++++++ common/games.css | 35 +++++++++++++ common/games.js | 88 +++++++++++++++++++++++++++++++++ common/js/examples.js | 127 ------------------------------------------------ common/js/games.js | 94 ----------------------------------- common/main.css | 121 +++++++++++++++++++++++++++++++++++++++++++++ examples.html | 6 +-- games.html | 8 +-- index.html | 2 +- license.html | 2 +- 14 files changed, 446 insertions(+), 452 deletions(-) delete mode 100644 common/css/examples.css delete mode 100644 common/css/games.css delete mode 100644 common/css/main.css create mode 100644 common/examples.css create mode 100644 common/examples.js create mode 100644 common/games.css create mode 100644 common/games.js delete mode 100644 common/js/examples.js delete mode 100644 common/js/games.js create mode 100644 common/main.css diff --git a/common/css/examples.css b/common/css/examples.css deleted file mode 100644 index c2397a4..0000000 --- a/common/css/examples.css +++ /dev/null @@ -1,66 +0,0 @@ -#container .mix{ position: relative; display: none; } -#container .extext { top: 160px!important; width: 400px!important; } - -#filter_menu { width: 820px; height: 80px; margin-left: 18px; } - -.legendButton { float:left; margin-right:10px; margin-bottom:20px; width:90px; height:80px; text-align: center; } -#core { cursor:pointer; background-color:#e1e1e1; color:#5c5a5a; border:5px solid #898888; } -#shapes { cursor:pointer; background-color:#f0d6d6; color:#c55757; border:5px solid #e66666; } -#textures { cursor:pointer; background-color:#c8eabf; color:#60815a; border:5px solid #75a06d; } -#text { cursor:pointer; background-color:#bef0dd; color:#377764; border:5px solid #52b296; } -#models { cursor:pointer; background-color:#bedce8; color:#417794; border:5px solid #5d9cbd; } -#shaders { cursor:pointer; background-color:#e2c3f5; color:#a864d2; border:5px solid #a864d2; } -#audio { cursor:pointer; background-color:#ebddae; color:#8c7539; border:5px solid #d3b157; } - -.core:hover { background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; } -.shapes:hover { background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; } -.textures:hover { background-color:#c8eabf; color:#60815a; border:4px solid #75a06d; } -.text:hover { background-color:#bef0dd; color:#377764; border:4px solid #52b296; } -.models:hover { background-color:#bedce8; color:#417794; border:4px solid #5d9cbd; } -.audio:hover { background-color:#ebddae; color:#8c7539; border:4px solid #d3b157; } - -.fcore { border: 1px solid #898888; margin-left: 12px; } -.fshapes { border: 1px solid #e66666; margin-left: 12px; } -.ftextures { border: 1px solid #75a06d; margin-left: 12px; } -.ftext { border: 1px solid #52b296; margin-left: 12px; } -.fmodels { border: 1px solid #5d9cbd; margin-left: 12px; } -.fshaders { border: 1px solid #a864d2; margin-left: 12px; } -.faudio { border: 1px solid #d3b157; margin-left: 12px; } - -.fcore p { color:#5c5a5a!important; } -.fshapes p { color:#c55757!important; } -.ftextures p { color:#60815a!important; } -.ftext p { color:#377764!important; } -.fmodels p { color:#417794!important; } -.fshaders p { color:#a864d2!important; } -.faudio p { color:#8c7539!important; } - -#container .fcore a img, #container .fcore a { border: none; overflow: hidden; float: left; background-color: #e1e1e1; opacity: 1; } -#container .fcore a:hover { border: 10px solid #898888; } -#container .fcore a:hover img { margin: -10px; opacity: 0.4; } - -#container .fshapes a img, #container .fshapes a { border: none; overflow: hidden; float: left; background-color: #f0d6d6; opacity: 1; } -#container .fshapes a:hover { border: 10px solid #e66666; } -#container .fshapes a:hover img { margin: -10px; opacity: 0.3; } - -#container .ftextures a img, #container .ftextures a { border: none; overflow: hidden; float: left; background-color: #c8eabf; opacity: 1; } -#container .ftextures a:hover { border: 10px solid #75a06d; } -#container .ftextures a:hover img { margin: -10px; opacity: 0.3; } - -#container .ftext a img, #container .ftext a { border: none; overflow: hidden; float: left; background-color: #bef0dd; opacity: 1; } -#container .ftext a:hover { border: 10px solid #52b296; } -#container .ftext a:hover img { margin: -10px; opacity: 0.3; } - -#container .fmodels a img, #container .fmodels a { border: none; overflow: hidden; float: left; background-color: #bedce8; opacity: 1; } -#container .fmodels a:hover { border: 10px solid #5d9cbd; } -#container .fmodels a:hover img { margin: -10px; opacity: 0.3; } - -#container .fshaders a img, #container .fshaders a { border: none; overflow: hidden; float: left; background-color: #e0c6f1; opacity: 1; } -#container .fshaders a:hover { border: 10px solid #a864d2; } -#container .fshaders a:hover img { margin: -10px; opacity: 0.3; } - -#container .faudio a img, #container .faudio a { border: none; overflow: hidden; float: left; background-color: #ebddae; opacity: 1; } -#container .faudio a:hover { border: 10px solid #d3b157; } -#container .faudio a:hover img { margin: -10px; opacity: 0.3; } - -#container .extext { position:absolute; top:140px; width:320px; text-align: center; display: none; } \ No newline at end of file diff --git a/common/css/games.css b/common/css/games.css deleted file mode 100644 index 8fb93c6..0000000 --- a/common/css/games.css +++ /dev/null @@ -1,35 +0,0 @@ -#container .mix{ position: relative; display: none; } -#container .extext { top: 160px!important; width: 400px!important; } - -#filter_menu { width: 820px; height: 80px; margin-left: 18px; } - -.legendButton { padding:5px 15px; float:left; margin-left:10px; margin-right:10px; margin-bottom: 20px; } -#sample { cursor:pointer; background-color:#e1e1e1; color:#5c5a5a; border:3px solid #898888; } -#game { cursor:pointer; background-color:#f0d6d6; color:#c55757; border:3px solid #e66666; } -#user { cursor:pointer; background-color:#bedce8; color:#417794; border:3px solid #5d9cbd; } - -.sample:hover { background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; } -.game:hover { background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; } -.user:hover { background-color:#bedce8; color:#417794; border:4px solid #5d9cbd; } - -.fsample { border: 1px solid #898888; margin-left: 12px; } -.fgame { border: 1px solid #e66666; margin-left: 12px; } -.fuser { border: 1px solid #5d9cbd; margin-left: 12px; } - -.fsample p { color:#5c5a5a!important; } -.fgame p { color:#c55757!important; } -.fuser p { color:#417794!important; } - -#container .fsample a img, #container .fsample a { border: none; overflow: hidden; float: left; background-color: #e1e1e1; opacity: 1; } -#container .fsample a:hover { border: 10px solid #898888; } -#container .fsample a:hover img { margin: -10px; opacity: 0.4; } - -#container .fgame a img, #container .fgame a { border: none; overflow: hidden; float: left; background-color: #f0d6d6; opacity: 1; } -#container .fgame a:hover { border: 10px solid #e66666; } -#container .fgame a:hover img { margin: -10px; opacity: 0.3; } - -#container .fuser a img, #container .fuser a { border: none; overflow: hidden; float: left; background-color: #bedce8; opacity: 1; } -#container .fuser a:hover { border: 10px solid #5d9cbd; } -#container .fuser a:hover img { margin: -10px; opacity: 0.3; } - -#container .extext { position:absolute; top:140px; width:320px; text-align: center; display: none; } \ No newline at end of file diff --git a/common/css/main.css b/common/css/main.css deleted file mode 100644 index d8795e2..0000000 --- a/common/css/main.css +++ /dev/null @@ -1,121 +0,0 @@ -@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; line-height:24px;} -body{background-color:#f5f5f5;} -a{text-decoration: none; color:black;} -p a:hover{text-decoration: none; color:gray;} - -.page{width:880px; 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:740px; height:39px; text-align:right; right:0px; left:30px; bottom:7px; position:relative; float:left; margin-left:0px; margin-top:10px;} -.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:390px; 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;} -#gitter{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_gitter.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;} -#kofi{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_kofi.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;} -#discord{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_discord.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; } -#wiki{ color: maroon; } - -#itchioframe{ display:block; text-align:center; } - -.icon{ margin-right: 2px; } -#platforms>a>img{ border: 6px solid #888888; transition: all .2s ease; } -#platforms>a>img:hover{ border: 6px solid #111111; } - -#bindings>a>img{ border: 6px solid #888888; transition: all .2s ease; } -#bindings>a>img:hover{ border: 6px solid #111111; } diff --git a/common/examples.css b/common/examples.css new file mode 100644 index 0000000..c2397a4 --- /dev/null +++ b/common/examples.css @@ -0,0 +1,66 @@ +#container .mix{ position: relative; display: none; } +#container .extext { top: 160px!important; width: 400px!important; } + +#filter_menu { width: 820px; height: 80px; margin-left: 18px; } + +.legendButton { float:left; margin-right:10px; margin-bottom:20px; width:90px; height:80px; text-align: center; } +#core { cursor:pointer; background-color:#e1e1e1; color:#5c5a5a; border:5px solid #898888; } +#shapes { cursor:pointer; background-color:#f0d6d6; color:#c55757; border:5px solid #e66666; } +#textures { cursor:pointer; background-color:#c8eabf; color:#60815a; border:5px solid #75a06d; } +#text { cursor:pointer; background-color:#bef0dd; color:#377764; border:5px solid #52b296; } +#models { cursor:pointer; background-color:#bedce8; color:#417794; border:5px solid #5d9cbd; } +#shaders { cursor:pointer; background-color:#e2c3f5; color:#a864d2; border:5px solid #a864d2; } +#audio { cursor:pointer; background-color:#ebddae; color:#8c7539; border:5px solid #d3b157; } + +.core:hover { background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; } +.shapes:hover { background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; } +.textures:hover { background-color:#c8eabf; color:#60815a; border:4px solid #75a06d; } +.text:hover { background-color:#bef0dd; color:#377764; border:4px solid #52b296; } +.models:hover { background-color:#bedce8; color:#417794; border:4px solid #5d9cbd; } +.audio:hover { background-color:#ebddae; color:#8c7539; border:4px solid #d3b157; } + +.fcore { border: 1px solid #898888; margin-left: 12px; } +.fshapes { border: 1px solid #e66666; margin-left: 12px; } +.ftextures { border: 1px solid #75a06d; margin-left: 12px; } +.ftext { border: 1px solid #52b296; margin-left: 12px; } +.fmodels { border: 1px solid #5d9cbd; margin-left: 12px; } +.fshaders { border: 1px solid #a864d2; margin-left: 12px; } +.faudio { border: 1px solid #d3b157; margin-left: 12px; } + +.fcore p { color:#5c5a5a!important; } +.fshapes p { color:#c55757!important; } +.ftextures p { color:#60815a!important; } +.ftext p { color:#377764!important; } +.fmodels p { color:#417794!important; } +.fshaders p { color:#a864d2!important; } +.faudio p { color:#8c7539!important; } + +#container .fcore a img, #container .fcore a { border: none; overflow: hidden; float: left; background-color: #e1e1e1; opacity: 1; } +#container .fcore a:hover { border: 10px solid #898888; } +#container .fcore a:hover img { margin: -10px; opacity: 0.4; } + +#container .fshapes a img, #container .fshapes a { border: none; overflow: hidden; float: left; background-color: #f0d6d6; opacity: 1; } +#container .fshapes a:hover { border: 10px solid #e66666; } +#container .fshapes a:hover img { margin: -10px; opacity: 0.3; } + +#container .ftextures a img, #container .ftextures a { border: none; overflow: hidden; float: left; background-color: #c8eabf; opacity: 1; } +#container .ftextures a:hover { border: 10px solid #75a06d; } +#container .ftextures a:hover img { margin: -10px; opacity: 0.3; } + +#container .ftext a img, #container .ftext a { border: none; overflow: hidden; float: left; background-color: #bef0dd; opacity: 1; } +#container .ftext a:hover { border: 10px solid #52b296; } +#container .ftext a:hover img { margin: -10px; opacity: 0.3; } + +#container .fmodels a img, #container .fmodels a { border: none; overflow: hidden; float: left; background-color: #bedce8; opacity: 1; } +#container .fmodels a:hover { border: 10px solid #5d9cbd; } +#container .fmodels a:hover img { margin: -10px; opacity: 0.3; } + +#container .fshaders a img, #container .fshaders a { border: none; overflow: hidden; float: left; background-color: #e0c6f1; opacity: 1; } +#container .fshaders a:hover { border: 10px solid #a864d2; } +#container .fshaders a:hover img { margin: -10px; opacity: 0.3; } + +#container .faudio a img, #container .faudio a { border: none; overflow: hidden; float: left; background-color: #ebddae; opacity: 1; } +#container .faudio a:hover { border: 10px solid #d3b157; } +#container .faudio a:hover img { margin: -10px; opacity: 0.3; } + +#container .extext { position:absolute; top:140px; width:320px; text-align: center; display: none; } \ No newline at end of file diff --git a/common/examples.js b/common/examples.js new file mode 100644 index 0000000..7e63392 --- /dev/null +++ b/common/examples.js @@ -0,0 +1,127 @@ +$(document).ready(function() { + + // Init fancybox + $('.fancybox').fancybox(); + + var exampleName = [ + 'core_basic_window', + 'core_input_keys', + 'core_input_mouse', + 'core_input_mouse_wheel', + 'core_input_gamepad', + 'core_input_multitouch', + 'core_input_gestures', + 'core_2d_camera', + 'core_3d_camera_mode', + 'core_3d_camera_free', + 'core_3d_camera_first_person', + 'core_3d_picking', + 'core_world_screen', + 'core_custom_logging', + 'core_window_letterbox', + 'core_drop_files', + 'core_random_values', + 'core_storage_values', + 'core_vr_simulator', + 'core_loading_thread', + 'shapes_basic_shapes', + 'shapes_bouncing_ball', + 'shapes_colors_palette', + 'shapes_logo_raylib', + 'shapes_logo_raylib_anim', + 'shapes_rectangle_scaling', + 'shapes_lines_bezier', + 'shapes_collision_area', + 'shapes_following_eyes', + 'shapes_easings_ball_anim', + 'shapes_easings_box_anim', + 'shapes_easings_rectangle_array', + 'shapes_draw_ring', + 'shapes_draw_circle_sector', + 'shapes_draw_rectangle_rounded', + 'text_raylib_fonts', + 'text_sprite_fonts', + 'text_ttf_loading', + 'text_bmfont_ttf', + 'text_font_sdf', + 'text_format_text', + 'text_input_box', + 'text_writing_anim', + 'text_rectangle_bounds', + 'text_unicode', + 'textures_logo_raylib', + 'textures_rectangle', + 'textures_srcrec_dstrec', + 'textures_image_drawing', + 'textures_image_generation', + 'textures_image_loading', + 'textures_image_processing', + 'textures_image_text', + 'textures_to_image', + 'textures_raw_data', + 'textures_particles_blending', + 'textures_npatch_drawing', + 'textures_background_scrolling', + 'textures_sprite_button', + 'textures_sprite_explosion', + 'textures_bunnymark', + 'models_animation', + 'models_billboard', + 'models_box_collisions', + 'models_cubicmap', + 'models_first_person_maze', + 'models_geometric_shapes', + 'models_material_pbr', + 'models_mesh_generation', + 'models_mesh_picking', + 'models_obj_loading', + 'models_obj_viewer', + 'models_orthographic_projection', + 'models_rlgl_solar_system', + 'models_skybox', + 'models_yaw_pitch_roll', + 'models_heightmap', + 'shaders_model_shader', + 'shaders_shapes_textures', + 'shaders_custom_uniform', + 'shaders_postprocessing', + 'shaders_palette_switch', + 'shaders_raymarching', + 'shaders_texture_drawing', + 'shaders_texture_waves', + 'shaders_julia_set', + 'shaders_eratosthenes', + 'audio_module_playing', + 'audio_music_stream', + 'audio_raw_stream', + 'audio_sound_loading']; + + for (var i = 0; i < exampleName.length; i++) + { + var filterType = exampleName[i].substring(0, exampleName[i].indexOf("_")); + var exampleBase = exampleName[i].slice(exampleName[i].indexOf('_') + 1); + var exampleDesc = exampleBase.replace('_', ' '); + + $('#container').append( + '
' + + '' + + '

' + exampleDesc + '

' + + '
'); + + $('#container a .extext').hide(); + } + + // Instantiate MixItUp: + $('#container').mixItUp(); + + $("#container a").hover( + function(){ $(this).find(".extext").show(); }, + function(){ $(this).find(".extext").hide(); }); + +/* + $("#container a img").hover( + function() { $(this).stop().animate({ opacity:0.6 }, 200, "easeOutQuad" ); }, + function() { $(this).stop().animate({ opacity:0 }, 200, "easeOutQuad" ); } + ) +*/ +}); \ No newline at end of file diff --git a/common/games.css b/common/games.css new file mode 100644 index 0000000..8fb93c6 --- /dev/null +++ b/common/games.css @@ -0,0 +1,35 @@ +#container .mix{ position: relative; display: none; } +#container .extext { top: 160px!important; width: 400px!important; } + +#filter_menu { width: 820px; height: 80px; margin-left: 18px; } + +.legendButton { padding:5px 15px; float:left; margin-left:10px; margin-right:10px; margin-bottom: 20px; } +#sample { cursor:pointer; background-color:#e1e1e1; color:#5c5a5a; border:3px solid #898888; } +#game { cursor:pointer; background-color:#f0d6d6; color:#c55757; border:3px solid #e66666; } +#user { cursor:pointer; background-color:#bedce8; color:#417794; border:3px solid #5d9cbd; } + +.sample:hover { background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; } +.game:hover { background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; } +.user:hover { background-color:#bedce8; color:#417794; border:4px solid #5d9cbd; } + +.fsample { border: 1px solid #898888; margin-left: 12px; } +.fgame { border: 1px solid #e66666; margin-left: 12px; } +.fuser { border: 1px solid #5d9cbd; margin-left: 12px; } + +.fsample p { color:#5c5a5a!important; } +.fgame p { color:#c55757!important; } +.fuser p { color:#417794!important; } + +#container .fsample a img, #container .fsample a { border: none; overflow: hidden; float: left; background-color: #e1e1e1; opacity: 1; } +#container .fsample a:hover { border: 10px solid #898888; } +#container .fsample a:hover img { margin: -10px; opacity: 0.4; } + +#container .fgame a img, #container .fgame a { border: none; overflow: hidden; float: left; background-color: #f0d6d6; opacity: 1; } +#container .fgame a:hover { border: 10px solid #e66666; } +#container .fgame a:hover img { margin: -10px; opacity: 0.3; } + +#container .fuser a img, #container .fuser a { border: none; overflow: hidden; float: left; background-color: #bedce8; opacity: 1; } +#container .fuser a:hover { border: 10px solid #5d9cbd; } +#container .fuser a:hover img { margin: -10px; opacity: 0.3; } + +#container .extext { position:absolute; top:140px; width:320px; text-align: center; display: none; } \ No newline at end of file diff --git a/common/games.js b/common/games.js new file mode 100644 index 0000000..0e8a22c --- /dev/null +++ b/common/games.js @@ -0,0 +1,88 @@ +$(document).ready(function() { + + // Init fancybox + $('.fancybox').fancybox(); + + var exampleName = [ + 'sample_arkanoid', + 'sample_missile_commander', + 'sample_gorilas', + 'sample_snake', + 'sample_asteroids', + 'sample_asteroids_survival', + 'sample_pang', + 'sample_space_invaders', + 'sample_floppy', + 'sample_tetris', + 'game_drturtle', + 'game_just_do', + 'game_skully_escape', + 'game_koala_seasons', + 'game_light_my_ritual', + 'game_wave_collector', + 'user_super_red_rope', + 'user_taptojamp', + 'user_funwithsat']; + + var exampleDesc = [ + 'arkanoid', + 'missile commander', + 'gorilas', + 'snake', + 'asteroids', + 'asteroids survival', + 'pang', + 'space invaders', + 'floppy', + 'tetris', + 'Dr Turtle & Mr Gamera', + 'JUST DO', + 'Skully Escape', + 'Koala Seasons', + 'LIGHT MY RITUAL', + 'Wave Collector', + 'Super Red Rope Puzzles (Kurnic)', + 'TapToJAmp (MarcMDE)', + 'FunWithSATCollisions (MarcMDE)']; + + for (var i = 0; i < exampleName.length; i++) + { + var filterType = exampleName[i].substring(0, exampleName[i].indexOf("_")); + + var linkTag; + + if (filterType == 'sample') linkTag = ''; + else if (filterType == 'game') linkTag = ''; + else if (filterType == 'user') + { + switch (exampleName[i]) + { + case 'user_super_red_rope': linkTag = ''; break; + case 'user_taptojamp': linkTag = ''; break; + case 'user_funwithsat': linkTag = ''; break; + default: break; + } + } + + $('#container').append( + '
' + linkTag + + '

' + exampleDesc[i] + '

' + + '
'); + + $('#container a .extext').hide(); + } + + // Instantiate MixItUp: + $('#container').mixItUp(); + + $("#container a").hover( + function(){ $(this).find(".extext").show(); }, + function(){ $(this).find(".extext").hide(); }); + +/* + $("#container a img").hover( + function() { $(this).stop().animate({ opacity:0.6 }, 200, "easeOutQuad" ); }, + function() { $(this).stop().animate({ opacity:0 }, 200, "easeOutQuad" ); } + ) +*/ +}); diff --git a/common/js/examples.js b/common/js/examples.js deleted file mode 100644 index b379d6a..0000000 --- a/common/js/examples.js +++ /dev/null @@ -1,127 +0,0 @@ -$(document).ready(function() { - - // Init fancybox - $('.fancybox').fancybox(); - - var exampleName = [ - 'core_basic_window', - 'core_input_keys', - 'core_input_mouse', - 'core_input_mouse_wheel', - 'core_input_gamepad', - 'core_input_multitouch', - 'core_input_gestures', - 'core_2d_camera', - 'core_3d_camera_mode', - 'core_3d_camera_free', - 'core_3d_camera_first_person', - 'core_3d_picking', - 'core_world_screen', - 'core_custom_logging', - 'core_window_letterbox', - 'core_drop_files', - 'core_random_values', - 'core_storage_values', - 'core_vr_simulator', - 'core_loading_thread', - 'shapes_basic_shapes', - 'shapes_bouncing_ball', - 'shapes_colors_palette', - 'shapes_logo_raylib', - 'shapes_logo_raylib_anim', - 'shapes_rectangle_scaling', - 'shapes_lines_bezier', - 'shapes_collision_area', - 'shapes_following_eyes', - 'shapes_easings_ball_anim', - 'shapes_easings_box_anim', - 'shapes_easings_rectangle_array', - 'shapes_draw_ring', - 'shapes_draw_circle_sector', - 'shapes_draw_rectangle_rounded', - 'text_raylib_fonts', - 'text_sprite_fonts', - 'text_ttf_loading', - 'text_bmfont_ttf', - 'text_font_sdf', - 'text_format_text', - 'text_input_box', - 'text_writing_anim', - 'text_rectangle_bounds', - 'text_unicode', - 'textures_logo_raylib', - 'textures_rectangle', - 'textures_srcrec_dstrec', - 'textures_image_drawing', - 'textures_image_generation', - 'textures_image_loading', - 'textures_image_processing', - 'textures_image_text', - 'textures_to_image', - 'textures_raw_data', - 'textures_particles_blending', - 'textures_npatch_drawing', - 'textures_background_scrolling', - 'textures_sprite_button', - 'textures_sprite_explosion', - 'textures_bunnymark', - 'models_animation', - 'models_billboard', - 'models_box_collisions', - 'models_cubicmap', - 'models_first_person_maze', - 'models_geometric_shapes', - 'models_material_pbr', - 'models_mesh_generation', - 'models_mesh_picking', - 'models_obj_loading', - 'models_obj_viewer', - 'models_orthographic_projection', - 'models_rlgl_solar_system', - 'models_skybox', - 'models_yaw_pitch_roll', - 'models_heightmap', - 'shaders_model_shader', - 'shaders_shapes_textures', - 'shaders_custom_uniform', - 'shaders_postprocessing', - 'shaders_palette_switch', - 'shaders_raymarching', - 'shaders_texture_drawing', - 'shaders_texture_waves', - 'shaders_julia_set', - 'shaders_eratosthenes', - 'audio_module_playing', - 'audio_music_stream', - 'audio_raw_stream', - 'audio_sound_loading']; - - for (var i = 0; i < exampleName.length; i++) - { - var filterType = exampleName[i].substring(0, exampleName[i].indexOf("_")); - var exampleBase = exampleName[i].slice(exampleName[i].indexOf('_') + 1); - var exampleDesc = exampleBase.replace('_', ' '); - - $('#container').append( - '
' + - '' + - '

' + exampleDesc + '

' + - '
'); - - $('#container a .extext').hide(); - } - - // Instantiate MixItUp: - $('#container').mixItUp(); - - $("#container a").hover( - function(){ $(this).find(".extext").show(); }, - function(){ $(this).find(".extext").hide(); }); - -/* - $("#container a img").hover( - function() { $(this).stop().animate({ opacity:0.6 }, 200, "easeOutQuad" ); }, - function() { $(this).stop().animate({ opacity:0 }, 200, "easeOutQuad" ); } - ) -*/ -}); \ No newline at end of file diff --git a/common/js/games.js b/common/js/games.js deleted file mode 100644 index 572ec2c..0000000 --- a/common/js/games.js +++ /dev/null @@ -1,94 +0,0 @@ -$(document).ready(function() { - - // Init fancybox - $('.fancybox').fancybox(); - - var exampleName = [ - 'sample_arkanoid', - 'sample_missile_commander', - 'sample_gorilas', - 'sample_snake', - 'sample_asteroids', - 'sample_asteroids_survival', - 'sample_pang', - 'sample_space_invaders', - 'sample_floppy', - 'sample_tetris', - 'game_drturtle', - 'game_just_do', - 'game_skully_escape', - 'game_koala_seasons', - 'game_light_my_ritual', - 'game_wave_collector', - 'user_super_red_rope', - 'user_taptojamp', - 'user_funwithsat']; - - var exampleDesc = [ - 'arkanoid', - 'missile commander', - 'gorilas', - 'snake', - 'asteroids', - 'asteroids survival', - 'pang', - 'space invaders', - 'floppy', - 'tetris', - 'Dr Turtle & Mr Gamera', - 'JUST DO', - 'Skully Escape', - 'Koala Seasons', - 'LIGHT MY RITUAL', - 'Wave Collector', - 'Super Red Rope Puzzles (Kurnic)', - 'TapToJAmp (MarcMDE)', - 'FunWithSATCollisions (MarcMDE)']; - - for (var i = 0; i < exampleName.length; i++) - { - var filterType = exampleName[i].substring(0, exampleName[i].indexOf("_")); - - var linkTag; - - if (filterType == 'sample') linkTag = ''; - else if (filterType == 'game') linkTag = ''; - else if (filterType == 'user') - { - switch (exampleName[i]) - { - case 'user_super_red_rope': linkTag = ''; break; - case 'user_taptojamp': linkTag = ''; break; - case 'user_funwithsat': linkTag = ''; break; - default: break; - } - /* - https://github.com/MarcMDE/TapToJump //http://marcmde.github.io/TapToJump_v1_0_Browser/ - https://github.com/MarcMDE/TapToJAmp //http://marcmde.github.io/TapToJAmp_v2_0/ - https://github.com/MarcMDE/FunWithSATCollisions //http://marcmde.github.io/FunWithSATCollisions_v_1_0_Browser/ - https://kurnic.wordpress.com/portfolio/flappy-jetpack/ - */ - } - - $('#container').append( - '
' + linkTag + - '

' + exampleDesc[i] + '

' + - '
'); - - $('#container a .extext').hide(); - } - - // Instantiate MixItUp: - $('#container').mixItUp(); - - $("#container a").hover( - function(){ $(this).find(".extext").show(); }, - function(){ $(this).find(".extext").hide(); }); - -/* - $("#container a img").hover( - function() { $(this).stop().animate({ opacity:0.6 }, 200, "easeOutQuad" ); }, - function() { $(this).stop().animate({ opacity:0 }, 200, "easeOutQuad" ); } - ) -*/ -}); diff --git a/common/main.css b/common/main.css new file mode 100644 index 0000000..c09a546 --- /dev/null +++ b/common/main.css @@ -0,0 +1,121 @@ +@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; line-height:24px;} +body{background-color:#f5f5f5;} +a{text-decoration: none; color:black;} +p a:hover{text-decoration: none; color:gray;} + +.page{width:880px; 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:740px; height:39px; text-align:right; right:0px; left:30px; bottom:7px; position:relative; float:left; margin-left:0px; margin-top:10px;} +.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:390px; 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;} +#gitter{ width:36px; height:36px; float:left; position:relative; background-image: url(img/icon_gitter.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;} +#kofi{ width:36px; height:36px; float:left; position:relative; background-image: url(img/icon_kofi.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;} +#discord{ width:36px; height:36px; float:left; position:relative; background-image: url(img/icon_discord.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; } +#wiki{ color: maroon; } + +#itchioframe{ display:block; text-align:center; } + +.icon{ margin-right: 2px; } +#platforms>a>img{ border: 6px solid #888888; transition: all .2s ease; } +#platforms>a>img:hover{ border: 6px solid #111111; } + +#bindings>a>img{ border: 6px solid #888888; transition: all .2s ease; } +#bindings>a>img:hover{ border: 6px solid #111111; } diff --git a/examples.html b/examples.html index 90e6085..ecace1f 100644 --- a/examples.html +++ b/examples.html @@ -18,10 +18,10 @@ - + - + @@ -120,7 +120,7 @@ - + - +