2017-03-16 15:29:07 +00:00
/ * *
* @ file
* Seven theme styles .
* /
/* Align all tables cells top */
table td {
vertical-align : top ;
}
2018-11-23 12:29:20 +00:00
td > . form-item : first-of-type ,
tr . odd . form-item : first-of-type ,
tr . even . form-item : first-of-type {
margin-top : 0 ;
}
td > . form-item : last-of-type ,
tr . odd . form-item : last-of-type ,
tr . even . form-item : last-of-type {
margin-bottom : 0 ;
}
/* Add margin around HR tags */
table hr {
margin : . 5em 0 ;
}
2017-03-16 15:29:07 +00:00
/* Add background to nested details */
2018-11-23 12:29:20 +00:00
details details /* < 8.5.x */ ,
details . seven-details details . seven-details /* >= 8.6.x */ {
2017-03-16 15:29:07 +00:00
background-color : # f8f8f8 ;
}
details details details {
background-color : # fff ;
}
2018-11-23 12:29:20 +00:00
/* Reduce the width of number inputs */
input . form-number {
width : 6em ;
}
code {
font-weight : bold ;
border : 1px solid # 333 ;
background-color : # f8f8f8 ;
padding : 2px 4px ;
color : # 333 ;
}
/* Add yellow background to tooltips and tabs */
2019-01-24 08:00:03 +00:00
/* @see core/assets/vendor/jquery.ui/themes/base/tabs.css */
2017-03-16 15:29:07 +00:00
. ui-tooltip . ui-widget {
2018-11-23 12:29:20 +00:00
background : # fe6 ; ;
border : 1px solid # ed5 ;
}
2019-01-24 08:00:03 +00:00
. webform-tabs . ui-tabs-nav . ui-tabs-anchor {
text-decoration : inherit ;
}
2018-11-23 12:29:20 +00:00
. webform-tabs . ui-tabs-active . ui-state-active {
background : # fe6 ;
border : 1px solid # ed5 ;
2019-01-24 08:00:03 +00:00
text-decoration : none ;
2018-11-23 12:29:20 +00:00
}
2019-01-24 08:00:03 +00:00
. webform-tabs . ui-state-hover {
text-decoration : underline ! important ;
}
. webform-tabs . ui-state-active . ui-state-hover {
text-decoration : none ! important ;
2018-11-23 12:29:20 +00:00
}
/** Compress tabs for mobile */
@ media screen and ( max-width : 600px ) {
. webform-tabs . ui-tabs . ui-tabs-nav {
padding : 5px 0 4px 0 ;
}
. webform-tabs . ui-tabs . ui-tabs-nav li {
padding : 0 ;
}
. webform-tabs . ui-tabs . ui-tabs-nav . ui-tabs-anchor {
padding : . 5em . 7em ;
}
}
/* Accordion icon */
. ui-accordion-icons . ui-icon {
display : inline-block ;
}
/* CodeMirror viewer */
pre . webform-codemirror-runmode {
padding : . 5em 1 . 5em ;
2017-03-16 15:29:07 +00:00
}
/* Hide tabs and elements from printing. */
@ media print {
2018-11-23 12:29:20 +00:00
body {
padding-top : 0 ! important ; /* Using !import to ensure that <body style="padding-top: *"> set via the toolbar.module is overridden. */
}
. region . region-highlighted ,
2017-03-16 15:29:07 +00:00
. shortcut-action ,
. dropbutton-wrapper ,
. block-system-breadcrumb-block ,
. block-local-tasks-block ,
. pager ,
. button-action ,
. webform-submission-navigation ,
. webform-filter-form {
display : none ! important ; /* Using !important to ensure with these elements are hidden with getting into a specificity war */
}
}
2018-11-23 12:29:20 +00:00
/ * *
* Form action are moved to a dialogs footer and don ' t need to be visually
* hidden .
* @ see Drupal . behaviors . dialog . prepareDialogButtons
* /
. webform-ui-dialog . form-actions input [ type = submit ] ,
. webform-ui-dialog . form-actions a . button {
display : none ! important ;
}
2017-03-16 15:29:07 +00:00
/* System tray divider */
2018-11-23 12:29:20 +00:00
. ui-dialog . ui-dialog-off-canvas . ui-resizable-w {
2017-03-16 15:29:07 +00:00
background-color : # bfbfba ;
border : 1px solid # 6b6b6b ;
border-width : 1px 2px ;
}
/* System tray title bar */
2018-11-23 12:29:20 +00:00
. ui-dialog . ui-dialog-off-canvas {
background : # fff ;
}
. ui-dialog . ui-dialog-off-canvas . ui-dialog-titlebar {
2017-03-16 15:29:07 +00:00
border-radius : 0 ;
}
/* System tray actions */
2018-11-23 12:29:20 +00:00
. ui-dialog . ui-dialog-off-canvas . ui-dialog-content . form-actions {
2017-03-16 15:29:07 +00:00
margin : 1em 0 ;
}
2018-11-23 12:29:20 +00:00
2019-01-24 08:00:03 +00:00
/* jQuery UI autocomplete states */
. ui-autocomplete a /* For filter autocomplete. */ ,
. ui-autocomplete . ui-menu-item-wrapper /* For #states value autocomplete. */ {
display : block ;
border : 1px solid transparent ;
color : # 0074bd ;
}
. ui-autocomplete a . ui-state-hover ,
. ui-autocomplete a . ui-state-active ,
. ui-autocomplete a . ui-state-focus ,
. ui-autocomplete . ui-menu-item-wrapper . ui-state-hover ,
. ui-autocomplete . ui-menu-item-wrapper . ui-state-active ,
. ui-autocomplete . ui-menu-item-wrapper . ui-state-focus {
text-decoration : underline ;
color : # 0074bd ;
background : # fe6 ;
border : solid 1px # ed5 ;
margin : 0 ;
}
2018-11-23 12:29:20 +00:00
/* jQuery UI button states */
. webform-buttons . ui-button . ui-state-default {
background : # f5f5f2 ;
border : solid 1px # bfbfba ;
}
. webform-buttons . ui-button . ui-state-active {
color : # 840 ;
background : # fe6 ;
border : solid 1px # ed5 ;
}
/* jQuery UI tooltip */
. ui-tooltip hr {
background : # 666 ;
margin : . 3em 0 ;
height : 1px ;
}
. ui-tooltip code {
font-weight : bold ;
white-space : nowrap ;
background-color : # f5f5f2 ;
font-size : . 9em ;
padding : . 2em ;
}
/* jQuery UI tabs */
. ui-tabs . ui-tabs-panel {
padding : 0 ;
}
/* Tweak details toggle state. */
. webform-details-toggle-state {
color : # 0074bd ;
}
. webform-details-toggle-state : hover ,
. webform-details-toggle-statelink : focus {
text-decoration : underline ;
}
/* Token tree */
. token-tree ul {
margin : 0 ;
}
