dmBridge PHP API
dmmonocle.css.php
00001 <?php
00002 /*
00003  * dmBridge: a data access framework for CONTENTdm(R)
00004  *
00005  * Copyright © 2009, 2010, 2011 Board of Regents of the Nevada System of Higher
00006  * Education, on behalf of the University of Nevada, Las Vegas
00007  */
00008 
00009 $root_uri = dirname($_SERVER['PHP_SELF']) . "/../";
00010 
00011 header("Content-Type: text/css"); ?>
00012 
00013 /* This is the main viewer area. Set it's width and height 
00014 to reflect the size you would like your viewer to be. */
00015 div#dmMonocle {
00016    background-color: #EEE;
00017    
00018    /* These properties are necessary for dmMonocle functionality 
00019    - do not edit unless necessary */
00020    position:relative;
00021    overflow:hidden;
00022    margin: 0 auto;
00023    text-align: center;
00024    background-repeat:no-repeat;
00025    background-position:center center;
00026 }
00027 /* Positions the Thumbnail div. In future version, more flexibility will be given with the thumbnail. As is, it is rendered at the top-left corner. */
00028 #dmThumbnail {
00029    border-right: 3px solid #FFF;
00030    border-bottom: 3px solid #FFF;
00031    
00032    /* Necessary Styles */
00033    position: absolute;
00034    z-index: 15;
00035 }
00036 /* This is where the program dumps and stiches together the tiles so they can be dragged. Most styles are generated automatically by dmMonocle, but if you want to use special cursors, this is the place to put them! */
00037 #dmMainImage { 
00038    z-index: 1;
00039    cursor: url(<?php echo $root_uri ?>/images/cursors/openhand.cur), url(<?php echo $root_uri ?>/images/cursors/openhand.cur), move;
00040 }
00041 /* IE was not accepting clicks directly on the thumbnail image, had to add
00042    a div in between the Thumbnail and Navigator with a transparent BG
00043    for IE to click on. Please ensure the path to the background-image is 
00044    correct */
00045 .dmClickNavLayer {
00046    z-index: 15;
00047    position: absolute;
00048    left: 0;
00049    top: 0;
00050    background-image: url(<?php echo $root_uri ?>/images/bg_ie.gif);
00051    }
00052 /* Navigator styles (the little thing inside the thumbnail you can drag around
00053    to move the image). Feel free to change the color, give it a background, change the opacity, whatev! */
00054 .dmNavigator { 
00055    background-color: #900;
00056    border: 1px solid #300;
00057    cursor: url(<?php echo $root_uri ?>/images/cursors/openhand.cur), url(<?php echo $root_uri ?>/images/cursors/openhand.cur), move;
00058    opacity: .4;
00059    filter: alpha(opacity = 40); /* IE does not recognize CSS's native opacity property */
00060    
00061    /* Do Not modify */
00062    position: absolute;
00063    z-index: 50;
00064    top: 0;
00065    left: 0;
00066    }
00067 
00068 /* A special selector for when either the Nav or Main Image are being
00069    dragged. Currently used to alter the cursor, to go from an open to closed
00070    hand */
00071 .dmDragging {
00072    cursor: url(<?php echo $root_uri ?>/images/cursors/closedhand.cur), url(<?php echo $root_uri ?>/images/cursors/closedhand.cur), move !important;
00073 }
00074 /* A special selector for when the nav or main image aren't draggable,
00075    such as when the image is fit to the viewer size */
00076 .dmNoDrag {
00077    cursor: default !important;
00078 }
00079 /* The style for the loading tiles */
00080 .dmImgTileLoading {
00081    background-image: url(<?php echo $root_uri ?>/images/loading.gif);
00082 }
00083 
00084 
00085 /************************
00086   =MENU
00087   
00088   By default, dmMonocle does not ouptut graphical icons for menu items, 
00089   but rather it outputs text links. The link styles can be overridden
00090   with the following as to display graphical icons.
00091   
00092 ***********************/
00093 #dmMonocleMenu {
00094    background-color: #CCC;
00095    height: 30px;
00096    margin: 0 auto;
00097    padding: 0 0 3px 0;
00098    }
00099 #dmMonocleMenu div {
00100    text-indent: -1000em;
00101    margin-right: 15px;
00102    background-repeat: no-repeat;
00103    cursor: pointer;
00104    margin-top: 9px;
00105    padding-top: 0;
00106    float: left;
00107    }
00108 #dmMonocleHideNavigator {
00109    width: 16px;
00110    height: 16px;
00111    background-image: url(<?php echo $root_uri ?>/images/menu/toggleNav.gif);
00112    margin-left: 15px;
00113    }
00114 #dmMonocleFitWindow {
00115    padding-left: 15px;
00116    border-left: 1px solid #999;
00117    background-position: right;
00118    width: 16px;
00119    height: 16px;
00120    background-image: url(<?php echo $root_uri ?>/images/menu/fitWindow.gif);
00121    }
00122 #dmMonocleFitWidth {
00123    width: 16px;
00124    height: 16px;
00125    background-image: url(<?php echo $root_uri ?>/images/menu/fitWidth.gif);
00126    }
00127 #dmMonocleMaxRes {
00128    width: 16px;
00129    height: 16px;
00130    background-image: url(<?php echo $root_uri ?>/images/menu/maxRes.gif);
00131    }
00132 #dmMonocleRotateCounterclockwise {
00133    width: 16px;
00134    height: 16px;
00135    background-image: url(<?php echo $root_uri ?>/images/menu/rotateCounterClockwise.gif);
00136    padding-left: 15px;
00137    border-left: 1px solid #999;
00138    background-position: right;
00139    }
00140 #dmMonocleRotateClockwise {
00141    width: 16px;
00142    height: 16px;
00143    background-image: url(<?php echo $root_uri ?>/images/menu/rotateClockwise.gif);
00144    }
00145 #dmMonocleZoomOut {
00146    width: 16px;
00147    height: 16px;
00148    background-image: url(<?php echo $root_uri ?>/images/menu/zoomOut.gif);
00149    padding-left: 15px;
00150    border-left: 1px solid #999;
00151    background-position: right;
00152    }
00153 #dmMonocleZoomIn {
00154    width: 16px;
00155    height: 16px;
00156    background-image: url(<?php echo $root_uri ?>/images/menu/zoomIn.gif);
00157    }
00158    
00159 #dmMonocleDownloadButton {
00160    width: 16px;
00161    height: 16px;
00162    background-image: url(<?php echo $root_uri ?>/images/menu/print.gif);
00163    padding-left: 15px;
00164    border-left: 1px solid #999;
00165    background-position: right;   
00166    }  
00167 
00168 /* Slider */
00169 
00170 /* dmMonocle uses the jQuery UI Slider. These styles were
00171    created from scratch, but more styles can be easily
00172    generated using the jQueryUI theme roller (http://jqueryui.com/themeroller/)
00173 */
00174 #dmMonocleMenu div#dmZoomLevelGague {
00175    text-indent: 0;
00176    margin-top: 7px;
00177    width: 100px;
00178 }
00179 #dmMonocleMenu .ui-slider { 
00180    position: relative; 
00181    text-align: left; 
00182    }
00183 #dmMonocleMenu .ui-slider .ui-slider-handle { 
00184    outline: none; 
00185    position: absolute; 
00186    margin-top: 9px; 
00187    z-index: 2; 
00188    width: 12px; 
00189    height: 12px; 
00190    background-image: url(<?php echo $root_uri ?>/images/menu/sliderHandle.gif);
00191    background-repeat: no-repeat; 
00192    background-position: 0 0; 
00193    overflow: hidden;
00194    }
00195 #dmMonocleMenu .ui-slider .ui-slider-handle:hover, #dmMonocleMenu .ui-slider .ui-slider-handle:active { 
00196    background-position: 0 -12px; 
00197    cursor: default; 
00198 }
00199 #dmMonocleMenu .ui-slider-horizontal { 
00200    height: 20px; 
00201    background-image: url(<?php echo $root_uri ?>/images/menu/sliderBG.gif);
00202    background-repeat: repeat-x; 
00203    background-position: left center;
00204    }
00205 #dmMonocleMenu .ui-slider-horizontal .ui-slider-handle { 
00206    top: -5px; 
00207    margin-left: -5px; 
00208    }
 All Data Structures Functions Variables