Difference between revisions of "Team:Tianjin/Experiment/css/style.css"

(Blanked the page)
Line 1: Line 1:
 +
body {background:#fff; color:#333; font: 12px/22px verdana, arial, sans-serif; height:100%; margin:0 auto; width:100%;}
 +
img {border:0;}
 +
#container {margin:0 auto; padding-top:20px; width:400px;}
  
 +
 +
#gallery-overlay {background-color:#000;}
 +
#gallery-container {font: 16px/22px verdana, arial, sans-serif; margin:0 auto;}
 +
#gallery {background:#fff url(../img/gallery/loading.gif) center 100px no-repeat; color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
 +
#gallery-image-container {display:none; height:100%;}
 +
#gallery-loading {padding:8px;}
 +
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
 +
#gallery-controls div {float:left; height:100%; width:50%;}
 +
#gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
 +
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
 +
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
 +
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
 +
#gallery-image {padding:8px;}
 +
#gallery-meta {display:none; height:44px; padding:0px 8px;}
 +
#gallery-meta div {float:left;}
 +
#gallery-info {text-align:left; width:80%;}
 +
#gallery-close {line-height:30px; text-align:right; width:20%;}
 +
#gallery-close a {color:#999; font-size:24px; font-weight:bold; outline-style:none; text-decoration:none;}
 +
#gallery-close a:hover {color:#bbb;}
 +
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px; font-weight:bold; line-height:14px;}
 +
#gallery-title a:visited:hover {color:#999}
 +
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}

Revision as of 05:07, 12 October 2016

body {background:#fff; color:#333; font: 12px/22px verdana, arial, sans-serif; height:100%; margin:0 auto; width:100%;} img {border:0;}

  1. container {margin:0 auto; padding-top:20px; width:400px;}


  1. gallery-overlay {background-color:#000;}
  2. gallery-container {font: 16px/22px verdana, arial, sans-serif; margin:0 auto;}
  3. gallery {background:#fff url(../img/gallery/loading.gif) center 100px no-repeat; color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
  4. gallery-image-container {display:none; height:100%;}
  5. gallery-loading {padding:8px;}
  6. gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
  7. gallery-controls div {float:left; height:100%; width:50%;}
  8. gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
  9. gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
  10. gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
  11. gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
  12. gallery-image {padding:8px;}
  13. gallery-meta {display:none; height:44px; padding:0px 8px;}
  14. gallery-meta div {float:left;}
  15. gallery-info {text-align:left; width:80%;}
  16. gallery-close {line-height:30px; text-align:right; width:20%;}
  17. gallery-close a {color:#999; font-size:24px; font-weight:bold; outline-style:none; text-decoration:none;}
  18. gallery-close a:hover {color:#bbb;}
  19. gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px; font-weight:bold; line-height:14px;}
  20. gallery-title a:visited:hover {color:#999}
  21. gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}