Subversion Repositories wimsdev

Rev

Rev 7591 | Rev 8036 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /* WIMS BOXES */
  2. #wimsbodybox {
  3.   padding: 0;
  4.   margin: 0;
  5. }
  6. #wimspagebox {
  7.    padding: 0;
  8.    margin: 0.5em;
  9.    min-height:32em;
  10. }
  11. #wimstailbox {
  12.   margin-top: 5px;
  13.   bottom: 0;
  14.   left: 0;
  15. }
  16.  
  17. #wimstopbox {
  18.   margin-left: 10px;
  19.   margin-right: 10px;
  20.   left:auto;
  21.   right:auto;
  22.   text-align:right;
  23.   border-radius : 20px 20px 0 0;
  24.  
  25.   background-image: -webkit-gradient(
  26.     linear,
  27.     left bottom,
  28.     left top,
  29.     color-stop(0.7, rgba(0,0,0,0)),
  30.     color-stop(0.9, rgba(0,0,0,0.2))
  31.   );
  32.   background-image: -moz-linear-gradient(
  33.     center bottom,
  34.     rgba(0,0,0,0) 70%,
  35.     rgba(0,0,0,0.2) 90%
  36.   );
  37. }
  38.  
  39. /* Permalink Styles */
  40. #export_media{
  41.     text-align: left;
  42. }
  43. #export_media a{
  44.     min-height: initial;
  45.     line-height: normal;
  46.     padding:0;
  47. }
  48.  
  49. #wimsmenubox {
  50.   margin-top: 1px;
  51.   margin-left: 10px;
  52.   margin-right: 10px;
  53.   background-color:white;
  54.   border-radius : 0 0 20px 20px;
  55.  
  56.   text-align: center;
  57.  
  58.   background-image: -webkit-gradient(
  59.     linear,
  60.     left top,
  61.     left bottom,
  62.     color-stop(0.7, rgba(0,0,0,0)),
  63.     color-stop(0.9, rgba(0,0,0,0.2))
  64.   );
  65.   background-image: -moz-linear-gradient(
  66.     center top,
  67.     rgba(0,0,0,0) 70%,
  68.     rgba(0,0,0,0.2) 90%
  69.   );
  70.   /*z-index: 100;*/
  71.   position: relative;
  72.   -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  73.   -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  74.   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  75. }
  76.  
  77. /* WIMS MENU MODU BOX */
  78. #wimsmenumodubox {
  79.   margin-top: 0;
  80.   margin-left: 10px;
  81.   margin-right: 0%;
  82.   padding:0;
  83.   position: fixed;
  84.   /*_position:absolute;*/
  85.   top:51px;
  86.   width:160px;
  87.   /*left: auto;*/
  88.   text-align:left;
  89.   z-index:100;
  90. }
  91.  
  92. #wimsmenumodubox .menu_title{
  93.   margin:0;
  94.   margin-left:.5em;
  95. }
  96.  
  97. #wimsmenumodubox h2{
  98.   font-size: 1em;
  99. }
  100.  
  101. #wimsfrontpage{
  102.   min-width:650px;
  103. }
  104.  
  105. #wimsfrontpage #wimsmenumodubox {
  106.   /*position: absolute;*/
  107.   margin-top: 34px;
  108. }
  109. #wimsmhelp #wimsmenumodubox {visibility:hidden;}
  110. #wimsmenumodubox .wimsmenu .menuitem {
  111.   display:block;
  112.   text-align:left;
  113.   min-height:1.5em;
  114. }
  115. #wimsmenumodubox ul.wimsmenu li.menuitem {
  116.   display:block;
  117.   text-align:left;
  118.   min-height:1.5em;
  119. }
  120.  
  121. #wimsmenumodubox .wimsmenu .menuitem a {
  122.   display: block;
  123.   padding-top: 0;
  124.   padding-bottom: 0;
  125.   text-decoration: none;
  126. }
  127. #wimstopbox .wimsmenu .topmenuitem a {
  128.   text-decoration: none;
  129. }
  130. #wimstopbox .wimsmenu .topmenuitem a:hover,#wimsmenumodubox .wimsmenu .menuitem a:hover {
  131.   text-decoration:underline;
  132. }
  133. #wimsmenumodubox .wimsmenu .itemsep {
  134.   display: block;
  135.   margin:10px;
  136.   /*padding:3px;*/
  137.   border-top: thin white solid;
  138. }
  139. .topmenuitem a {
  140.   display: inline-block;
  141.   padding: 5px 5px;
  142.   text-decoration: none;
  143. }
  144. .menuitem a {
  145.   display: inline-block;
  146.   padding: 5px 5px;
  147.   text-decoration: none;
  148. }
  149.  
  150. .menuitem a:hover {text-decoration:underline;}
  151.  
  152. div.wimsmenu {
  153.   padding-top: 5px;
  154.   padding-bottom: 5px;
  155.   text-align: center;
  156.   font-size: 90%;
  157. }
  158. div.wimsmenu .topmenuitem {
  159.   display: inline-block;
  160.   padding-left: 10px;
  161.   padding-right: 10px;
  162.   padding-top: 1px;
  163.   padding-bottom: 1px;
  164.   min-height:2.5em;
  165. }
  166. div.wimsmenu .menuitem {
  167.   display: inline-block;
  168.   _display: inline;
  169.   padding-left: 10px;
  170.   padding-right: 10px;
  171.   padding-top: 1px;
  172.   padding-bottom: 1px;
  173.   min-height:2.5em;
  174. }
  175. div.menublock .menuitem {
  176.   display: block;
  177.   _display: inline;
  178.   padding-top: 1px;
  179.   padding-bottom: 1px;
  180. }
  181. div.menublock {
  182.   display: inline-block;
  183.   _display: block;
  184.   padding-left: 15px;
  185.   padding-right: 15px;
  186. }
  187. div.tailitem {
  188.   font-size: small;
  189.   padding-top: 1px;
  190.   padding-bottom: 1px;
  191.   left:0px;
  192. }
  193. /* END OF MODUBOX */
  194. #wimsmhelp .wimsbody {
  195.   padding-left : 10%;
  196.   padding-right : 10%;
  197.   margin-left : 0;
  198. }
  199.  
  200. #wimsdoc .navmenu {
  201.   margin-top: 180px;
  202.   padding:0px;
  203.   position: fixed;
  204.   top:50px;
  205. }
  206. #wimsdoc .left.navmenu {
  207.   left: auto;
  208. }
  209. #wimsdoc .right.navmenu {
  210.   margin-left: 0;
  211.   margin-right: 0;
  212.   right: 20px;
  213. }
  214.  
  215. .wimstail {
  216.   text-align: center;
  217.   font-size:80%;
  218. }
  219.  
  220.  
  221. #wimsmenumodubox .wimstail {
  222.   text-align: left;
  223.   font-size:80%;
  224.   padding:10px;
  225.   margin:10px;
  226.   border-radius : 20px;
  227. }
  228.  
  229.  
  230. div.tailsepdoc {display: inline-block;}
  231.  
  232. #wimsbodybox #wimsmenutab .wimsmenu .menuitem {
  233.   display: inline-block;
  234.   padding: 1px 10px;
  235.   text-decoration: none;
  236.   border: thin black solid;
  237.   border-radius : 20px 20px 0 0;
  238. }
  239. #wimsbodybox #wimsmenutab .wimsmenu .itemsep {
  240.   display: inline-block;
  241.   padding: 5px 30px;
  242.   text-decoration: none;
  243. }
  244.  
  245. /* WIMS BOXES in special context*/
  246. #wimsexam .wimsbody {
  247.   padding-left: 10%;
  248.   padding-right: 10%;
  249.   margin-left: 0;
  250. }
  251. #wimsdoc .wimsbody {
  252.   padding-left: 5%;
  253.   padding-right: 5%;
  254.   margin-left: 0;
  255. }
  256. #wimslightpopup #wimsbodybox #wimspagebox .wimsbody {
  257.   padding-left : 20px;
  258.   padding-right : 20px;
  259.   margin-left : 0;
  260. }
  261. #wimslightpopup #wimstailbox .tailitem {
  262.   padding-right:20px;
  263.   text-align:right;
  264.   color:#555555;
  265.   font-weight:bold;
  266.   font-size:90%;
  267. }
  268. /* end of WIMS BOXES in special context*/
  269.  
  270. /* Logo */
  271. .wimslogo {
  272.   /*position: absolute;
  273.   top:40px;
  274.   margin-right:15px;
  275.   right:200px;*/
  276.   float:right;
  277.   padding:10px 15px;
  278. }
  279. /*#wimsfrontpage #wimslogo { top:5px; right:10px;padding:20px;}*/
  280. /*#wimslogo img{
  281.   max-height: 120px;
  282.   min-height: 120px;
  283. }*/
  284. #wimstopbox .institution_logo img{
  285.     max-height:4em;
  286.     margin:10px;
  287. }
  288. #wimstailbox .institution_logo{margin-top:1em;}
  289.  
  290.  
  291. #wimslogoleft {
  292.   /*position: absolute;
  293.   top:40px;
  294.   left:200px;*/
  295.   float:left;
  296.   padding:10px 22px;
  297.     /*background-color:white;*/
  298. }
  299. #wimslogoleft img{
  300.   max-height: 100px;
  301. }
  302. /*#wimsfrontpage #wimslogoleft { top:5px; left:10px;}*/
  303. #wimsfrontpage #wimstopbox { /*top:0px; left:10px;padding:20px;min-height:110px;*/}
  304.  
  305. #wimslogoright {
  306.   position: absolute;
  307.   top:40px;
  308.   right:200px;
  309.   float:right;
  310.   background-color:white;
  311. }
  312. #wimsfrontpage #wimslogoright { top:5px; left:10px;padding:20px;}
  313.  
  314.  
  315. /* End of Logo */
  316.  
  317.   /***************************/
  318.  
  319. .main_body .wimsmanager {
  320.            background-color:black;      
  321.            float:right;          
  322.            padding:0.5em;        
  323.            margin:1em;  
  324. }
  325. .main_body .wimsmanager a{
  326.            color:white;          
  327.            max-width:100px;      
  328. }
  329.  
  330.  
  331. /* Small screens */
  332. @media only screen and (max-width: 40em) {
  333.   #wimsmenubox {
  334.     border-radius: 0 0 5px 5px;
  335.     margin: 4px 2px;
  336.   }
  337. } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  338.  
  339. /* Medium screens */
  340. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  341.  
  342. } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  343.  
  344. /* Large screens */
  345. @media only screen and (min-width: 64.063em) {
  346.  
  347. } /* min-width 1025px, large screens */