|
|
| Line 947: |
Line 947: |
| | } | | } |
| | | | |
| | + | /* Style the buttons that are used to open and close the accordion panel */ |
| | + | button.accordion { |
| | + | background-color: #eee; |
| | + | color: #444; |
| | + | cursor: pointer; |
| | + | padding: 18px; |
| | + | width: 100%; |
| | + | text-align: left; |
| | + | border: none; |
| | + | outline: none; |
| | + | transition: 0.4s; |
| | + | } |
| | | | |
| | + | /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ |
| | + | button.accordion.active, button.accordion:hover { |
| | + | background-color: #ddd; |
| | + | } |
| | | | |
| | + | /* Style the accordion panel. Note: hidden by default */ |
| | + | div.panel { |
| | + | padding: 0 18px; |
| | + | background-color: white; |
| | + | display: none; |
| | + | } |
| | | | |
| − | | + | /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */ |
| − | .views-field-title{font-family:Roboto,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#75aadb;padding:0 0 0.5em 0;cursor:pointer;}.region-content .view-faq .views-field-title:hover{color:#949481;}.mzr_js .region-content .view-faq .views-field-title{padding-left:1.5em;position:relative;}.mzr_js .region-content .view-faq .views-field-title:before{font-family:"FontAwesome";position:absolute;top:0;left:0;color:#d5e5f3;}.mzr_js .region-content .view-faq .views-field-title:hover:before{color:#deded8;}.mzr_js .region-content .view-faq .views-field-title.closed:before{content:"\f055";}.mzr_js .region-content .view-faq .views-field-title.opened{background-color:#f2f2f2;padding:1em 1em 0.5em 2.5em;}.mzr_js .region-content .view-faq .views-field-title.opened:before{content:"\f056";left:1em;top:1em;}.region-content .view-faq .views-field-edit-node{font-size:0.75em;line-height:100%;padding:8px 16px;padding:0.5rem 1rem;position:absolute;top:0;right:0;z-index:3;}.mzr_js .region-content .view-faq .views-field-body{padding:0 1em 1em 2.5em;background-color:#f2f2f2;}#block-views-faq-block-1
| + | div.panel.show { |
| − | .views-row{border-bottom:1px #e6e6e6 solid;margin-bottom:0.5em;position:relative;}.region-content .view-faq .views-field-title{font-family:Roboto,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#75aadb;padding:0 0 0.5em 0;cursor:pointer;}
| + | display: block !important; |
| | + | } |
| | | | |
| | @import url("/wiki/skins/igem/top_menu_14.css") | | @import url("/wiki/skins/igem/top_menu_14.css") |
| | </style> | | </style> |
| | </html> | | </html> |
