Add physac examples

Improved modules

1 files changed, 17 insertions, 8 deletions

diff --git a/common/examples.css b/common/examples.css
index c2397a4..a884d71 100644
--- a/common/examples.css
+++ b/common/examples.css
@@ -1,9 +1,9 @@
 #container .mix{ position: relative;  display: none; }
 #container .extext { top: 160px!important; width: 400px!important; }
 
-#filter_menu { width: 820px; height: 80px; margin-left: 18px; }
+#filter_menu { width:820px; height:80px; margin-left:15px; }
 
-.legendButton { float:left; margin-right:10px; margin-bottom:20px; width:90px; height:80px; text-align: center; }
+.legendButton { float:left; margin-right:8px; margin-bottom:20px; width:84px; height:75px; text-align:right; line-height:120px; }
 #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; }
@@ -11,13 +11,16 @@
 #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; }
+#physics { cursor:pointer; background-color:#ddffdd; color:#00a820; border:5px solid #00a820; }
 
-.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; }
+#core:hover { border-color:black; }
+#shapes:hover { border-color:black; }
+#textures:hover { border-color:black; }
+#text:hover { border-color:black; }
+#models:hover { border-color:black; }
+#shaders:hover { border-color:black; }
+#audio:hover { border-color:black; }
+#physics:hover { border-color:black; }
 
 .fcore { border: 1px solid #898888; margin-left: 12px; }
 .fshapes { border: 1px solid #e66666; margin-left: 12px; }
@@ -26,6 +29,7 @@
 .fmodels { border: 1px solid #5d9cbd; margin-left: 12px; }
 .fshaders { border: 1px solid #a864d2; margin-left: 12px; }
 .faudio { border: 1px solid #d3b157; margin-left: 12px; }
+.fphysac { border: 1px solid #00a820; margin-left: 12px; }
 
 .fcore p { color:#5c5a5a!important; }
 .fshapes p { color:#c55757!important; }
@@ -34,6 +38,7 @@
 .fmodels p { color:#417794!important; }
 .fshaders p { color:#a864d2!important; }
 .faudio p { color:#8c7539!important; }
+.fphysac p { color:#00a820!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; }
@@ -63,4 +68,8 @@
 #container .faudio a:hover { border: 10px solid #d3b157; }
 #container .faudio a:hover img { margin: -10px; opacity: 0.3; }
 
+#container .fphysac a img, #container .fphysac a { border: none; overflow: hidden; float: left; background-color: #ebddae; opacity: 1; }
+#container .fphysac a:hover { border: 10px solid #d3b157; }
+#container .fphysac 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