API tools faq
paste
Advertisement
Guest User

css

a guest
Oct 3rd, 2013
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.86 KB | None | 0 0
raw download clone embed print report
  1. /*GLOBAL WHITESPACE RESET*/
  2. html, body,
  3.     .bodywrapper h1, .bodywrapper h2, .bodywrapper h3, .bodywrapper h4, .bodywrapper h5, .bodywrapper h6, .bodywrapper h7,
  4.     .bodywrapper p, .bodywrapper table, .bodywrapper caption, .bodywrapper tr, .bodywrapper td, .bodywrapper th,
  5.     .bodywrapper ul, .bodywrapper ol, .bodywrapper li, .bodywrapper dl, .bodywrapper dt, .bodywrapper dd,
  6.     .bodywrapper form, .bodywrapper legend, .bodywrapper fieldset {
  7.     margin: 0px;
  8.     padding: 0px;
  9. }
  10.  
  11. .bodywrapper, .pushbottomwrapper, .footer {
  12.  
  13. }
  14.  
  15. /*BASIC ELEMENTS*/
  16. .bodywrapper p, .bodywrapper ul, .bodywrapper ol, .bodywrapper dl {
  17.     margin: 0.5em 0px;
  18. }
  19.  
  20. .bodywrapper ul, .bodywrapper ol, .bodywrapper dd {
  21.     margin:0.5em 0 0.5em 2em;
  22.     padding:0;
  23. }
  24.  
  25. .bodywrapper li {
  26.     margin-bottom: 0.2em;
  27. }
  28.  
  29. .bodywrapper h1 {
  30.     font-size: 2em;
  31.     margin: 0 0 0.5em 0;
  32.     line-height: normal;
  33. }
  34.  
  35. .bodywrapper h2 {
  36.     font-size: 1.8em;
  37.     margin: 0 0 0.5em 0;
  38.     line-height: normal;
  39. }
  40.  
  41. .bodywrapper h3 {
  42.     font-size: 1.6em;
  43.     margin: 0 0 0.5em 0;
  44.     line-height: normal;
  45. }
  46.  
  47. .bodywrapper h4 {
  48.     font-size: 1.4em;
  49.     margin: 0 0 0.5em 0;
  50.     line-height: normal;
  51. }
  52.  
  53. .bodywrapper h7 {
  54.     font-size: 1.2em;
  55.     margin: 0 0 0.5em 0;
  56.     line-height: normal;
  57. }
  58.  
  59. .bodywrapper h6 {
  60.     font-size: 1em;
  61.     margin: 0 0 0.5em 0;
  62.     line-height: normal;
  63. }
  64.  
  65. .bodywrapper h7 {
  66.     border-bottom-color: #CCCCCC;
  67.     border-bottom-style: dotted;
  68.     border-bottom-width: 1px;
  69.     color: #636363;
  70.     font-weight: bold;
  71.     margin-bottom: 13px;
  72.     margin-left: 0;
  73.     margin-right: 13px;
  74.     margin-top: 5px;
  75.     padding-left: 0;
  76.     padding-right: 0;
  77.     padding-top: 0;
  78.     line-height: normal;
  79. }
  80.  
  81. .bodywrapper p {
  82. }
  83.  
  84. .bodywrapper address {
  85.     font-style: normal;
  86. }
  87.  
  88. .bodywrapper label {
  89.     font-weight: bold;
  90. }
  91.  
  92. .bodywrapper label {
  93.     font-weight: bold;
  94. }
  95.  
  96. .bodywrapper #position1 label, .bodywrapper #position2 label, .bodywrapper #position3 label, .bodywrapper #position4 label  {
  97.     display: block;
  98.     font-weight: bold;
  99.     padding: 3px 0;
  100. }
  101.  
  102. .bodywrapper caption {
  103.     font-weight: bold;
  104.     text-align: left;
  105. }
  106.  
  107. .bodywrapper tr, .bodywrapper td, .bodywrapper th {
  108.     vertical-align: top;
  109.     text-align: left;
  110. }
  111.  
  112. .bodywrapper img.left {
  113.     padding-right: 5px;
  114.     padding-bottom: 5px;
  115. }
  116.  
  117. .bodywrapper img.right {
  118.     padding-left: 5px;
  119.     padding-bottom: 5px;
  120. }
  121.  
  122. /*IE 5.5 text too big bugfix*/
  123. .bodywrapper table {
  124.     font-size: 100%;
  125. }
  126.  
  127. /* Restore correct styles displaying for tags rewrited by GxT */
  128. .bodywrapper strong, .bodywrapper th {
  129.     font-weight: bold !important;
  130.     font-style: inherit;
  131. }
  132.  
  133. .bodywrapper address, .bodywrapper caption, .bodywrapper cite, .bodywrapper dfn, .bodywrapper em, .bodywrapper var {
  134.     font-style: italic !important;
  135.     font-weight: inherit;
  136. }
  137.  
  138. /*Dirty correction for GXT Problem on FCKeditor Hspace and Vspace (solution change Vspace and Hspace in Style margin */
  139. .bodywrapper p img {
  140.     margin: 5px;
  141. }
  142.  
  143. /* avoid link focus border */
  144. .bodywrapper :focus {
  145.     outline-style: none;
  146. }
  147.  
  148. /* input */
  149. body{
  150.    font-family: "Open Sans", arial, sans-serif;
  151.     font-size: 1em;
  152.     background-color:#FFFFFF;
  153. }
  154.  
  155. .bodywrapper input,
  156.     .bodywrapper textarea,
  157.     .bodywrapper select {
  158.    font-family: "Open Sans", arial, sans-serif;
  159.     font-size: 1em;
  160. }
  161.  
  162. .bodywrapper input.field {
  163. height:17px;
  164. }
  165. /******************************************************************************
  166. * Basic
  167. ******************************************************************************/
  168. .bodywrapper {
  169.     width: 100%;
  170.     font-size: 80%;
  171.     color: #272727;
  172.     font-family: "Open Sans", arial, sans-serif;
  173.     line-height: 140%;
  174.    
  175. }
  176.  
  177. .bodywrapper a{
  178.     color: #272727;
  179.     text-decoration:none;
  180. }
  181.  
  182. .bodywrapper a:hover {
  183.     text-decoration: none;
  184.     color: #DB4244 !important;
  185. }
  186.  
  187. .bodywrapper a[href='#']:hover {
  188.     text-decoration:none;
  189.     color: #272727 !important;
  190. }
  191.  
  192. .bodywrapper li {
  193.     margin: 0;
  194.     padding: 0;
  195. }
  196.  
  197. .bodywrapper ol {
  198.     margin: 1em 0 1em 2em;
  199.     padding: 0;
  200. }
  201.  
  202. .bodywrapper ol li {
  203.     margin: 0;
  204.     padding: 0;
  205.     background: none;
  206. }
  207.  
  208. .bodywrapper dt {
  209.     font-weight: bold;
  210.     color: #60267A;
  211. }
  212.  
  213. .bodywrapper dd {
  214.     padding: 0 0 0 0.5em;
  215. }
  216.  
  217. /******************************************************************************
  218. * Generic
  219. ******************************************************************************/
  220. .hidden {
  221.     display: none;
  222. }
  223.  
  224. /******************************************************************************
  225. * Breadcrumb
  226. ******************************************************************************/
  227.  
  228. .bodywrapper ul.breadcrumb  {
  229.     margin:1em 0;
  230.     padding:0;
  231.     list-style:none;
  232.     color:#333;
  233.     text-transform:uppercase;
  234.     font-size:85%;
  235. }
  236.  
  237. .bodywrapper ul.breadcrumb li {
  238.     display:inline;
  239.     margin:0;
  240.     padding:0;
  241.     background: none;
  242.     margin: 0 ;
  243.     color:#DB4244!important;
  244. }
  245.  
  246. .bodywrapper ul.breadcrumb a,
  247. .bodywrapper ul.breadcrumb a:link,
  248. .bodywrapper ul.breadcrumb a:visited {
  249.     padding:0 1.5em 0 0;
  250.     margin:0;
  251.     background: url(img/breadcrumb-separator.png) no-repeat 100% 50% ;
  252.     color:#333;
  253.     text-decoration:none;
  254. }
  255.  
  256. .bodywrapper ul.breadcrumb a:hover,
  257. .bodywrapper ul.breadcrumb a:active {
  258.     color:#DB4244!important;
  259.     text-decoration:underline;
  260. }
  261.  
  262. /******************************************************************************
  263. * Languages
  264. ******************************************************************************/
  265.  
  266. #languages ul  {
  267.     margin:0;
  268.     padding:0;
  269.     list-style:none;
  270.     color:#333;
  271.     text-transform:uppercase;
  272.     font-size:85%;
  273. }
  274.  
  275. #languages ul li {
  276.     display:inline;
  277.     margin:0;
  278.     padding:0;
  279.     background: none;
  280.     margin: 0 ;
  281. }
  282.  
  283. #languages ul a,
  284. #languages ul a:link,
  285. #languages ul a:visited {
  286.     margin:0;
  287.     padding:0;
  288.     color:#333;
  289.     text-decoration:none;
  290. }
  291.  
  292. #languages ul a:hover,
  293. #languages ul a:active {
  294.     color:#333;
  295.     text-decoration:underline;
  296. }
  297.  
  298.  
  299. /******************************************************************************
  300. * Demo
  301. ******************************************************************************/
  302. .mainpagecontent {
  303.     min-height:460px;
  304.     background-color:#FFFFFF;
  305. }
  306.  
  307. a img { border:0;}
  308.  
  309.  #languages  {float :right;}
  310.  #languages ul  {list-style:none;}
  311. html, body {
  312.   height:100%;
  313. }
  314.  
  315. .bodywrapper {
  316.  min-height:250px;
  317.  height:100% !important;
  318.  position:relative;
  319. }
  320.  
  321. .bodywrapper #pageData {
  322.    padding-bottom:10px;
  323. }
  324.  
  325. .bodywrapper .footer {
  326.    position:relative;
  327.    left:0;
  328. }
  329.  
  330. .pushbottomwrapper {
  331. height: auto !important;
  332. margin: 0 auto;
  333. min-height: 100%;
  334. padding: 0;
  335. }
  336.  
  337. .footer, .push {height:auto;}
  338.  
  339. #footer {
  340. /*top:-170px;*/
  341. }
  342.  
  343. /* CSS REFACTORING */
  344. #header {background-color:white;}
  345. #header_logo {
  346. padding-top:20px;
  347. background-color:#FFFFFF;
  348. padding-bottom:20px;
  349. }
  350.  
  351. #header_logo .logo_ref img {
  352.     vertical-align:middle;
  353. }
  354.  
  355. #header_logo .logo_ref span {
  356. line-height: 64px;
  357. font-size: 1.7em;
  358. color: #1B3E7A;
  359. font-family: 'Share Tech', sans-serif;
  360. padding-left: 40px;
  361. font-weight:bold;
  362. }
  363.  
  364. #search_area {
  365. float:right;
  366. padding-top:20px;
  367. }
  368.  
  369. .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
  370. min-height:1px;
  371. }
  372.  
  373. #sub_header {
  374. width:960px;
  375. margin-right:auto;
  376. margin-left:auto;
  377. margin-top:5px;
  378. padding-top:5px;
  379. border-top: 1px solid #DB4244;
  380. }
  381.  
  382. #sub_footer_area {
  383.   background-color: #FFFFFF;
  384.   margin-top: 5px;
  385.   padding-top: 20px;
  386. }
  387. .sub_footer_area{
  388. background-color:#1B3E7A;
  389. box-shadow:0px 0px 10px  #888888;
  390. }
  391. #page_title_area {
  392. color:#AEAFB0;
  393. }
  394.  
  395. #site_menu_link {
  396. text-align:right;
  397. }
  398.  
  399. #site_menu_link a {
  400. padding-left:5px;
  401. border-right:1px solid black;
  402. padding-right:5px;
  403. }
  404.  
  405. #site_menu_link a.mcontact {
  406. padding-left:5px;
  407. border-right:0;
  408. padding-right:0px;
  409. }
  410.  
  411. #menuLeft ul {
  412.     padding:5px;
  413.     margin:0px;
  414.     list-style:none;
  415.     background-color:#ffffff;
  416.     border:1px solid #1B3E7A;
  417. }
  418.  
  419. #menuLeft ul  li{
  420.     height: 25px;
  421.     padding-left:5px;
  422. }
  423.  
  424. #menuLeft ul  li a{
  425.     height: 25px;
  426.     width:100%;
  427.     display:block;
  428.     font-weight:bold;
  429.     line-height:25px;
  430.     color:#1B3E7A;
  431. }
  432.  
  433. #menuLeft ul  li:hover, #menuLeft ul  li.selected:hover{
  434.     color:#DB4244!important;
  435. }
  436.  
  437. #menuLeft ul  li.selected{
  438.     background-color:#1B3E7A;
  439. }
  440.  
  441. #menuLeft ul  li.selected a {
  442.     color:#FFFFFF !important;
  443. }
  444.  
  445. .bottom_menu {text-align:center;}
  446. .fake_button {
  447.     /*-moz-box-shadow:inset 0px 1px 0px 3px #ffffff;
  448.     -webkit-box-shadow:inset 0px 1px 0px 3px #ffffff;
  449.     box-shadow:inset 0px 1px 0px 3px #ffffff;
  450.     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
  451.     background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  452.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  453.     background-color:#f9f9f9;
  454.     -webkit-border-top-left-radius:20px;
  455.     -moz-border-radius-topleft:20px;
  456.     border-top-left-radius:20px;
  457.     -webkit-border-top-right-radius:20px;
  458.     -moz-border-radius-topright:20px;
  459.     border-top-right-radius:20px;
  460.     -webkit-border-bottom-right-radius:20px;
  461.     -moz-border-radius-bottomright:20px;
  462.     border-bottom-right-radius:20px;
  463.     -webkit-border-bottom-left-radius:20px;
  464.     -moz-border-radius-bottomleft:20px;
  465.     border-bottom-left-radius:20px;*/
  466.     text-indent:0;
  467.     border:1px solid #dcdcdc;
  468.     display:inline-block;
  469.     color:#FFF;
  470.     font-family: 'Geo', sans-serif;
  471.     font-size:15px;
  472.     font-weight:bold;
  473.     font-style:normal;
  474.     height:40px;
  475.     line-height:40px;
  476.     width:100px;
  477.     text-decoration:none;
  478.     text-transform:uppercase;
  479.     text-align:center;
  480.     background-color:#DB4244;
  481. }
  482. .fake_button:hover {
  483.     /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
  484.     background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
  485.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');*/
  486.    
  487.     box-shadow:inset 0px 0px 0px 1px #ffffff;
  488.     color:#FFF;
  489. }
  490.  
  491. .fake_button:active {
  492.     position:relative;
  493.     top:1px;
  494. }
  495.  
  496. .jsdisplay {
  497. text-align: left;
  498. position: absolute;
  499. bottom: 53px;
  500. left:-17px;
  501. background-color: #FFFFFF;
  502. width: 960px;
  503. height:300px;
  504. padding:5px;
  505. color:#6D6D6D!important;
  506. }
  507.  
  508. .jsdisplay {
  509.     /*-moz-box-shadow:inset 0px 1px 0px 3px #ffffff;
  510.     -webkit-box-shadow:inset 0px 1px 0px 3px #ffffff;
  511.     box-shadow:inset 0px 1px 0px 3px #ffffff;
  512.     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
  513.     background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  514.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  515.     background-color:#f9f9f9;
  516.     -webkit-border-top-left-radius:20px;
  517.     -moz-border-radius-topleft:20px;
  518.     border-top-left-radius:20px;
  519.     -webkit-border-top-right-radius:20px;
  520.     -moz-border-radius-topright:20px;
  521.     border-top-right-radius:20px;
  522.     -webkit-border-bottom-right-radius:20px;
  523.     -moz-border-radius-bottomright:20px;
  524.     border-bottom-right-radius:20px;
  525.     -webkit-border-bottom-left-radius:20px;
  526.     -moz-border-radius-bottomleft:20px;
  527.     border-bottom-left-radius:20px;*/
  528.     text-indent:0;
  529.     border:1px solid #DB4244;
  530.     color:#1B3E7A!important;
  531.     font-family:"Open sans";
  532.     font-size:12px;
  533.     /*box-shadow:0px 0px 0px 1px #BBBABA;*/
  534.     box-shadow: 0px 0px 10px #888888;
  535.     font-style:normal;
  536.     text-decoration:none;
  537.     text-shadow:1px 1px 0px #ffffff;
  538.     z-index:9000;
  539. }
  540.  
  541. #hidden_menu {display:none;}
  542.  
  543. .fc-header td {float:left;clear:both;}
  544. .jsdisplay ul {
  545.     list-style:none;
  546.     text-transform: uppercase;
  547.     margin-top:30px;
  548.     margin-left:50px;
  549.     line-height:150%;
  550.     color:#1B3E7A!important;
  551. }
  552.  
  553.  
  554. .jsdisplay li.level_1 {
  555.   float: left;
  556.   margin-right: 10px;
  557.   width: 32%;
  558.   color:#1B3E7A!important;
  559. }
  560. .jsdisplay li.level_1:hover{
  561. text-decoration:none;
  562. }
  563. .jsdisplay a.level_1 {
  564. font-size:1.3em;
  565. width:100%;
  566. display:block;
  567. margin-left:50px;
  568. color:#1B3E7A!important;
  569. }
  570.  
  571. .jsdisplay a.level_1:hover{
  572. text-decoration:none;
  573. font-size:1.3em;
  574. width:100%;
  575. display:block;
  576. margin-left:50px;
  577. color:#1B3E7A!important;
  578. }
  579.  
  580.  
  581.  
  582. .jdisplay li.mgeneral-direction {
  583. margin-left:20px;
  584. }
  585.  
  586. .jsdisplay li.mhelpdesk {
  587. width: 0%;
  588. position: absolute;
  589. top: 12px;
  590. left: 72%;
  591. }
  592.  
  593. .jsdisplay li.mhelpdesk a {
  594. /*background: url(img/helpdesk.png) no-repeat scroll center 26px transparent;*/
  595. border: 0;
  596. min-height: 180px;
  597. }
  598. .jsdisplay ul.level_2 {float:left;}
  599.  
  600. #quicklinks ul {list-style:none;}
  601. #quicklinks ul.ul_1 {float:left;}
  602.  
  603. /* SLIDESHOW */
  604. .jms-slideshow {width:95%;}
  605.  
  606. .jms-content .newsItem {
  607.     text-align:center;
  608.     font-size:1.8em;
  609. }
  610.  
  611. .jms-content .newsText {
  612. line-height:100%;
  613. max-height:460px;
  614. overflow-y: hidden;
  615. }
  616.  
  617. .jms-content .newsInfo {
  618.     text-align:right;
  619.     font-size:0.5em;
  620. }
  621.  
  622. .bodywrapper .languageSwitching_horizontal_display { display:inline-block;width:45px;}
  623. .bodywrapper .languageSwitching_horizontal_display ul li {
  624. float:left;    
  625. }
  626.  
  627. .bodywrapper .languageSwitching_horizontal_display ul li a {
  628. height:13px;
  629. width:16px;
  630. }
  631.  
  632. span.flag_nl_on, span.flag_nl_BE_on, span.flag_nl_NL_on,
  633. span.flag_fr_on, span.flag_fr_BE_on, span.flag_fr_FR_on {
  634. /*visibility:hidden;*/
  635.  
  636.  
  637. }
  638. span.flag_nl_off, span.flag_nl_BE_off, span.flag_nl_NL_off,
  639. span.flag_fr_off, span.flag_fr_BE_off, span.flag_fr_FR_off {
  640.  
  641. }
  642.  
  643. #quicklinks li.navMenuLevel_1{
  644. text-transform:uppercase;
  645. font-family:"Open sans";
  646. color:#DB4244!important;
  647. width:150px;
  648. margin-left:50px;
  649. }
  650.  
  651. #quicklinks li.navMenuLevel_2{
  652. text-transform:capitalize;
  653. margin-left:-24px;
  654. font-family:"Open sans";
  655. }
  656.  
  657. #quicklinks ul.ul_2{
  658. margin-top:20px;
  659. font-family:"Open sans";
  660. }
  661.  
  662. #quicklinks li a{
  663. color:#FFF!important;
  664. font-family:"Open sans";
  665. font-size: 12px;
  666. }
  667.  
  668. #quicklinks li a:hover {
  669. font-family:"Open sans";
  670. /*color:#DB4244!important;*/
  671. }
  672.  
  673. #quicklinks ul.ul_2 a:hover{
  674. color:#DB4244!important;
  675. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!