try to make it possible to hide everything except gallery when embedded

www/gallery.html

@@ -43,6 +43,27 @@ function proxyPopulateAndOpenModal(event,modal_content_id,$filename, $classifica
 		var win = window.open($filename, '_blank');
 		  win.focus();
 };
+
+//
+var css = function( callback) {
+
+         var head = document.getElementsByTagName('head')[0];
+         var cssnode = document.createElement('link');
+
+         cssnode.type = 'text/css';
+         cssnode.rel = 'stylesheet';
+         cssnode.href = "assets/css/embedded_styles.css";
+
+         cssnode.onreadystatechange = callback;
+         cssnode.onload = callback;
+
+         head.appendChild(cssnode);
+     }
+
+
+
+
+//
 function getOwl(){
 		//create or recicle owl
 		

www/index.html

@@ -19,7 +19,7 @@
  google: {families:['Asap']},
   custom: {
     families: ['ViperISRIC','open_sanssemibold','open_sansbold','open_sansitalic','open_sanslight','open_sansregular' ],
-    urls: ['/assets/css/fonts/stylesheet.css']
+    urls: ['/assets/css/fonts/styles.css']
  
   }
 };
@@ -80,7 +80,8 @@
     <link href="assets/css/lightbox/lightbox.css" rel="stylesheet" />
    
      <!-- styles for this template -->
-    <link href="assets/css/styles.css" rel="stylesheet" />
+    
+	 <link href="assets/css/styles.css" rel="stylesheet" />
      <!-- place your extra custom styles in this file -->
     <link href="assets/css/custom.css" rel="stylesheet" />
      <!-- CSS for the google tour -->