CSS   23

styles css

Guest on 8th July 2022 01:25:44 AM

  1.  
  2. /********************************/
  3. /* Customize */
  4. /********************************/
  5.  
  6.  
  7. /* Main Menu Colors */
  8. .menu a:link,
  9. .menu a:visited {background: #003977;}
  10. .menu a {
  11.         border-right: 1px solid #003977;
  12.         border-left: 1px solid #003977; /* Use the background color from above */
  13. }
  14.  
  15. /* Link Colors */
  16. a:link, a:visited {color: #3E81B5;}
  17. a:hover, a:active {color: #D00; text-decoration:underline;}
  18.  
  19. /* Title Colors */
  20. .gridTitle,
  21. .formItemGroupLabel,
  22. .header {color: #004e9f !important;}
  23.  
  24. /* Alternating Table Background Color */
  25. .gridAlternatingRow {background: #efefef;}
  26.  
  27.  
  28. /********************************/
  29. /* Basics */
  30. /********************************/
  31.  
  32. body {
  33.         margin: 0;
  34.         padding: 0;
  35.         background: #cccccc;
  36.         font-family: Arial, Helvetica, sans-serif;
  37.         font-size: 12px;
  38.         line-height: 18px;
  39.         color: #535353;
  40.         width: 100%;
  41. }
  42. html, body {height: 100%;}
  43.  
  44. a {text-decoration: none;}
  45.  
  46. /********************************/
  47. /* Layout */
  48. /********************************/
  49.  
  50. #masthead {
  51.         width: 880px;
  52.         margin: 0px auto 30px auto;
  53.         padding: 0;
  54.         position: relative;
  55.         z-index: 1;
  56.         border: none;
  57.         background: #fff;
  58.         height: 130px;
  59.         -webkit-border-top-right-radius: 10px;
  60.         -moz-border-radius-topright: 10px;
  61.         -webkit-border-bottom-right-radius: 10px;
  62.         -moz-border-radius-bottomright: 10px;
  63.         -webkit-border-bottom-left-radius: 10px;
  64.         -moz-border-radius-bottomleft: 10px;
  65.         box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2), -2px 0px 4px rgba(0, 0, 0, 0.2);
  66. }
  67.  
  68. #masthead #logo h1 {margin: 0; padding: 0; display: block; width: 523px; height: 101px; position: absolute; top: 15px; left: 30px; background: url(images/logoNew.png) 0 0 no-repeat; cursor: pointer;}
  69. #masthead #logo h1 span {display: none;}
  70.  
  71. #contentArea {
  72.         width: 820px;
  73.         margin: 0px auto;
  74.         padding: 30px;
  75.         position: relative;
  76.         overflow: hidden;
  77.         z-index: 1;
  78.         border: none;
  79.         background: #fff;
  80.         -webkit-border-top-left-radius: 10px;
  81.         -moz-border-radius-topleft: 10px;
  82.         -webkit-border-top-right-radius: 10px;
  83.         -moz-border-radius-topright: 10px;
  84.         -webkit-border-bottom-right-radius: 10px;
  85.         -moz-border-radius-bottomright: 10px;
  86.         -webkit-border-bottom-left-radius: 10px;
  87.         -moz-border-radius-bottomleft: 10px;
  88.         box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2), -2px 0px 4px rgba(0, 0, 0, 0.2);
  89. }
  90.  
  91. .contents {border: none;}
  92.  
  93. .header {font-size: 24px !important; font-weight: normal !important; border: none !important; padding: 0 !important; margin: 0 0 20px 0 !important;}
  94.  
  95. /* Website "Navigation" */
  96. #CreateArchivePanel,
  97. #AdminPanel,
  98. #BrowserTestPanel,
  99. #PreferencesPanel,
  100. #DeletePowerPointPanel,
  101. #NewMeetingPanel,
  102. #UsageStatisticsPanel,
  103. #RegistrantsLink,
  104. #RegistrationSettingsLink {float: left; height: 29px; margin: 0 10px 10px 0; padding: 0; overflow: hidden; display: inline;}
  105.  
  106. #RegistrantsLink {clear: left;}
  107.  
  108. #RegistrationSettingsLink,
  109. #RegistrantsLink {margin-bottom: 30px;}
  110.  
  111. a#CreateArchiveLink {display: block; width: 125px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 0 no-repeat;}
  112. a#CreateArchivePanel:hover {background: url(../../../css/images/buttons.png) 0 -29px no-repeat;}
  113. a#AdminLink {display: block; width: 106px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -58px no-repeat;}
  114. a#AdminLink:hover {background: url(../../../css/images/buttons.png) 0 -87px no-repeat;}
  115. a#BrowserTestLink {display: block; width: 116px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -116px no-repeat;}
  116. a#BrowserTestLink:hover {background: url(../../../css/images/buttons.png) 0 -145px no-repeat;}
  117. a#PreferencesLink {display: block; width: 110px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -290px no-repeat;}
  118. a#PreferencesLink:hover {background: url(../../../css/images/buttons.png) 0 -319px no-repeat;}
  119. a#DeletePowerPointLink {display: block; width: 150px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -232px no-repeat;}
  120. a#DeletePowerPointLink:hover {background: url(../../../css/images/buttons.png) 0 -261px no-repeat;}
  121. a#NewMeetingLink {display: block; width: 127px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -174px no-repeat;}
  122. a#NewMeetingLink:hover {background: url(../../../css/images/buttons.png) 0 -203px no-repeat;}
  123. a#UsageStatisticsLink {display: block; width: 133px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -348px no-repeat;}
  124. a#UsageStatisticsLink:hover {background: url(../../../css/images/buttons.png) 0 -377px no-repeat;}
  125. a#RegistrantsLink {display: block; width: 147px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -464px no-repeat;}
  126. a#RegistrantsLink:hover {background: url(../../../css/images/buttons.png) 0 -493px no-repeat;}
  127. a#RegistrationSettingsLink {display: block; width: 158px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -522px no-repeat;}
  128. a#RegistrationSettingsLink:hover {background: url(../../../css/images/buttons.png) 0 -551px no-repeat;}
  129. a.coleaderLoginLink {display: block; width: 130px; height: 29px; overflow: hidden; line-height: 9999px; background: url(../../../css/images/buttons.png) 0 -406px no-repeat;}
  130. a.coleaderLoginLink:hover {background: url(../../../css/images/buttons.png) 0 -435px no-repeat;}
  131.  
  132. #CreateArchivePanel img,
  133. #AdminPanel img,
  134. #BrowserTestPanel img,
  135. #PreferencesPanel img,
  136. #DeletePowerPointPanel img,
  137. #NewMeetingPanel img,
  138. #UsageStatisticsPanel img,
  139. #RegistrationPanel img {display: none;}
  140.  
  141. #AdminLabel {display: none;}
  142.  
  143.  
  144. /* Table Styles */
  145. .contents div.gridTitle {  }
  146.  
  147. .gridTitle,
  148. .formItemGroupLabel {font-size: 14px; line-height: 20px; font-weight: bold; clear: left;}
  149.  
  150. table.grid {margin: .5em 0 1em 0; border-collapse:collapse;}
  151. table.grid tr,
  152. table.grid td {padding: 8px; border: 1px solid #dadada; margin: 0;}
  153.  
  154. tr.gridHeader {background: #fff url(../../../css/images/cart_title_bg.png) 0 100% repeat-x;}
  155. tr.gridHeader td {padding: 8px; font-size: 12px; font-weight: bold;}
  156.  
  157. .gridCellContents {font-size: 12px;}
  158.  
  159. .gridRow {background: #fff;}
  160.  
  161. .labeledFormItem input#LoginButton {
  162.         border: 1px solid #cacaca;
  163.         background: #fff url(../../../css/images/cart_title_bg.png) 0 100% repeat-x;
  164.         padding: 4px 10px;
  165.         font-family: Arial, Helvetica, sans-serif;
  166.         font-size: 12px;
  167.         line-height: 18px;
  168.         font-weight: bold;
  169.         text-shadow: #fff 1px 1px 1px;
  170.         color: #535353;
  171.         -moz-border-radius: 5px;
  172.         border-radius: 5px;
  173. }
  174.  
  175. .labeledFormItem input#LoginButton:hover {
  176.         background: #dadada;
  177. }
  178.  
  179.  
  180. .formItemGroupLabel {background: none !important; text-align: left !important; padding-bottom: 14px !important;}
  181.  
  182. .labeledFormItem {background: none !important;}
  183.  
  184. .labeledFormItem,
  185. .label {font-size: 12px !important; color: #535353 !important; font-weight: normal !important;}
  186.  
  187. .textBox,
  188. #TitleTextBox,
  189. #Schedule_DateTextBox,
  190. #Schedule_TimeTextBox,
  191. #Services_MeetingCoordinatorTextBox,
  192. #Services_CommentsTextBox,
  193. #Services_RecordingPhoneNumberTextBox,
  194. #Services_CallConfirmationNumberTextBox,
  195. #Services_TechSupportPhoneNumberTextBox,
  196. #Services_TechSupportCallConfirmationNumberTextBox,
  197. #Services_EstimatedAttendeeCountTextBox,
  198. #Services_EstimatedLengthTextBox {border: 1px solid #dadada !important; font-size: 12px !important; color: #535353 !important; padding: 4px;}
  199.  
  200. #PresenterPhotosDiv td {padding: 10px 10px 0 10px;}
  201.  
  202. #SimplifiedRecordingLinkPanel{margin: 30px 0 0 0;}
  203.  
  204. #ArchivePreviewLinkPanel{margin:  30px 0;}
  205.  
  206. #SimplifiedRecordingLinkPanel,
  207. #SimplifiedRecordingLink,
  208. #ArchivePreviewLinkPanel,
  209. #ArchivePreviewLink{font-size: 120% !important; cursor: pointer;}
  210.  
  211. /********************************/
  212. /* Menu */
  213. /********************************/
  214.  
  215. .menu {display: inline-block;}
  216. .menu {display: inline;}
  217. .menu_capsule {display: table; width: 882px !important; margin: 30px auto 0 auto !important;}
  218.  
  219. .menu {
  220.         display: table-row;
  221.         position: relative;
  222.         z-index: 10;
  223.         padding: 0;
  224.         margin: 0;
  225.         list-style-type: none;
  226.         white-space: nowrap;
  227. }
  228. .menu li {display:inline;}
  229. .menu a {
  230.         font-family: Arial, Helvetica, sans-serif;
  231.         font-size: 12px;
  232.         line-height:13px;
  233.         font-weight: bold;
  234.         text-decoration: none;
  235.         display: block;
  236.         height: 21px;
  237.         float: left;
  238.         padding: 9px 26px 0 26px;
  239. }
  240. .menu a:link,
  241. .menu a:visited {color: #fff; text-shadow: #444 0px 0px 1px; background: #003977 url('images/btn_bg.png') repeat-x;}
  242.  
  243. /* Menu Hover & "In" State */
  244. .menu a:hover,
  245. .menu a:active,
  246. .menu a.in:link,
  247. .menu a.in:visited,
  248. .menu a.in:hover,
  249. .menu a.in:active {position: relative; z-index: 10; margin: 0 0 -2px 0; color: #c11820; background: #fff; text-shadow: #fff 1px 1px 2px; border-left: 1px solid #C7DADF; border-top: 1px solid #C7DADF; border-right: 1px solid #C7DADF; border-bottom: none;}
  250.  
  251. .menu li.menu_first a,
  252. .menu li.menu_first a.in {-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;}
  253. .menu li.menu_first a:link,
  254. .menu li.menu_first a:visited {}
  255. .menu li.menu_first a:hover,
  256. .menu li.menu_first a:active,
  257. .menu li.menu_first a.in:link,
  258. .menu li.menu_first a.in:visited,
  259. .menu li.menu_first a.in:hover,
  260. .menu li.menu_first a.in:active {border-left: 1px solid #C7DADF;}
  261.  
  262. .menu li.menu_last a,
  263. .menu li.menu_last a.in {-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px;}
  264. .menu li.menu_last a:link,
  265. .menu li.menu_last a:visited {}
  266. .menu li.menu_last a:hover,
  267. .menu li.menu_last a:active,
  268. .menu li.menu_last a.in:link,
  269. .menu li.menu_last a.in:visited,
  270. .menu li.menu_last a.in:hover,
  271. .menu li.menu_last a.in:active {border-left: 1px solid #C7DADF;}
  272.  
  273.  
  274. /********************************/
  275. /* Peter's Date Package */
  276. /********************************/
  277.  
  278. .CSCCalendar
  279. {
  280.    border-right: lightgrey ridge;
  281.    border-top: lightgrey ridge;
  282.    font-size: 8pt;
  283.    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100);
  284.    border-left: lightgrey ridge;
  285.    border-bottom: lightgrey ridge;
  286.    font-family: Arial;
  287.    background-color: white;
  288. }
  289.  
  290. .CSCCalendar TABLE
  291. {
  292.    font-size: 8pt;
  293.    font-family: Arial;
  294.    background-color: white;
  295. }
  296.  
  297. .CSCCalendarNoFilter
  298. {
  299.    border-right: lightgrey ridge;
  300.    border-top: lightgrey ridge;
  301.    font-size: 8pt;
  302.    border-left: lightgrey ridge;
  303.    border-bottom: lightgrey ridge;
  304.    font-family: Arial;
  305.    background-color: white;
  306.    }
  307. .CSCCalendarNoFilter TABLE
  308. {
  309.    font-size: 8pt;
  310.    font-family: Arial;
  311.    background-color: white;
  312. }
  313.  
  314.  
  315. .CSCWeekRowsTable
  316. {
  317.    border-right: black 1px solid;
  318.    border-top: black 1px solid;
  319.    font-size: 8pt;
  320.    border-left: black 1px solid;
  321.    border-bottom: black 1px solid;
  322.    font-family: Arial;
  323.    background-color: white;
  324. }
  325.  
  326. .CSCDay
  327. {
  328.    cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
  329.    cursor: hand;
  330. }
  331.  
  332. .CSCSelectedDay
  333. {
  334.    background-color: gold;
  335.    cursor: pointer;
  336.    cursor: hand;
  337. }
  338. .CSCSelectedToday
  339. {
  340.    font-weight: bold;
  341.    background-color: gold;
  342.    cursor: pointer;
  343.    cursor: hand;
  344. }
  345. .CSCToday
  346. {
  347.    font-weight: bold;
  348.    cursor: pointer;
  349.    cursor: hand;
  350. }
  351. .CSCSpecialDay
  352. {
  353.    cursor: pointer;
  354.    cursor: hand;
  355.    background-color: lemonchiffon;
  356. }
  357.  
  358. .CSCOtherMonthDays
  359. {
  360.    cursor: default;
  361.    color: gray;
  362. }
  363.  
  364. .CSCWeekNumberColumn
  365. {
  366.    border-right: blue 1px solid;
  367.    background-color: lightblue;
  368. }
  369.  
  370. .CSCDayHeader
  371. {
  372.    border-bottom: blue 1px solid;
  373. }
  374.  
  375. .CSCDayHeader TR
  376. {
  377.    font-size: 7pt;
  378.    background-color: lightblue;
  379. }
  380.  
  381. .CSCDayHeaderCell
  382. {
  383.    font-size: 7pt;
  384. }
  385.  
  386. .CSCHeaderTable
  387. {
  388.    font-size: 8pt;
  389.    border-bottom: blue 1px solid;
  390.    font-family: Arial;
  391. }
  392.  
  393. .CSCHeaderRows
  394. {
  395.    font-size: 8pt;
  396.    font-family: Arial;
  397.    cursor: default;
  398. }
  399.  
  400. .CSCHeaderRows TR
  401. {
  402.    background-color: inherit;
  403. }
  404.  
  405. .CSCIncrementalButtons
  406. {
  407.    cursor: pointer;
  408.    cursor: hand;
  409.    color: mediumblue;
  410. }
  411.  
  412. .CSCIncrementalButtonsPressed
  413. {
  414.    cursor: pointer;
  415.    cursor: hand;
  416.    color: darkblue;
  417. }
  418.  
  419. .CSCJumpButtons
  420. {
  421.    color: mediumblue;
  422.    cursor: pointer;
  423.    cursor: hand;
  424. }
  425.  
  426. .CSCJumpButtonsPressed
  427. {
  428.    color: darkblue;
  429.    cursor: pointer;
  430.    cursor: hand;
  431. }
  432.  
  433. .CSCCloseButton
  434. {
  435.    cursor: default;
  436. }
  437.  
  438. .CSCCloseButtonPressed
  439. {
  440.    cursor: default;
  441. }
  442. .CSCHelpButton
  443. {
  444.    cursor: default;
  445. }
  446.  
  447. .CSCHelpButtonPressed
  448. {
  449.    cursor: default;
  450. }
  451.  
  452. .CSCFooterTable
  453. {
  454. }
  455.  
  456. .CSCFooterTable TABLE
  457. {
  458. }
  459.  
  460. .CSCFooterButton
  461. {
  462.    border-right: lightgrey thin outset;
  463.    border-top: lightgrey thin outset;
  464.    border-left: lightgrey thin outset;
  465.    color: black;
  466.    border-bottom: lightgrey thin outset;
  467.    background-color: lightblue;
  468.    font-size: 8pt;
  469.    font-family: Arial;
  470.    cursor: pointer;
  471.    cursor: hand;
  472. }
  473.  
  474. .CSCFooterButtonPressed
  475. {
  476.    border-right: lightgrey thin inset;
  477.    border-top: lightgrey thin inset;
  478.    border-left: lightgrey thin inset;
  479.    border-bottom: lightgrey thin inset;
  480.    background-color: lightblue;
  481.    color: black;
  482.    font-size: 8pt;
  483.    font-family: Arial;
  484.    cursor: pointer;
  485.    cursor: hand;
  486. }
  487.  
  488. .CSCFooterCurrentDate
  489. {
  490. }
  491.  
  492. .SD_Selectable1
  493. {
  494.    background-color: mistyrose;
  495.    cursor: pointer;
  496.    cursor: hand;
  497. }
  498. .SD_SelectableOM1
  499. {
  500.    background-color: powderblue;
  501.    cursor: pointer;
  502.    cursor: hand;
  503. }
  504. .SD_Selectable2
  505. {
  506.    background-color: palegoldenrod;
  507.    cursor: pointer;
  508.    cursor: hand;
  509. }
  510. .SD_SelectableOM2
  511. {
  512.    background-color: gainsboro;
  513.    cursor: pointer;
  514.    cursor: hand;
  515. }
  516. .SD_Unselectable1
  517. {
  518.    color: gray;
  519.    background-color: mistyrose;
  520. }
  521. .SD_UnselectableOM1
  522. {
  523.    color: gray;
  524.    background-color: powderblue;
  525. }
  526. .SD_Unselectable2
  527. {
  528.    color: gray;
  529.    background-color: palegoldenrod;
  530. }
  531. .SD_UnselectableOM2
  532. {
  533.    color: gray;
  534.    background-color: gainsboro;
  535. }
  536.  
  537. .DTBToggleCalendar
  538. {
  539. }
  540.  
  541. .DTBToggleCalendarPressed
  542. {
  543. }
  544.  
  545. .DTBHelpButton
  546. {
  547. }
  548.  
  549. .DTBHelpButtonPressed
  550. {
  551. }
  552.  
  553. .MYPMonthYearPicker
  554. {
  555.    border-right: gray 1px solid;
  556.    border-top: gray 1px solid;
  557.    font-size: 8pt;
  558.    border-left: gray 1px solid;
  559.    border-bottom: gray 1px solid;
  560.    font-family: Arial;
  561.    background-color: white;
  562. }
  563.  
  564. .MYPMonthYearPicker TABLE
  565. {
  566.    font-size: 8pt;
  567.    font-family: Arial;
  568.    background-color: white;
  569. }
  570.  
  571. .MYPMonthTable
  572. {
  573. }
  574.  
  575. .MYPYearTable
  576. {
  577. }
  578.  
  579. .MYPMonthCell
  580. {
  581.    cursor: pointer;
  582.    cursor: hand;
  583. }
  584.  
  585. .MYPSelectedMonthCell
  586. {
  587.    background-color: gold;
  588.    cursor: pointer;
  589.    cursor: hand;
  590. }
  591.  
  592.  
  593. .MYPYearCell
  594. {
  595.    cursor: pointer;
  596.    cursor: hand;
  597. }
  598. .MYPSelectedYearCell
  599. {
  600.    cursor: pointer;
  601.    cursor: hand;
  602.    background-color: gold;
  603. }
  604.  
  605. .MYPOutOfRangeCell
  606. {
  607.    color: gray;
  608. }
  609.  
  610. .MYPMoveYearsButtons
  611. {
  612. }
  613.  
  614. .MYPMoveYearsButtonsPressed
  615. {
  616. }
  617.  
  618. .MYPTogglePicker
  619. {
  620. }
  621.  
  622. .MYPTogglePickerPressed
  623. {
  624. }
  625.  
  626.  
  627. .PDPContextMenu
  628. {
  629.    border-right: lightgrey 1px solid;
  630.    border-top: lightgrey 1px solid;
  631.    font-size: 8pt;
  632.    border-left: lightgrey 1px solid;
  633.    border-bottom: lightgrey 1px solid;
  634.    font-family: Arial;
  635.    background-color: white;
  636. }
  637.  
  638. .PDPContextMenu TABLE
  639. {
  640.    font-size: 8pt;
  641.    font-family: Arial;
  642.    background-color: white;
  643. }

Raw Paste


Login or Register to edit or fork this paste. It's free.