CSS/gifu/home

From 2014.igem.org

(Difference between revisions)
 
(95 intermediate revisions not shown)
Line 3: Line 3:
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/css">
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-
</script>
+
<!--////// test
-
////// test
 
-
//--- Common
 
-
var isHorizontal=1;
 
-
var smColumns=1;
 
-
var smOrientation=0;
 
-
var smViewType=0;
 
-
var dmRTL=0;
 
-
var pressedItem=-2;
 
-
var itemCursor="default";
 
-
var itemTarget="_blank";
 
-
var statusString="text";
 
-
var blankImage="data-samples/images/blank.gif";
 
-
//--- Dimensions
 
-
var menuWidth="";
 
-
var menuHeight="";
 
-
var smWidth="";
 
-
var smHeight="";
 
-
//--- Positioning
+
//// test-->
-
var absolutePos=0;
+
-
var posX="20";
+
-
var posY="10";
+
-
var topDX=0;
+
-
var topDY=-3;
+
-
var DX=-5;
+
-
var DY=0;
+
-
 
+
-
//--- Font
+
-
var fontStyle="";
+
-
var fontColor=["",""];
+
-
var fontDecoration=["overline","overline"];
+
-
var fontColorDisabled="#AAAAAA";
+
-
 
+
-
//--- Appearance
+
-
var menuBackColor="#FFFFFF";
+
-
var menuBackImage="";
+
-
var menuBackRepeat="repeat";
+
-
var menuBorderColor="#BFBFBF #737373 #4D4D4D #AAAAAA ";
+
-
var menuBorderWidth=1;
+
-
var menuBorderStyle="solid";
+
-
 
+
-
//--- Item Appearance
+
-
var itemBackColor=["",""];
+
-
var itemBackImage=["",""];
+
-
var itemBorderWidth=0;
+
-
var itemBorderColor=["",""];
+
-
var itemBorderStyle=["solid","solid"];
+
-
var itemSpacing=0;
+
-
var itemPadding="5";
+
-
var itemAlignTop="left";
+
-
var itemAlign="left";
+
-
var subMenuAlign="left";
+
-
 
+
-
//--- Icons
+
-
var iconTopWidth=16;
+
-
var iconTopHeight=16;
+
-
var iconWidth=16;
+
-
var iconHeight=16;
+
-
var arrowWidth=7;
+
-
var arrowHeight=7;
+
-
var arrowImageMain=["",""];
+
-
var arrowImageSub=["arrow_sub6.gif","arrow_sub7.gif"];
+
-
 
+
-
//--- Separators
+
-
var separatorImage="separ1.gif";
+
-
var separatorWidth="100%";
+
-
var separatorHeight="5";
+
-
var separatorAlignment="center";
+
-
var separatorVImage="separv1.gif";
+
-
var separatorVWidth="5";
+
-
var separatorVHeight="34";
+
-
var separatorPadding="0px";
+
-
 
+
-
//--- Floatable Menu
+
-
var floatable=0;
+
-
var floatIterations=5;
+
-
var floatableX=1;
+
-
var floatableY=1;
+
-
 
+
-
//--- Movable Menu
+
-
var movable=0;
+
-
var moveWidth=12;
+
-
var moveHeight=18;
+
-
var moveColor="#AA0000";
+
-
var moveImage="";
+
-
var moveCursor="move";
+
-
var smMovable=0;
+
-
var closeBtnW=15;
+
-
var closeBtnH=15;
+
-
var closeBtn="";
+
-
 
+
-
//--- Transitional Effects & Filters
+
-
var transparency="90";
+
-
var transition=24;
+
-
var transOptions="";
+
-
var transDuration=300;
+
-
var transDuration2=200;
+
-
var shadowLen=3;
+
-
var shadowColor="#555555";
+
-
var shadowTop=0;
+
-
 
+
-
//--- CSS Support (CSS-based Menu)
+
-
var cssStyle=1;
+
-
var cssSubmenu="submenu";
+
-
var cssItem=["itemNormal","itemOver"];
+
-
var cssItemText=["itemTextNormal","itemTextOver"];
+
-
 
+
-
//--- Advanced
+
-
var dmObjectsCheck=0;
+
-
var saveNavigationPath=1;
+
-
var showByClick=0;
+
-
var noWrap=1;
+
-
var pathPrefix_img="data-samples/images/";
+
-
var pathPrefix_link="data-samples/";
+
-
var smShowPause=200;
+
-
var smHidePause=1000;
+
-
var smSmartScroll=1;
+
-
var topSmartScroll=0;
+
-
var smHideOnClick=1;
+
-
var dm_writeAll=0;
+
-
 
+
-
//--- AJAX-like Technology
+
-
var dmAJAX=0;
+
-
var dmAJAXCount=0;
+
-
 
+
-
//--- Dynamic Menu
+
-
var dynamic=0;
+
-
 
+
-
//--- Keystrokes Support
+
-
var keystrokes=0;
+
-
var dm_focus=1;
+
-
var dm_actKey=113;
+
-
 
+
-
var itemStyles = [
+
-
    ["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"],
+
-
];
+
-
var menuStyles = [
+
-
    ["CSS=topMenu"],
+
-
];
+
-
 
+
-
var menuItems = [
+
-
 
+
-
    ["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home Tip", , "0", "0", , ],
+
-
    ["Product Info","", "css/icon2.gif", "css/icon22.gif", "Product Info Tip", , "0", , , ],
+
-
        ["|Features","testlink.htm"],
+
-
        ["|Installation",""],
+
-
            ["||Description of Files","testlink.htm"],
+
-
            ["||How To Setup","testlink.htm"],
+
-
        ["|Parameters Info","testlink.htm"],
+
-
        ["|-",""],
+
-
        ["|Dynamic Functions","testlink.htm"],
+
-
        ["|Supported Browsers",""],
+
-
            ["||Windows OS",""],
+
-
                ["|||Internet Explorer",""],
+
-
                ["|||Firefox",""],
+
-
                ["|||Mozilla",""],
+
-
                ["|||Opera",""],
+
-
                ["|||Netscape Navigator",""],
+
-
            ["||MAC OS",""],
+
-
                ["|||Firefox",""],
+
-
                ["|||Safari",""],
+
-
                ["|||Internet Explorer",""],
+
-
            ["||Unix/Linux OS",""],
+
-
                ["|||Firefox",""],
+
-
                ["|||Konqueror",""],
+
-
    ["Samples","", "css/icon3.gif", "css/icon32.gif", , , "0", , , ],
+
-
        ["|Sample 1","testlink.htm"],
+
-
        ["|Sample 2","testlink.htm"],
+
-
        ["|Sample 3","testlink.htm"],
+
-
        ["|Sample 4","testlink.htm"],
+
-
        ["|Sample 5","testlink.htm"],
+
-
        ["|Sample 6","testlink.htm"],
+
-
    ["Purchase","testlink.htm", "css/icon4.gif", "css/icon42.gif", , , "0", , , ],
+
-
    ["Contact Us","testlink.htm", , , , , "0", , , ],
+
-
];
+
-
 
+
-
dm_init();
+
-
 
+
-
 
+
-
 
+
-
 
+
-
//// test
+
Line 203: Line 23:
}
}
*/
*/
 +
 +
#uroboros {
 +
  position:relative;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  z-index:1;
 +
  }
 +
 +
#boros {
 +
  width:595px;
 +
  height:292px;
 +
}
#base{
#base{
   position:relative;
   position:relative;
-
   top:130px;
+
   margin-top:auto;
   margin-left:auto;
   margin-left:auto;
   margin-right:auto;  
   margin-right:auto;  
-
   width:500px;  
+
 height:700px;
 +
   width:900px;  
   z-index:100;
   z-index:100;
}
}
 +
 +
#ribosome{
 +
  width:120px;
 +
  height:120px;
 +
}
 +
 +
#rib{
 +
  font-size:35px;
 +
  visibility:hidden;
 +
  color:white;
 +
}
 +
 +
#stopme{
 +
  position:absolute;
 +
  top:180px;
 +
  left:280px;
 +
  z-index:900;
 +
  visibility:visible;
 +
#point{
#point{
   position:absolute;
   position:absolute;
   top:200px;
   top:200px;
-
   left:600px;
+
   left:450px;
   transform: rotate(0 deg);
   transform: rotate(0 deg);
   z-index:1000;
   z-index:1000;
-
  }
+
}
#menu1 {
#menu1 {
   position:absolute;
   position:absolute;
   top:10px;
   top:10px;
-
   left:170px;
+
   left:370px;
   width:100px;
   width:100px;
   z-index:10000;
   z-index:10000;
Line 230: Line 82:
#menu2 {
#menu2 {
-
   display:inline;
+
   position:absolute;
 +
  top:160px;
 +
  left:600px;
 +
  width:100px;
 +
  z-index:10000;
}
}
 +
 
 +
#menu3 {
 +
  position:absolute;
 +
  top:410px;
 +
  left:520px;
 +
  width:100px;
 +
  z-index:10000;
 +
}
 +
 
 +
#menu4 {
 +
  position:absolute;
 +
  top:410px;
 +
  left:240px;
 +
  width:100px;
 +
  z-index:10000;
 +
}
 +
 
 +
#menu5 {
 +
  position:absolute;
 +
  top:160px;
 +
  left:160px;
 +
  width:120px;
 +
  z-index:10000;
 +
 +
#fukidasi1{
 +
  position:absolute;
 +
  top:40px;
 +
  left:245px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
  width:400px;
 +
  height:400px;
 +
}
 +
 +
#fukidasi2{
 +
  position:absolute;
 +
  top:140px;
 +
  left:320px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 +
#fukidasi3{
 +
  position:absolute;
 +
  top:130px;
 +
  left:330px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 +
#fukidasi4{
 +
  position:absolute;
 +
  top:100px;
 +
  left:300px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 +
#fukidasi5{
 +
  position:absolute;
 +
  top:150px;
 +
  left:290px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
.tabs {
.tabs {
Line 277: Line 198:
}
}
 +
#kouzityuu {
 +
  font-size:500%;
 +
  color:white;
 +
}
</style>
</style>
</style>
</style>

Latest revision as of 14:24, 17 October 2014