Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styling for contextual module.
Chris@0:  */
Chris@0: 
Chris@0: /**
Chris@0:  * Contextual links wrappers.
Chris@0:  */
Chris@0: .contextual {
Chris@0:   position: absolute;
Chris@18:   z-index: 500;
Chris@18:   top: 6px;
Chris@0:   right: 0; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .contextual {
Chris@18:   right: auto;
Chris@0:   left: 0;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Contextual region.
Chris@0:  */
Chris@0: .contextual-region.focus {
Chris@0:   outline: 1px dashed #d6d6d6;
Chris@0:   outline-offset: 1px;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Contextual trigger.
Chris@0:  */
Chris@0: .contextual .trigger {
Chris@18:   position: relative;
Chris@18:   right: 6px; /* LTR */
Chris@18:   float: right; /* LTR */
Chris@18:   overflow: hidden;
Chris@18:   margin: 0;
Chris@18:   padding: 0 2px;
Chris@18:   cursor: pointer;
Chris@0:   border: 1px solid #ccc;
Chris@0:   border-radius: 13px;
Chris@18:   background-color: #fff;
Chris@18:   background-attachment: scroll;
Chris@0: }
Chris@0: [dir="rtl"] .contextual .trigger {
Chris@0:   right: auto;
Chris@0:   left: 6px;
Chris@18:   float: left;
Chris@0: }
Chris@0: .contextual.open .trigger {
Chris@18:   z-index: 2;
Chris@0:   border: 1px solid #ccc;
Chris@0:   border-bottom-color: transparent;
Chris@0:   border-radius: 13px 13px 0 0;
Chris@0:   box-shadow: none;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Contextual links.
Chris@0:  *
Chris@0:  * The following selectors are heavy to discourage theme overriding.
Chris@0:  */
Chris@0: .contextual-region .contextual .contextual-links {
Chris@18:   position: relative;
Chris@18:   top: -1px;
Chris@18:   right: 6px; /* LTR */
Chris@18:   float: right; /* LTR */
Chris@18:   clear: both;
Chris@18:   margin: 0;
Chris@18:   padding: 0.25em 0;
Chris@18:   text-align: left; /* LTR */
Chris@18:   white-space: nowrap;
Chris@0:   border: 1px solid #ccc;
Chris@0:   border-radius: 4px 0 4px 4px; /* LTR */
Chris@18:   background-color: #fff;
Chris@0: }
Chris@0: [dir="rtl"] .contextual-region .contextual .contextual-links {
Chris@18:   right: auto;
Chris@18:   left: 6px;
Chris@18:   float: left;
Chris@18:   text-align: right;
Chris@0:   border-radius: 0 4px 4px 4px;
Chris@0: }
Chris@0: .contextual-region .contextual .contextual-links li {
Chris@18:   margin: 0;
Chris@18:   padding: 0;
Chris@0:   list-style: none;
Chris@0:   list-style-image: none;
Chris@18:   border: none;
Chris@18:   background-color: #fff;
Chris@0:   line-height: 100%;
Chris@0: }
Chris@0: .contextual-region .contextual .contextual-links a {
Chris@18:   display: block;
Chris@18:   margin: 0.25em 0;
Chris@18:   padding: 0.4em 0.6em;
Chris@18:   color: #333;
Chris@0:   background-color: #fff;
Chris@0:   font-family: sans-serif;
Chris@0:   font-size: small;
Chris@0:   line-height: 0.8em;
Chris@0: }
Chris@0: .touchevents .contextual-region .contextual .contextual-links a {
Chris@0:   font-size: large;
Chris@0: }
Chris@0: .contextual-region .contextual .contextual-links a,
Chris@0: .contextual-region .contextual .contextual-links a:hover {
Chris@0:   text-decoration: none;
Chris@0: }
Chris@0: .no-touchevents .contextual-region .contextual .contextual-links li a:hover {
Chris@0:   color: #000;
Chris@0:   background: #f7fcff;
Chris@0: }