home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2011 October / PCgo_1011_CD.iso / interface / css / lightwindow.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2009-10-15  |  7.7 KB  |  383 lines
  1. #lightwindow_overlay {
  2.     /* REQUIRED */
  3.     display: none;
  4.     visibility: hidden;
  5.     position: absolute;
  6.     top: 0;
  7.     left: 0;
  8.     width: 100%;
  9.     height: 100px;
  10.     z-index: 500;
  11.     /* REQUIRED */
  12. }
  13.  
  14. #lightwindow {
  15.     /* REQUIRED */
  16.     /* Of Note - The height and width of this element are set to 0px */
  17.     display: none;
  18.     visibility: hidden;
  19.     position: absolute;
  20.     z-index: 999;
  21.     line-height: 0px;
  22.     /* REQUIRED */
  23. }
  24.  
  25.     #lightwindow_container {
  26.         /* REQUIRED */
  27.         display: none;
  28.         visibility: hidden;
  29.         position: absolute;
  30.         /* REQUIRED */
  31.         padding: 0 0 0 0;
  32.         margin: 0 0 0 0;
  33.     }
  34.  
  35.     /* IE6 needs this or it messes with our positioning */
  36.     * html #lightwindow_container {
  37.         overflow: hidden;
  38.     }
  39.  
  40.     #lightwindow_contents {
  41.         overflow: hidden;
  42.         z-index: 0;
  43.         position: relative;
  44.         border: 10px solid #ffffff;
  45.         background-color: #ffffff;
  46.     }        
  47.  
  48. #lightwindow_loading {
  49.     /* REQUIRED */
  50.     height: 100%;
  51.     width: 100%;
  52.     top: 0px;
  53.     left: 0px;
  54.     z-index: 9999;
  55.     position: absolute;
  56.     /* REQUIRED */
  57.     background-color: #f0f0f0;
  58.     padding: 10px;
  59. }
  60.  
  61.     #lightwindow_loading_shim { 
  62.         display: none;
  63.         left: 0px; 
  64.         position: absolute; 
  65.         top: 0px;
  66.         width: 100%; 
  67.         height: 100%;
  68.     }
  69.  
  70.     #lightwindow_loading span {
  71.         font-size: 12px;
  72.         line-height: 32px;
  73.         color: #444444;
  74.         float: left;
  75.         padding: 0 10px 0 0;
  76.     }
  77.  
  78.     #lightwindow_loading span a,
  79.     #lightwindow_loading span a:link, 
  80.     #lightwindow_loading span a:visited {
  81.         color: #09F;
  82.         text-decoration: none;
  83.         cursor: pointer;
  84.     }
  85.  
  86.     #lightwindow_loading span a:hover,
  87.     #lightwindow_loading span a:active {
  88.         text-decoration: underline;
  89.     }
  90.  
  91.  
  92.     #lightwindow_loading img {
  93.            float: left;
  94.            margin: 0 10px 0 0;
  95.     }
  96.  
  97.  
  98. /*-----------------------------------------------------------------------------------------------
  99.     I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
  100.     I mean let's face it, it works really well and is very easy to figure out.
  101. -----------------------------------------------------------------------------------------------*/
  102.  
  103. #lightwindow_navigation {
  104.     /* REQUIRED */
  105.     position: absolute;
  106.     top: 0px;
  107.     left: 0px;
  108.     display: none;
  109.     /* REQUIRED */
  110. }
  111.     /* We need to shim the navigation for IE, though its more of a sub-floor */
  112.     #lightwindow_navigation_shim { 
  113.         /* REQUIRED */
  114.         display: none;
  115.         left: 0px; 
  116.         position: absolute; 
  117.         top: 0px;
  118.         width: 100%; 
  119.         height: 100%;
  120.         /* REQUIRED */
  121.     }
  122.  
  123.     #lightwindow_navigation a,
  124.     #lightwindow_navigation a:link,
  125.     #lightwindow_navigation a:visited,
  126.     #lightwindow_navigation a:hover,
  127.     #lightwindow_navigation a:active { 
  128.         /* REQUIRED */
  129.         outline: none;
  130.         /* REQUIRED */
  131.     }
  132.  
  133.     #lightwindow_previous, 
  134.     #lightwindow_next {
  135.         width: 49%;
  136.         height: 100%;
  137.         background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  138.         display: block;
  139.     }
  140.     
  141.     #lightwindow_previous { 
  142.         float: left;
  143.         left: 0px;
  144.     }
  145.  
  146.     #lightwindow_next { 
  147.         float: right;
  148.         right: 0px;
  149.     }
  150.  
  151.     #lightwindow_previous:hover, 
  152.     #lightwindow_previous:active { 
  153.         background: url(../images/prevlabel.gif) left 15% no-repeat; 
  154.     }
  155.  
  156.     #lightwindow_next:hover, 
  157.     #lightwindow_next:active { 
  158.         background: url(../images/nextlabel.gif) right 15% no-repeat; 
  159.     }
  160.     
  161.     #lightwindow_previous_title,
  162.     #lightwindow_next_title {
  163.         display: none;
  164.     }
  165.          
  166. #lightwindow_galleries {
  167.     width: 100%;
  168.     position: absolute;
  169.     z-index: 50; 
  170.     display: none;
  171.     overflow: hidden;
  172.     margin: 0 0 0 10px;
  173.     bottom: 0px;
  174.     left: 0px;
  175. }
  176.  
  177.     #lightwindow_galleries_tab_container {
  178.         display: none;
  179.         width: 100%;
  180.         height: 0px;
  181.         overflow: hidden;
  182.     }
  183.  
  184.     a#lightwindow_galleries_tab,        
  185.     a:link#lightwindow_galleries_tab,
  186.     a:visited#lightwindow_galleries_tab {
  187.         display: block;
  188.         height: 20px;
  189.         width: 77px;
  190.         float: right;
  191.         line-height: 22px;
  192.         color: #ffffff;
  193.         text-decoration: none;
  194.         font-weight: bold;
  195.         cursor: pointer;
  196.         font-size: 11px;
  197.         color: #ffffbe;
  198.         background: url(../images/black-70.png) repeat 0 0 transparent;
  199.     }
  200.     
  201.     * html a#lightwindow_galleries_tab,        
  202.     * html a:link#lightwindow_galleries_tab,
  203.     * html a:visited#lightwindow_galleries_tab {    
  204.         background: none;
  205.         background-color: #000000;
  206.         opacity: .70;
  207.         filter: alpha(opacity=70);
  208.     }
  209.  
  210.     a:hover#lightwindow_galleries_tab,
  211.     a:active#lightwindow_galleries_tab {
  212.         color: #ffffbe;
  213.  
  214.     }
  215.  
  216.     #lightwindow_galleries_tab_span {
  217.         display: block;
  218.         height: 20px;
  219.         width: 63px;
  220.         padding: 0 7px 0 7px;
  221.     }
  222.     
  223.     #lightwindow_galleries_tab .up    {
  224.         background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
  225.     }
  226.  
  227.     #lightwindow_galleries_tab .down {
  228.         background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
  229.     }
  230.  
  231.     #lightwindow_galleries_list {
  232.         background: url(../images/black-70.png) repeat 0 0 transparent;
  233.         overflow: hidden;
  234.         height: 0px;
  235.     }
  236.  
  237.     * html #lightwindow_galleries_list {
  238.         background: none;
  239.         background-color: #000000;
  240.         opacity: .70;
  241.         filter: alpha(opacity=70);
  242.     }    
  243.  
  244.     .lightwindow_galleries_list {
  245.         width: 200px;
  246.         float: left;
  247.         margin: 0 0 10px 0;
  248.         padding: 10px;
  249.     }
  250.  
  251.     .lightwindow_galleries_list h1 {    
  252.         color: #09F;
  253.         text-decoration: none;
  254.         font-weight: bold;
  255.         cursor: pointer;
  256.         padding: 10px 0 5px 0;
  257.         font-size: 16px;
  258.     }
  259.  
  260.     .lightwindow_galleries_list li {
  261.         margin: 5px 0 5px 0;
  262.         list-style-type: none;
  263.     }
  264.  
  265.     .lightwindow_galleries_list a, 
  266.     .lightwindow_galleries_list a:link, 
  267.     .lightwindow_galleries_list a:visited {
  268.         display: block;
  269.         line-height: 22px;
  270.         color: #ffffff;
  271.         text-decoration: none;
  272.         font-weight: bold;
  273.         cursor: pointer;
  274.         padding: 0 0 0 10px;
  275.         font-size: 11px;
  276.     }
  277.  
  278.     .lightwindow_galleries_list a:hover, 
  279.     .lightwindow_galleries_list a:active {
  280.         background: #000000;
  281.         color: #ffffbe;
  282.         border-left: 3px solid #ffffbe;
  283.         padding: 0 0 0 7px;
  284.     }
  285.         
  286. #lightwindow_data {
  287.     /* REQUIRED */
  288.     position: absolute;
  289.     /* REQUIRED */
  290. }
  291.  
  292.     #lightwindow_data_slide {
  293.         /* REQUIRED */
  294.         position: relative;
  295.         /* REQUIRED */
  296.     }
  297.  
  298.     #lightwindow_data_slide_inner {
  299.         background-color: #ffffff;
  300.         padding: 0 10px 10px 10px;
  301.     }
  302.  
  303.     #lightwindow_data_caption {
  304.         padding: 10px 0 0 0;
  305.         color: #666666;
  306.         line-height: 25px;
  307.         background-color: #ffffff;
  308.         clear: both;
  309.     }
  310.  
  311.     #lightwindow_data_details {
  312.         background-color: #f0f0f0;
  313.         padding: 0 10px 0 10px;
  314.         height: 20px;
  315.     }
  316.     
  317.     #lightwindow_data_author_container {
  318.         width: 40%;
  319.         text-align: right;
  320.         color: #666666;
  321.          font-style: italic;
  322.         font-size: 10px;
  323.         line-height: 20px;
  324.         float: right;
  325.         overflow: hidden;
  326.     }
  327.     
  328.     #lightwindow_data_gallery_container {
  329.         font-size: 10px;
  330.         width: 40%;
  331.         text-align: left;
  332.         color: #666666;
  333.         line-height: 20px;
  334.         float: left;
  335.         overflow: hidden;
  336.     }
  337.     
  338. #lightwindow_title_bar {
  339.     height: 25px;
  340.     overflow: hidden;        
  341. }
  342. /* Anpassen */
  343. div#lightwindow_title_bar_inner {  
  344.   background: #fff url('../images/ratingBG.gif') repeat-x 0px 0px;
  345.   padding: 0 5px 0 5px;
  346. }
  347.  
  348.     #lightwindow_title_bar_title {
  349.         color: #add6ff;
  350.         font-size: 14px;
  351.         line-height: 25px;
  352.         text-align: left;
  353.         float: left;
  354.     }
  355.  
  356.     a#lightwindow_title_bar_close_link,    
  357.     a:link#lightwindow_title_bar_close_link,
  358.     a:visited#lightwindow_title_bar_close_link {
  359.         float: right;
  360.         text-align: right;        
  361.         cursor: pointer;
  362.         color: #add6ff;
  363.         line-height: 25px;
  364.         padding: 0;
  365.         margin: 0;
  366.     }
  367.     a:hover#lightwindow_title_bar_close_link,
  368.     a:active#lightwindow_title_bar_close_link {
  369.        text-decoration: underline;
  370.     }
  371. /* /Anpassen */    
  372.  
  373. /*-----------------------------------------------------------------------------------------------
  374.     Theme styling stuff
  375. -----------------------------------------------------------------------------------------------*/    
  376.  
  377. #lightwindow p {
  378.     color: #000000;
  379.     padding-right: 10px;
  380. }
  381.  
  382.  
  383.