Template:USTC-Software/header/css

From 2013.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
.pix_diapo {
.pix_diapo {
background: #000;
background: #000;
-
-moz-box-shadow: 0 3px 6px #000;
+
-moz-box-shadow: 2px 3px 6px #000;
-
-webkit-box-shadow: 0 3px 6px #000;
+
-webkit-box-shadow: 2px 3px 6px #000;
-
box-shadow: 0 3px 6px #000;
+
box-shadow: 2px 3px 6px #000;
height: 500px;
height: 500px;
margin: 0 10px;
margin: 0 10px;
Line 9: Line 9:
position: relative;
position: relative;
width: 1000px;
width: 1000px;
 +
        margin-left:1px;
}
}
.pix_diapo > div {
.pix_diapo > div {
Line 18: Line 19:
width: 100%;
width: 100%;
}
}
-
 
-
#pix_canvas { right:30px !important;}
 
#pix_prev, #pix_next {
#pix_prev, #pix_next {
Line 38: Line 37:
background: url(https://static.igem.org/mediawiki/2013/5/5e/USTC_Software_Next.png) no-repeat;
background: url(https://static.igem.org/mediawiki/2013/5/5e/USTC_Software_Next.png) no-repeat;
left: auto!important;
left: auto!important;
-
right: 30px!important;
+
right: 0px!important;
}
}
#pix_pag {
#pix_pag {
margin: 0 auto;
margin: 0 auto;
position: relative;
position: relative;
-
width: 940px;
+
width: 930px;
z-index: 1002;
z-index: 1002;
}
}
Line 124: Line 123:
box-shadow: 0 1px 8px #000;
box-shadow: 0 1px 8px #000;
height: 58px;
height: 58px;
-
  left: -17px;
+
  left: -42px;
position: absolute;
position: absolute;
top: -40px;
top: -40px;
-
width: 58px;
+
width: 108px;
}
}
#pix_pag_ul > li > .thumb_arrow {
#pix_pag_ul > li > .thumb_arrow {
Line 154: Line 153:
color: #fff;
color: #fff;
display: block;
display: block;
-
font-size: 13px;
+
font-size: 16px;
 +
        font-family: Arial, Helvetica, sans-serif;
padding: 20px;
padding: 20px;
-
width: 900px;
+
width: 960px;
}
}
.ui-loader {
.ui-loader {
display: none;
display: none;
}
}

Latest revision as of 14:30, 7 November 2013

.pix_diapo { background: #000; -moz-box-shadow: 2px 3px 6px #000; -webkit-box-shadow: 2px 3px 6px #000; box-shadow: 2px 3px 6px #000; height: 500px; margin: 0 10px; overflow: hidden; position: relative; width: 1000px;

       margin-left:1px;

} .pix_diapo > div { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

  1. pix_prev, #pix_next {

cursor: pointer; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1001; }

  1. pix_prev {

background: url(USTC_Software_Prev.png) no-repeat; left: 0px; }

  1. pix_next {

background: url(USTC_Software_Next.png) no-repeat; left: auto!important; right: 0px!important; }

  1. pix_pag {

margin: 0 auto; position: relative; width: 930px; z-index: 1002; }

  1. pix_commands {

cursor: pointer; display: block; float: left; height: 26px; margin: 15px 0 0 13px; position: relative; width: 24px; }

  1. pix_play {

background: url(USTC_Software_play.png) center no-repeat; height: 24px; left: 0; position: absolute; top: 0; width: 24px; }

  1. pix_stop {

background: url(USTC_Software_Stop.png) center no-repeat; height: 24px; left: 0; position: absolute; top: 0; width: 24px; }

  1. pix_pag_ul {

float: right; margin: 0; padding: 0; }

  1. pix_pag_ul > li {

cursor: pointer; display: block; .display: inline-block; float: left; list-style: none; margin: 0 10px 0 0; padding: 20px 8px 0; text-align: center; text-indent: -9999px; width: 16px; }

  1. pix_pag_ul > li > span {

background: #222; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; height: 16px; width: 16px; }

  1. pix_pag_ul > li:hover > span > span {

background: #ccc; }

  1. pix_pag_ul > li > span > span {

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; float: left; height: 8px; margin: 4px; width: 8px; }

  1. pix_pag_ul > li.diapocurrent > span > span {

background: #ff0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

  1. pix_pag_ul > li > .pix_thumb {

border: 4px solid #f2f2f2; .border: 4px solid #e6e6e6; border: 4px solid #e6e6e6\9; -moz-box-shadow: 0 1px 8px #000; -webkit-box-shadow: 0 1px 8px #000; box-shadow: 0 1px 8px #000; height: 58px;

	left: -42px;

position: absolute; top: -40px; width: 108px; }

  1. pix_pag_ul > li > .thumb_arrow {
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid  #e6e6e6;

top: 26px; left: 12px; position: absolute; } .pix_relativize { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .elemHover { position: absolute; } .caption { background: rgba(0, 0, 0, 0.8);

   .filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;

bottom: 20px; color: #fff; display: block; font-size: 16px;

       font-family: Arial, Helvetica, sans-serif;

padding: 20px; width: 960px; } .ui-loader { display: none; }