Team:Johns Hopkins/fancyboxcss

From 2011.igem.org

(Difference between revisions)
 
Line 42: Line 42:
width: 40px;
width: 40px;
height: 480px;
height: 480px;
-
background: transparent url(fancy_progress.png) no-repeat;
+
background: transparent url(https://static.igem.org/mediawiki/2011/a/a1/Fancy_progress.png) no-repeat;
}
}
Line 51: Line 51:
height: 30px;
height: 30px;
width: 30px;
width: 30px;
-
background: transparent url(fancy_closebox.png) ;
+
background: transparent url(https://static.igem.org/mediawiki/2011/4/4b/Fancy_closebox.png) ;
cursor: pointer;
cursor: pointer;
z-index: 100;
z-index: 100;
Line 109: Line 109:
height: 32px;
height: 32px;
width: 15px;
width: 15px;
-
background: transparent url(fancy_title_left.png) repeat-x;
+
background: transparent url(https://static.igem.org/mediawiki/2011/7/7e/Fancy_title_left.png) repeat-x;
}
}
td#fancy_title_main {
td#fancy_title_main {
height: 32px;
height: 32px;
-
background: transparent url(fancy_title_main.png) repeat-x;
+
background: transparent url(https://static.igem.org/mediawiki/2011/1/16/Fancy_title_main.png) repeat-x;
}
}
Line 120: Line 120:
height: 32px;
height: 32px;
width: 15px;
width: 15px;
-
background: transparent url(fancy_title_right.png) repeat-x;
+
background: transparent url(https://static.igem.org/mediawiki/2011/6/65/Fancy_title_right.png) repeat-x;
}
}
Line 162: Line 162:
a#fancy_left:hover {
a#fancy_left:hover {
-
background: transparent url(fancy_left.gif) no-repeat 0% 100%;
+
background: transparent url(https://static.igem.org/mediawiki/2011/d/d5/Fancy_left.gif) no-repeat 0% 100%;
}
}
a#fancy_right:hover {
a#fancy_right:hover {
-
background: transparent url(fancy_right.gif) no-repeat 100% 100%;
+
background: transparent url(https://static.igem.org/mediawiki/2011/7/76/Fancy_right.gif) no-repeat 100% 100%;
}
}
Line 192: Line 192:
width: 100%;
width: 100%;
height: 18px;
height: 18px;
-
background: transparent url(fancy_shadow_n.png) repeat-x;
+
background: transparent url(https://static.igem.org/mediawiki/2011/9/91/Fancy_shadow_n.png) repeat-x;
}
}
Line 200: Line 200:
width: 13px;
width: 13px;
height: 18px;
height: 18px;
-
background: transparent url(fancy_shadow_ne.png) no-repeat;
+
background: transparent url(https://static.igem.org/mediawiki/2011/5/5c/Fancy_shadow_ne.png) no-repeat;
}
}
Line 207: Line 207:
height: 100%;
height: 100%;
width: 13px;
width: 13px;
-
background: transparent url(fancy_shadow_e.png) repeat-y;
+
background: transparent url(https://static.igem.org/mediawiki/2011/4/4a/Fancy_shadow_e.png) repeat-y;
}
}
Line 215: Line 215:
width: 13px;
width: 13px;
height: 18px;
height: 18px;
-
background: transparent url(fancy_shadow_se.png) no-repeat;
+
background: transparent url(https://static.igem.org/mediawiki/2011/9/97/Fancy_shadow_se.png) no-repeat;
}
}
Line 222: Line 222:
width: 100%;
width: 100%;
height: 18px;
height: 18px;
-
background: transparent url(fancy_shadow_s.png) repeat-x;
+
background: transparent url(https://static.igem.org/mediawiki/2011/7/73/Fancy_shadow_s.png) repeat-x;
}
}
Line 230: Line 230:
width: 13px;
width: 13px;
height: 18px;
height: 18px;
-
background: transparent url(fancy_shadow_sw.png) no-repeat;
+
background: transparent url(https://static.igem.org/mediawiki/2011/9/9e/Fancy_shadow_sw.png) no-repeat;
}
}
Line 237: Line 237:
height: 100%;
height: 100%;
width: 13px;
width: 13px;
-
background: transparent url(fancy_shadow_w.png) repeat-y;
+
background: transparent url(https://static.igem.org/mediawiki/2011/1/16/Fancy_shadow_w.png) repeat-y;
}
}
Line 245: Line 245:
width: 13px;
width: 13px;
height: 18px;
height: 18px;
-
background: transparent url(fancy_shadow_nw.png) no-repeat;
+
background: transparent url(https://static.igem.org/mediawiki/2011/a/a6/Fancy_shadow_nw.png) no-repeat;
}
}

Latest revision as of 06:28, 28 October 2011

/* 

* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
* 
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
* 
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*/

div#fancy_overlay { position:absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #333; }

div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }

div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(Fancy_progress.png) no-repeat; }

div#fancy_close { position: absolute; top: -12px; right: -12px; height: 30px; width: 30px; background: transparent url(Fancy_closebox.png) ; cursor: pointer; z-index: 100; display: none; }

div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 96; }

  1. fancy_frame {

position: relative; width: 100%; height: 100%; display: none; }

img#fancy_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; padding: 0; margin: 0; z-index: 92; }

div#fancy_title { position: absolute; bottom: -35px; left: 0; width: 100%; z-index: 100; display: none; }

div#fancy_title table { margin: 0 auto; }

div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 2px; }

td#fancy_title_left { height: 32px; width: 15px; background: transparent url(Fancy_title_left.png) repeat-x; }

td#fancy_title_main { height: 32px; background: transparent url(Fancy_title_main.png) repeat-x; }

td#fancy_title_right { height: 32px; width: 15px; background: transparent url(Fancy_title_right.png) repeat-x; }

div#fancy_outer { position: absolute; 

   top: 0;
   left: 0;
   z-index: 90;
   padding: 18px 18px 58px 18px;
   margin: 0;
   overflow: hidden;
   background: transparent;
   display: none;

}

div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; }

a#fancy_left, a#fancy_right { position: absolute; bottom: 10px; height: 100%; width: 35%; cursor: pointer; background-image: url(data:image/gif;base64,AAAA); z-index: 100; }

a#fancy_left { left: 0px; }

a#fancy_right { right: 0px; }

a#fancy_left:hover { background: transparent url(Fancy_left.gif) no-repeat 0% 100%; }

a#fancy_right:hover { background: transparent url(Fancy_right.gif) no-repeat 100% 100%; }

  1. fancy_bigIframe, #fancy_freeIframe {

position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }

div#fancy_bg { display: none; }

div.fancy_bg { position: absolute; display: block; z-index: 70; }

div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(Fancy_shadow_n.png) repeat-x; }

div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(Fancy_shadow_ne.png) no-repeat; }

div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(Fancy_shadow_e.png) repeat-y; }

div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(Fancy_shadow_se.png) no-repeat; }

div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(Fancy_shadow_s.png) repeat-x; }

div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(Fancy_shadow_sw.png) no-repeat; }

div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(Fancy_shadow_w.png) repeat-y; }

div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(Fancy_shadow_nw.png) no-repeat; }

Retrieved from "http://2011.igem.org/Team:Johns_Hopkins/fancyboxcss"