You are here

global.styles.css in Drupal Commons 7.3

global.styles

Styles you add here will load for all device sizes, they are "global", as opposed to "responsive" styles, which only load for a given breakpoint (media query) that you set in theme settings. See the README for more details.

How to use this file: --------------------

There are many empty selectors and some basic styles to act as a guide. Nothing is set in stone and you can change anything - even delete all of it and start with your own clean slate.

To FORCE PRINT all selectors you can search and replace a single { (opening curly brace) and insert an empty comment. This is very useful in conjuction with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/

See global.base also which includes normalize.css and some additional helper classes and base styles.

File

themes/commons/commons_origins/css/global.styles.css
View source
  1. #menu-bar.nav ul.menu li a {
  2. border-left: 1px solid #247aac;
  3. -webkit-box-shadow: #224567 -1px 0px 0px;
  4. -moz-box-shadow: #224567 -1px 0px 0px;
  5. box-shadow: #224567 -1px 0px 0px;
  6. }
  7. #menu-bar.nav {
  8. border-right: 1px solid #224567;
  9. -webkit-box-shadow: #247aac 1px 0px 0px;
  10. -moz-box-shadow: #247aac 1px 0px 0px;
  11. box-shadow: #247aac 1px 0px 0px;
  12. }
  13. .commons-pod, .page-user .pane-views-panes, .front.not-logged-in .pane-views-panes, .front.not-logged-in
  14. .pane-views, .front.not-logged-in
  15. body.page-node .pane-views-panes, .page-events .view-commons-events-upcoming .view-content, .pane-commons-bw-group, .view-display-id-commons_events_upcoming_page .views-row, .view-commons-groups-directory > .view-content > .views-row,
  16. .view-commons-homepage-content .node-teaser.node-group > .view-content > .views-row, body.front.logged-in .view-commons-homepage-content > .view-content, body.front.logged-in #views-exposed-form-commons-homepage-content-panel-pane-1 .views-exposed-widgets.widgets-active, .page-events .region-three-25-50-25-third .pane-views-panes, .pane-search-result .block-content .search-results, .page-search-user .user-results {
  17. background-color: white;
  18. -webkit-border-radius: 3px;
  19. -moz-border-radius: 3px;
  20. -ms-border-radius: 3px;
  21. -o-border-radius: 3px;
  22. border-radius: 3px;
  23. -webkit-box-shadow: #858585 1px 1px 4px;
  24. -moz-box-shadow: #858585 1px 1px 4px;
  25. box-shadow: #858585 1px 1px 4px;
  26. margin: 10px 0;
  27. }
  28. .commons-pod, .page-user .pane-views-panes .block-inner, .front.not-logged-in .pane-views-panes > div, .front.not-logged-in
  29. .pane-views > div, .front.not-logged-in
  30. body.page-node .pane-views-panes > div, .page-events .view-commons-events-upcoming .view-content, .pane-commons-bw-group > .block-inner, .view-display-id-commons_events_upcoming_page .views-row article, .view-commons-groups-directory > .view-content > .views-row > .node-teaser,
  31. .view-commons-groups-directory > .view-content > .views-row form,
  32. .view-commons-homepage-content .node-teaser.node-group > .view-content > .views-row > .node-teaser,
  33. .view-commons-homepage-content .node-teaser.node-group > .view-content > .views-row form, body.front.logged-in #views-exposed-form-commons-homepage-content-panel-pane-1 .views-exposed-widgets.widgets-active, .page-events .region-three-25-50-25-third .pane-views-panes .block-inner, .pane-search-result .block-content .search-results, .page-search-user .user-results {
  34. padding: 10px;
  35. }
  36. .node.node-event > .node-content, .node.node-poll > .node-content, .node.node-question > .node-content, .node-teaser.node-promoted.node-event > .node-content, .node-teaser.node-promoted.node-poll > .node-content, .node-teaser.node-promoted.node-question > .node-content {
  37. margin-right: 10em;
  38. }
  39. @media only screen and (max-width: 768px) {
  40. .node.node-event > .node-content, .node.node-poll > .node-content, .node.node-question > .node-content, .node-teaser.node-promoted.node-event > .node-content, .node-teaser.node-promoted.node-poll > .node-content, .node-teaser.node-promoted.node-question > .node-content {
  41. margin-right: 0;
  42. }
  43. }
  44. /**
  45. * @file
  46. * global.styles
  47. *
  48. * Styles you add here will load for all device sizes, they are "global", as
  49. * opposed to "responsive" styles, which only load for a given breakpoint (media
  50. * query) that you set in theme settings. See the README for more details.
  51. *
  52. *
  53. * How to use this file:
  54. * --------------------
  55. *
  56. * There are many empty selectors and some basic styles to act as a guide.
  57. * Nothing is set in stone and you can change anything - even delete all of it
  58. * and start with your own clean slate.
  59. *
  60. * To FORCE PRINT all selectors you can search and replace a single { (opening
  61. * curly brace) and insert an empty comment. This is very useful in conjuction
  62. * with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
  63. *
  64. * See global.base also which includes normalize.css and some additional
  65. * helper classes and base styles.
  66. */
  67. /* =============================================================================
  68. * Base
  69. * ========================================================================== */
  70. /**
  71. * To preserve theme settings never apply font properties to the HTML element.
  72. * This is critically important if you are using the Responsive JavaScript
  73. * feature as this relies on being able to set a pseudo font family on the HTML
  74. * element. If you need to set default font properties of any kind use the BODY
  75. * element as these can be overridden using font theme settings.
  76. */
  77. html {
  78. background: #e6e6e6;
  79. font-size: 87.5%;
  80. min-height: 100%;
  81. }
  82. html .cke_editable {
  83. -webkit-box-sizing: border-box;
  84. -moz-box-sizing: border-box;
  85. box-sizing: border-box;
  86. padding: 1em;
  87. background: white;
  88. min-height: 200px;
  89. }
  90. body {
  91. font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  92. color: #333333;
  93. min-width: 18em;
  94. }
  95. /* =============================================================================
  96. * HTML Elements
  97. * ========================================================================== */
  98. h1 {
  99. font-size: 30px;
  100. line-height: 30px;
  101. font-weight: normal;
  102. color: white;
  103. }
  104. h1 a {
  105. color: white;
  106. }
  107. h1 a :hover {
  108. text-decoration: none;
  109. }
  110. .site-name-long h1 {
  111. font-size: 20px;
  112. line-height: 25px;
  113. }
  114. .site-name-long-2-lines h1 {
  115. font-size: 20px;
  116. line-height: 25px;
  117. }
  118. h2 {
  119. color: #336699;
  120. font-weight: lighter;
  121. font-size: 3.8em;
  122. font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  123. }
  124. h3 {
  125. color: #2783b9;
  126. font-weight: normal;
  127. font-size: 1.4em;
  128. }
  129. .sidebar h3 {
  130. color: #666666;
  131. }
  132. pre,
  133. code,
  134. tt,
  135. samp,
  136. kbd,
  137. var {
  138. font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
  139. }
  140. /* =============================================================================
  141. * Wrappers
  142. * ========================================================================== */
  143. /**
  144. * Page wrapper, includes the .container class which sets the overall page or section width
  145. * Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it!
  146. */
  147. /**
  148. * Wraps all header elements - branding and .region-header
  149. */
  150. .header-wrapper {
  151. overflow: hidden;
  152. }
  153. #header {
  154. position: relative;
  155. -webkit-box-sizing: border-box;
  156. -moz-box-sizing: border-box;
  157. box-sizing: border-box;
  158. color: white;
  159. text-align: left;
  160. padding-right: 10px;
  161. padding-left: 10px;
  162. white-space: nowrap;
  163. }
  164. #header a {
  165. color: white;
  166. }
  167. @media only screen and (max-width: 768px) {
  168. #header {
  169. padding: 0;
  170. }
  171. }
  172. .header-color-row-one {
  173. border-top: 1.5em solid black;
  174. background-color: #336699;
  175. -webkit-box-shadow: #336699 0px -1px 0px;
  176. -moz-box-shadow: #336699 0px -1px 0px;
  177. box-shadow: #336699 0px -1px 0px;
  178. }
  179. @media only screen and (min-width: 769px) {
  180. .header-color-row-one {
  181. border-top: none;
  182. }
  183. }
  184. .header-color-row-two {
  185. position: relative;
  186. background-color: #2783b9;
  187. min-height: 2.5em;
  188. border-top: 1px solid #3d9dd6;
  189. border-bottom: 1px solid #1e658f;
  190. z-index: 2;
  191. }
  192. /**
  193. * Wraps the sidebars the content column
  194. */
  195. #columns {
  196. margin-right: 10px;
  197. margin-left: 10px;
  198. }
  199. /**
  200. * Footer wrapper
  201. */
  202. #footer {
  203. border-top: 1px solid #cccccc;
  204. -webkit-box-shadow: inset 0 1px 0 white;
  205. -moz-box-shadow: inset 0 1px 0 white;
  206. box-shadow: inset 0 1px 0 white;
  207. margin: 0 10px;
  208. }
  209. /**
  210. * Default credit block
  211. */
  212. #block-block-1 .block-title,
  213. #block-block-1 .block-content {
  214. color: #858585;
  215. }
  216. #block-block-1 .block-title {
  217. margin: 10px 0 5px;
  218. }
  219. #block-block-1 .block-content {
  220. font-size: .88em;
  221. }
  222. #footer #block-block-1 {
  223. margin-bottom: 0;
  224. }
  225. /**
  226. * Generic pod wrappers
  227. */
  228. .commons-pod {
  229. /* Prevent pod nesting. */
  230. }
  231. .commons-pod .commons-pod {
  232. margin: 0;
  233. padding: 0;
  234. background: transparent;
  235. -webkit-box-shadow: none;
  236. -moz-box-shadow: none;
  237. box-shadow: none;
  238. }
  239. /* =============================================================================
  240. * Branding
  241. * ========================================================================== */
  242. /**
  243. * Wraps all the branding elements, logo, name and slogan
  244. */
  245. #branding {
  246. float: left;
  247. -webkit-box-sizing: border-box;
  248. -moz-box-sizing: border-box;
  249. box-sizing: border-box;
  250. width: 100%;
  251. padding-left: 4.1875em;
  252. text-align: left;
  253. margin-right: -36.5em;
  254. }
  255. @media only screen and (max-width: 480px) {
  256. #branding {
  257. margin-right: -11.5em;
  258. }
  259. }
  260. @media only screen and (min-width: 481px) and (max-width: 768px) {
  261. #branding {
  262. margin-right: -19.5em;
  263. }
  264. }
  265. .people-search-active #branding {
  266. margin-right: -42em;
  267. }
  268. @media only screen and (max-width: 480px) {
  269. .people-search-active #branding {
  270. margin-right: -14em;
  271. }
  272. }
  273. @media only screen and (min-width: 481px) and (max-width: 768px) {
  274. .people-search-active #branding {
  275. margin-right: -24em;
  276. }
  277. }
  278. /**
  279. * Logo
  280. */
  281. #logo {
  282. position: relative;
  283. display: block;
  284. float: left;
  285. position: relative;
  286. margin-bottom: -3em;
  287. margin-left: -4.1875em;
  288. z-index: 3;
  289. }
  290. /**
  291. * Wrapper for the site name and slogan (hgroup)
  292. */
  293. #name-and-slogan {
  294. display: block;
  295. -webkit-box-sizing: border-box;
  296. -moz-box-sizing: border-box;
  297. box-sizing: border-box;
  298. width: 100%;
  299. vertical-align: top;
  300. min-height: 4em;
  301. padding-right: 36.5em;
  302. }
  303. @media only screen and (max-width: 480px) {
  304. #name-and-slogan {
  305. padding-right: 11.5em;
  306. }
  307. }
  308. @media only screen and (min-width: 481px) and (max-width: 768px) {
  309. #name-and-slogan {
  310. padding-right: 19.5em;
  311. }
  312. }
  313. @media only screen and (max-width: 480px) {
  314. #name-and-slogan {
  315. display: none;
  316. }
  317. }
  318. .people-search-active #name-and-slogan {
  319. padding-right: 42em;
  320. }
  321. @media only screen and (min-width: 481px) and (max-width: 768px) {
  322. .people-search-active #name-and-slogan {
  323. padding-right: 24em;
  324. }
  325. }
  326. /**
  327. * Site name (h1)
  328. */
  329. #site-name {
  330. margin: .3em 0 0;
  331. font-family: 'Trebuchet MS';
  332. font-weight: 700;
  333. }
  334. #site-name a:link, #site-name a:visited {
  335. text-decoration: none;
  336. }
  337. #site-name a:hover, #site-name a:focus {
  338. text-decoration: none;
  339. }
  340. @media only screen and (min-width: 481px) {
  341. #site-name {
  342. font-size: 1.4em;
  343. }
  344. }
  345. /**
  346. * Site slogan (h2)
  347. */
  348. #site-slogan {
  349. margin: 0 0 .3em;
  350. font-size: 1em;
  351. color: white;
  352. }
  353. #site-name,
  354. #site-slogan {
  355. display: block;
  356. overflow: hidden;
  357. padding-right: 10px;
  358. line-height: 1.2em;
  359. white-space: normal;
  360. }
  361. /* =============================================================================
  362. * Page content header
  363. * ========================================================================== */
  364. /**
  365. * The main page title (h1)
  366. */
  367. #page-title,
  368. .search-results-title {
  369. margin: 0 0 .2em;
  370. font-weight: 300;
  371. font-size: 3.85em;
  372. line-height: 1.2em;
  373. }
  374. .page-messages-view #page-title,
  375. .page-flag-confirm #page-title {
  376. /* Some pages require a smaller title to prevent the equivalent of
  377. "yelling". */
  378. font-size: 2.5em;
  379. }
  380. #page-top {
  381. margin: 20px 0 0;
  382. }
  383. /* =============================================================================
  384. * Misc Global Styles
  385. * ========================================================================== */
  386. /**
  387. * Generic styles for nodes.
  388. */
  389. .node-actions {
  390. -webkit-box-sizing: border-box;
  391. -moz-box-sizing: border-box;
  392. box-sizing: border-box;
  393. float: right;
  394. width: 10em;
  395. list-style: none;
  396. margin: .5em -10em 0 0;
  397. padding-left: 1em;
  398. text-align: center;
  399. }
  400. .node-actions [class*="action-item"], .node-actions [class*="action-item"][type="submit"] {
  401. margin: 0;
  402. }
  403. @media only screen and (max-width: 768px) {
  404. .node-actions {
  405. float: none;
  406. width: auto;
  407. margin: 1.7em 0;
  408. text-align: left;
  409. }
  410. }
  411. .node-teaser.node-promoted {
  412. background-image: url('../images/node-promoted-star.png?1400601840');
  413. background-position: top right;
  414. background-repeat: no-repeat;
  415. background-color: #f7f7f7;
  416. border: none;
  417. padding: 10px;
  418. position: relative;
  419. -webkit-border-radius: 3px;
  420. -moz-border-radius: 3px;
  421. -ms-border-radius: 3px;
  422. -o-border-radius: 3px;
  423. border-radius: 3px;
  424. }
  425. .node-teaser.node-promoted.user-picture-available {
  426. padding-left: 78px;
  427. }
  428. .node-teaser.node-promoted.user-picture-available .user-picture {
  429. position: absolute;
  430. float: left;
  431. width: 50px;
  432. margin-left: -68px;
  433. top: 10px;
  434. }
  435. .node-teaser.node-promoted.user-picture-available .user-picture img {
  436. width: 50px;
  437. }
  438. @media only screen and (max-width: 480px) {
  439. .node-teaser.node-promoted.user-picture-available {
  440. padding-left: 10px;
  441. }
  442. .node-teaser.node-promoted.user-picture-available .user-picture {
  443. display: none;
  444. }
  445. }
  446. .user-picture,
  447. .views-field-picture,
  448. .profile-badge-picture {
  449. background: white;
  450. display: inline-block;
  451. padding: 4px;
  452. -webkit-border-radius: 3px;
  453. -moz-border-radius: 3px;
  454. -ms-border-radius: 3px;
  455. -o-border-radius: 3px;
  456. border-radius: 3px;
  457. -webkit-box-shadow: #858585 1px 1px 4px;
  458. -moz-box-shadow: #858585 1px 1px 4px;
  459. box-shadow: #858585 1px 1px 4px;
  460. line-height: 0;
  461. }
  462. .node .user-picture:after, .comment .user-picture:after, .privatemsg-message .user-picture:after, .node
  463. .views-field-picture:after, .comment
  464. .views-field-picture:after, .privatemsg-message
  465. .views-field-picture:after, .node
  466. .profile-badge-picture:after, .comment
  467. .profile-badge-picture:after, .privatemsg-message
  468. .profile-badge-picture:after {
  469. content: "";
  470. width: 5px;
  471. height: 8px;
  472. position: absolute;
  473. right: -5px;
  474. top: 10px;
  475. background: url('../images/user_img_arrow.png?1400601840');
  476. }
  477. .node .user-picture img, .comment .user-picture img, .privatemsg-message .user-picture img, .node
  478. .views-field-picture img, .comment
  479. .views-field-picture img, .privatemsg-message
  480. .views-field-picture img, .node
  481. .profile-badge-picture img, .comment
  482. .profile-badge-picture img, .privatemsg-message
  483. .profile-badge-picture img {
  484. width: 50px;
  485. }
  486. /**
  487. * Form styles
  488. *
  489. * These styles are extracted from the Formalize library by Nathan Smith. The
  490. * specific support for IE below 8 is trimmed along with references to font
  491. * families and the extra buttons styles.
  492. */
  493. input:invalid,
  494. button:invalid,
  495. select:invalid,
  496. textarea:invalid,
  497. [class*=" action-item"]:invalid {
  498. -webkit-box-shadow: none;
  499. -moz-box-shadow: none;
  500. box-shadow: none;
  501. }
  502. input:focus,
  503. button:focus,
  504. select:focus,
  505. textarea:focus,
  506. [class*=" action-item"]:focus {
  507. -webkit-box-shadow: #0066ff 0 0 5px 0;
  508. -moz-box-shadow: #0066ff 0 0 5px 0;
  509. box-shadow: #0066ff 0 0 5px 0;
  510. z-index: 1;
  511. }
  512. label {
  513. margin-top: .5em;
  514. margin-bottom: .5em;
  515. }
  516. input[type="file"]:focus, input[type="file"]:active,
  517. input[type="radio"]:focus,
  518. input[type="radio"]:active,
  519. input[type="checkbox"]:focus,
  520. input[type="checkbox"]:active {
  521. -webkit-box-shadow: none;
  522. -moz-box-shadow: none;
  523. box-shadow: none;
  524. }
  525. textarea,
  526. select,
  527. input[type="date"],
  528. input[type="datetime"],
  529. input[type="datetime-local"],
  530. input[type="email"],
  531. input[type="month"],
  532. input[type="number"],
  533. input[type="password"],
  534. input[type="search"],
  535. input[type="tel"],
  536. input[type="text"],
  537. input[type="time"],
  538. input[type="url"],
  539. input[type="week"] {
  540. -webkit-box-sizing: border-box;
  541. -moz-box-sizing: border-box;
  542. box-sizing: border-box;
  543. -webkit-background-clip: padding;
  544. -moz-background-clip: padding;
  545. background-clip: padding-box;
  546. -webkit-border-radius: 2px;
  547. -moz-border-radius: 2px;
  548. -ms-border-radius: 2px;
  549. -o-border-radius: 2px;
  550. border-radius: 2px;
  551. -webkit-appearance: none;
  552. background-color: white;
  553. border: 1px solid #cccccc;
  554. color: black;
  555. outline: 0;
  556. margin: 0;
  557. padding: .5em;
  558. text-align: left;
  559. vertical-align: top;
  560. line-height: 1.2em;
  561. }
  562. textarea[disabled],
  563. select[disabled],
  564. input[type="date"][disabled],
  565. input[type="datetime"][disabled],
  566. input[type="datetime-local"][disabled],
  567. input[type="email"][disabled],
  568. input[type="month"][disabled],
  569. input[type="number"][disabled],
  570. input[type="password"][disabled],
  571. input[type="search"][disabled],
  572. input[type="tel"][disabled],
  573. input[type="text"][disabled],
  574. input[type="time"][disabled],
  575. input[type="url"][disabled],
  576. input[type="week"][disabled] {
  577. background-color: #eeeeee;
  578. }
  579. input::-webkit-input-placeholder,
  580. textarea::-webkit-input-placeholder {
  581. color: #888888;
  582. }
  583. input:-moz-placeholder,
  584. textarea:-moz-placeholder {
  585. color: #888888;
  586. }
  587. textarea,
  588. input[type="date"],
  589. input[type="datetime"],
  590. input[type="datetime-local"],
  591. input[type="email"],
  592. input[type="month"],
  593. input[type="number"],
  594. input[type="password"],
  595. input[type="search"],
  596. input[type="tel"],
  597. input[type="text"],
  598. input[type="time"],
  599. input[type="url"],
  600. input[type="week"] {
  601. width: 100%;
  602. max-width: 100%;
  603. }
  604. textarea,
  605. select[size],
  606. select[multiple] {
  607. height: auto;
  608. }
  609. @media (-webkit-min-device-pixel-ratio: 0) {
  610. select[size],
  611. select[multiple],
  612. select[multiple][size] {
  613. background-image: none;
  614. padding-right: 3px;
  615. }
  616. select,
  617. select[size="0"],
  618. select[size="1"] {
  619. -webkit-border-radius: 3px;
  620. -moz-border-radius: 3px;
  621. -ms-border-radius: 3px;
  622. -o-border-radius: 3px;
  623. border-radius: 3px;
  624. background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
  625. background-repeat: no-repeat;
  626. background-position: right center;
  627. padding-right: 20px;
  628. }
  629. ::-webkit-validation-bubble-message {
  630. -webkit-box-shadow: none;
  631. box-shadow: none;
  632. background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
  633. border: 1px solid;
  634. border-color: #747474 #5e5e5e #4f4f4f;
  635. color: white;
  636. overflow: hidden;
  637. padding: 15px 15px 17px;
  638. text-shadow: black 0 0 1px;
  639. height: 16px;
  640. }
  641. ::-webkit-validation-bubble-arrow,
  642. ::-webkit-validation-bubble-top-outer-arrow,
  643. ::-webkit-validation-bubble-top-inner-arrow {
  644. -webkit-box-shadow: none;
  645. box-shadow: none;
  646. background: #666666;
  647. border: 0;
  648. }
  649. }
  650. textarea {
  651. overflow: auto;
  652. resize: vertical;
  653. width: 100%;
  654. }
  655. optgroup {
  656. color: black;
  657. font-style: normal;
  658. font-weight: normal;
  659. }
  660. optgroup::-moz-focus-inner {
  661. border: 0;
  662. padding: 0;
  663. }
  664. /* Simulate a chosen select form value as inline text. */
  665. .hidden-select-wrapper {
  666. position: relative;
  667. display: inline-block;
  668. -webkit-transition: width 0.2s;
  669. -moz-transition: width 0.2s;
  670. -o-transition: width 0.2s;
  671. transition: width 0.2s;
  672. }
  673. .select-status {
  674. display: inline-block;
  675. white-space: nowrap;
  676. -webkit-transition: opacity 0.2s;
  677. -moz-transition: opacity 0.2s;
  678. -o-transition: opacity 0.2s;
  679. transition: opacity 0.2s;
  680. }
  681. .select-status:after {
  682. content: "";
  683. position: relative;
  684. top: .2em;
  685. display: inline-block;
  686. width: 0;
  687. height: 0;
  688. margin-left: .2em;
  689. border: .4em solid transparent;
  690. border-top-color: #2783b9;
  691. }
  692. .hidden-select {
  693. position: absolute;
  694. top: -.35em;
  695. left: -.35em;
  696. margin: 0;
  697. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  698. opacity: 0;
  699. }
  700. .select-inactive .hidden-select {
  701. width: 100%;
  702. }
  703. /* Replace the default Drupal throbber with a custom one. */
  704. html.js input.form-autocomplete {
  705. background-image: none;
  706. background-position: right center;
  707. padding-right: 20px;
  708. }
  709. html.js input.form-autocomplete.throbbing {
  710. background-image: url('../images/commons-throbber.gif?1400601840');
  711. background-position: right center;
  712. }
  713. .general-settings {
  714. padding-top: 0;
  715. padding-bottom: 0;
  716. }
  717. .fieldset-outer-wrapper {
  718. margin: 1.7em 0;
  719. padding: 1.7em 0;
  720. border-top: 1px solid #cccccc;
  721. border-color: #cccccc;
  722. border-style: solid;
  723. border-width: 1px 0;
  724. /* Some form items have nested fieldsets that mess with the sibling
  725. selectors and need some extra love. */
  726. }
  727. .fieldset-outer-wrapper + .fieldset-outer-wrapper {
  728. border-top-width: 0;
  729. }
  730. .general-settings .fieldset-outer-wrapper {
  731. margin-top: 0;
  732. margin-bottom: 0;
  733. padding-left: 10px;
  734. padding-right: 10px;
  735. }
  736. .general-settings > .fieldset-outer-wrapper {
  737. margin-left: -10px;
  738. margin-right: -10px;
  739. }
  740. .general-settings > .fieldset-outer-wrapper:first-child {
  741. border-top: none;
  742. }
  743. .general-settings > .fieldset-outer-wrapper:last-child {
  744. border-bottom-width: 0;
  745. }
  746. .field-name-og-group-ref .fieldset-outer-wrapper {
  747. border-top: none;
  748. margin-top: 0;
  749. padding-top: 0;
  750. }
  751. .field-name-og-group-ref .fieldset-outer-wrapper, .field-type-datetime-form .fieldset-outer-wrapper {
  752. border-bottom: none;
  753. margin-bottom: 0;
  754. padding-bottom: 0;
  755. }
  756. fieldset {
  757. border: none;
  758. margin: 0;
  759. padding: .01em 0;
  760. -webkit-box-sizing: border-box;
  761. -moz-box-sizing: border-box;
  762. box-sizing: border-box;
  763. }
  764. legend {
  765. -webkit-padding-start: 0;
  766. -webkit-padding-end: 0;
  767. line-height: 1.2em;
  768. }
  769. legend + .fieldset-wrapper {
  770. -webkit-margin-top-collapse: separate;
  771. margin-top: 1.2em;
  772. }
  773. .fieldset-legend {
  774. display: block;
  775. font-size: 1.2em;
  776. line-height: 1.2em;
  777. font-weight: light;
  778. }
  779. html.js fieldset.collapsed .fieldset-legend, html.js fieldset.collapsible .fieldset-legend {
  780. padding: 0;
  781. background: none;
  782. }
  783. .fieldset-legend span.summary {
  784. display: block;
  785. margin: 0;
  786. font-size: .76em;
  787. font-weight: normal;
  788. }
  789. .collapsible > legend .fieldset-legend {
  790. display: block;
  791. text-indent: -.5em;
  792. margin-left: .6em;
  793. }
  794. .collapsible > legend .fieldset-legend span.summary {
  795. margin-left: .7em;
  796. }
  797. .collapsible > legend .fieldset-legend a:before {
  798. display: inline-block;
  799. position: relative;
  800. margin-right: .2em;
  801. width: 0;
  802. height: 0;
  803. overflow: hidden;
  804. border: .2em solid transparent;
  805. border-top-color: #333333;
  806. content: "";
  807. top: -.1em;
  808. left: -.1em;
  809. }
  810. .collapsed > legend .fieldset-legend a:before {
  811. border-top-color: transparent;
  812. border-left-color: #333333;
  813. top: -.2em;
  814. left: auto;
  815. }
  816. .form-item:first-child {
  817. margin-top: 0;
  818. }
  819. .form-item:last-child {
  820. margin-bottom: 0;
  821. }
  822. .filter-wrapper {
  823. margin: 0;
  824. padding: 0;
  825. }
  826. /**
  827. * Button styles
  828. */
  829. /* Common styles for all buttons. */
  830. .button,
  831. button,
  832. [type="reset"],
  833. [type="submit"],
  834. [type="button"],
  835. [class*="action-item"], .pane-commons-groups-commons-groups-create-group a, .pane-commons-events-commons-events-create-event-link a, [class*="action-item-small"], .commons-sign-up,
  836. .commons-login, [class*="action-item-large"] {
  837. -webkit-appearance: none;
  838. display: inline-block;
  839. -webkit-box-sizing: border-box;
  840. -moz-box-sizing: border-box;
  841. box-sizing: border-box;
  842. margin: .5em .3em .5em 0;
  843. max-width: 100%;
  844. overflow: visible;
  845. line-height: 1.2em;
  846. vertical-align: baseline;
  847. border-style: solid;
  848. border-width: 1px;
  849. -webkit-border-radius: 2px;
  850. -moz-border-radius: 2px;
  851. -ms-border-radius: 2px;
  852. -o-border-radius: 2px;
  853. border-radius: 2px;
  854. /* Reset all button fonts to a similar baseline in webkit. */
  855. font: -webkit-small-control;
  856. font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  857. font-weight: light;
  858. letter-spacing: .06em;
  859. text-align: center;
  860. text-decoration: none;
  861. outline: 0;
  862. cursor: pointer;
  863. }
  864. .button:focus,
  865. button:focus,
  866. [type="reset"]:focus,
  867. [type="submit"]:focus,
  868. [type="button"]:focus,
  869. [class*="action-item"]:focus, .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-events-commons-events-create-event-link a:focus, [class*="action-item-small"]:focus, .commons-sign-up:focus,
  870. .commons-login:focus, [class*="action-item-large"]:focus, .button:hover,
  871. button:hover,
  872. [type="reset"]:hover,
  873. [type="submit"]:hover,
  874. [type="button"]:hover,
  875. [class*="action-item"]:hover, .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-events-commons-events-create-event-link a:hover, [class*="action-item-small"]:hover, .commons-sign-up:hover,
  876. .commons-login:hover, [class*="action-item-large"]:hover {
  877. text-decoration: none;
  878. }
  879. .button:active,
  880. button:active,
  881. [type="reset"]:active,
  882. [type="submit"]:active,
  883. [type="button"]:active,
  884. [class*="action-item"]:active, .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-events-commons-events-create-event-link a:active, [class*="action-item-small"]:active, .commons-sign-up:active,
  885. .commons-login:active, [class*="action-item-large"]:active {
  886. -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  887. -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  888. box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  889. text-decoration: none;
  890. }
  891. .button::-moz-focus-inner,
  892. button::-moz-focus-inner,
  893. [type="reset"]::-moz-focus-inner,
  894. [type="submit"]::-moz-focus-inner,
  895. [type="button"]::-moz-focus-inner,
  896. [class*="action-item"]::-moz-focus-inner, .pane-commons-groups-commons-groups-create-group a::-moz-focus-inner, .pane-commons-events-commons-events-create-event-link a::-moz-focus-inner, [class*="action-item-small"]::-moz-focus-inner, .commons-sign-up::-moz-focus-inner,
  897. .commons-login::-moz-focus-inner, [class*="action-item-large"]::-moz-focus-inner {
  898. border: 0;
  899. padding: 0;
  900. }
  901. /* Dimensions for the default button type. */
  902. .button,
  903. button,
  904. [type="reset"],
  905. [type="submit"],
  906. [type="button"],
  907. [class*="action-item"], .pane-commons-groups-commons-groups-create-group a, .pane-commons-events-commons-events-create-event-link a {
  908. padding: 0.5em 1.5em;
  909. font-size: 1em;
  910. }
  911. /* Dimensions for the small button type. */
  912. [class*="action-item-small"], .commons-sign-up,
  913. .commons-login {
  914. padding: 0.3em 1em;
  915. font-size: 0.88em;
  916. }
  917. /* Dimensions for the large button type. */
  918. [class*="action-item-large"] {
  919. padding: 0.5em 1.5em;
  920. font-size: 1.2em;
  921. }
  922. .button,
  923. button,
  924. [type="reset"],
  925. [type="submit"],
  926. [type="button"],
  927. [class*="action-item"], .commons-login {
  928. background-color: #fefefe;
  929. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  930. background: -webkit-linear-gradient(#ffffff, #f1f1f1);
  931. background: -moz-linear-gradient(#ffffff, #f1f1f1);
  932. background: -o-linear-gradient(#ffffff, #f1f1f1);
  933. background: linear-gradient(#ffffff, #f1f1f1);
  934. border-color: #cbcbcb;
  935. text-shadow: -1px 1px 2px white, -1px -1px 2px white, 1px -1px 2px white, 1px 1px 2px white;
  936. }
  937. .button,
  938. button,
  939. [type="reset"],
  940. [type="submit"],
  941. [type="button"],
  942. [class*="action-item"], .commons-login, .button:link,
  943. button:link,
  944. [type="reset"]:link,
  945. [type="submit"]:link,
  946. [type="button"]:link,
  947. [class*="action-item"]:link, .commons-login:link, .button:visited,
  948. button:visited,
  949. [type="reset"]:visited,
  950. [type="submit"]:visited,
  951. [type="button"]:visited,
  952. [class*="action-item"]:visited, .commons-login:visited {
  953. color: #323232;
  954. }
  955. .button:hover,
  956. button:hover,
  957. [type="reset"]:hover,
  958. [type="submit"]:hover,
  959. [type="button"]:hover,
  960. [class*="action-item"]:hover, .commons-login:hover {
  961. color: #3f3f3f;
  962. background-color: #f1f1f1;
  963. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e5e5e5));
  964. background: -webkit-linear-gradient(#fefefe, #e5e5e5);
  965. background: -moz-linear-gradient(#fefefe, #e5e5e5);
  966. background: -o-linear-gradient(#fefefe, #e5e5e5);
  967. background: linear-gradient(#fefefe, #e5e5e5);
  968. border-color: #b2b2b2;
  969. text-shadow: -1px 1px 2px #fefefe, -1px -1px 2px #fefefe, 1px -1px 2px #fefefe, 1px 1px 2px #fefefe;
  970. }
  971. .button:focus,
  972. button:focus,
  973. [type="reset"]:focus,
  974. [type="submit"]:focus,
  975. [type="button"]:focus,
  976. [class*="action-item"]:focus, .commons-login:focus, .button:active,
  977. button:active,
  978. [type="reset"]:active,
  979. [type="submit"]:active,
  980. [type="button"]:active,
  981. [class*="action-item"]:active, .commons-login:active {
  982. background: #fefefe;
  983. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #ffffff));
  984. background: -webkit-linear-gradient(#f1f1f1, #ffffff);
  985. background: -moz-linear-gradient(#f1f1f1, #ffffff);
  986. background: -o-linear-gradient(#f1f1f1, #ffffff);
  987. background: linear-gradient(#f1f1f1, #ffffff);
  988. border-color: #cbcbcb;
  989. text-shadow: -1px 1px 2px white, -1px -1px 2px white, 1px -1px 2px white, 1px 1px 2px white;
  990. }
  991. [disabled].button,
  992. button[disabled],
  993. [disabled][type="reset"],
  994. [disabled][type="submit"],
  995. [disabled][type="button"],
  996. [disabled][class*="action-item"], [disabled].commons-login {
  997. color: #cbcbcb;
  998. background: #fefefe;
  999. border-color: #cbcbcb;
  1000. -webkit-box-shadow: none;
  1001. -moz-box-shadow: none;
  1002. box-shadow: none;
  1003. text-shadow: none;
  1004. }
  1005. .action-item-active, .action-item-active[type="reset"], .action-item-active[type="submit"], .action-item-active[type="button"],
  1006. .action-item-small-active,
  1007. .action-item-small-active[type="reset"],
  1008. .action-item-small-active[type="submit"],
  1009. .action-item-small-active[type="button"],
  1010. .action-item-large-active,
  1011. .action-item-large-active[type="reset"],
  1012. .action-item-large-active[type="submit"],
  1013. .action-item-large-active[type="button"], [class*="flag-commons-follow-"] a.unflag-action {
  1014. background-color: #f3f3f3;
  1015. -webkit-box-shadow: inset 0.1em 0.1em 0.2em #a6a6a6;
  1016. -moz-box-shadow: inset 0.1em 0.1em 0.2em #a6a6a6;
  1017. box-shadow: inset 0.1em 0.1em 0.2em #a6a6a6;
  1018. border-color: silver;
  1019. text-shadow: -1px 1px 2px white, -1px -1px 2px white, 1px -1px 2px white, 1px 1px 2px white;
  1020. }
  1021. .action-item-active, .action-item-active[type="reset"], .action-item-active[type="submit"], .action-item-active[type="button"],
  1022. .action-item-small-active,
  1023. .action-item-small-active[type="reset"],
  1024. .action-item-small-active[type="submit"],
  1025. .action-item-small-active[type="button"],
  1026. .action-item-large-active,
  1027. .action-item-large-active[type="reset"],
  1028. .action-item-large-active[type="submit"],
  1029. .action-item-large-active[type="button"], [class*="flag-commons-follow-"] a.unflag-action, .action-item-active:link,
  1030. .action-item-small-active:link,
  1031. .action-item-large-active:link, [class*="flag-commons-follow-"] a.unflag-action:link, .action-item-active:visited,
  1032. .action-item-small-active:visited,
  1033. .action-item-large-active:visited, [class*="flag-commons-follow-"] a.unflag-action:visited {
  1034. color: #272727;
  1035. }
  1036. .action-item-active:hover,
  1037. .action-item-small-active:hover,
  1038. .action-item-large-active:hover, [class*="flag-commons-follow-"] a.unflag-action:hover {
  1039. color: #343434;
  1040. background-color: #e6e6e6;
  1041. -webkit-box-shadow: inset 0.1em 0.1em 0.2em #9a9a9a;
  1042. -moz-box-shadow: inset 0.1em 0.1em 0.2em #9a9a9a;
  1043. box-shadow: inset 0.1em 0.1em 0.2em #9a9a9a;
  1044. border-color: #a6a6a6;
  1045. text-shadow: -1px 1px 2px #f3f3f3, -1px -1px 2px #f3f3f3, 1px -1px 2px #f3f3f3, 1px 1px 2px #f3f3f3;
  1046. }
  1047. .action-item-active:focus,
  1048. .action-item-small-active:focus,
  1049. .action-item-large-active:focus, [class*="flag-commons-follow-"] a.unflag-action:focus, .action-item-active:active,
  1050. .action-item-small-active:active,
  1051. .action-item-large-active:active, [class*="flag-commons-follow-"] a.unflag-action:active {
  1052. background: #f3f3f3;
  1053. -webkit-box-shadow: inset 0.1em 0.1em 0.2em #a6a6a6;
  1054. -moz-box-shadow: inset 0.1em 0.1em 0.2em #a6a6a6;
  1055. box-shadow: inset 0.1em 0.1em 0.2em #a6a6a6;
  1056. border-color: silver;
  1057. text-shadow: -1px 1px 2px white, -1px -1px 2px white, 1px -1px 2px white, 1px 1px 2px white;
  1058. }
  1059. [disabled].action-item-active,
  1060. [disabled].action-item-small-active,
  1061. [disabled].action-item-large-active, [class*="flag-commons-follow-"] a[disabled].unflag-action {
  1062. color: silver;
  1063. background: #f3f3f3;
  1064. border-color: silver;
  1065. -webkit-box-shadow: none;
  1066. -moz-box-shadow: none;
  1067. box-shadow: none;
  1068. text-shadow: none;
  1069. }
  1070. .action-item-primary, .action-item-primary[type="reset"], .action-item-primary[type="submit"], .action-item-primary[type="button"],
  1071. .action-item-small-primary,
  1072. .action-item-small-primary[type="reset"],
  1073. .action-item-small-primary[type="submit"],
  1074. .action-item-small-primary[type="button"],
  1075. .action-item-large-primary,
  1076. .action-item-large-primary[type="reset"],
  1077. .action-item-large-primary[type="submit"],
  1078. .action-item-large-primary[type="button"], .commons-sign-up, .pane-commons-groups-commons-groups-create-group a, .pane-commons-events-commons-events-create-event-link a {
  1079. background-color: #46bb2e;
  1080. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4fcd35), color-stop(100%, #3ea729));
  1081. background: -webkit-linear-gradient(#4fcd35, #3ea729);
  1082. background: -moz-linear-gradient(#4fcd35, #3ea729);
  1083. background: -o-linear-gradient(#4fcd35, #3ea729);
  1084. background: linear-gradient(#4fcd35, #3ea729);
  1085. border-color: #27691a;
  1086. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  1087. }
  1088. .action-item-primary, .action-item-primary[type="reset"], .action-item-primary[type="submit"], .action-item-primary[type="button"],
  1089. .action-item-small-primary,
  1090. .action-item-small-primary[type="reset"],
  1091. .action-item-small-primary[type="submit"],
  1092. .action-item-small-primary[type="button"],
  1093. .action-item-large-primary,
  1094. .action-item-large-primary[type="reset"],
  1095. .action-item-large-primary[type="submit"],
  1096. .action-item-large-primary[type="button"], .commons-sign-up, .pane-commons-groups-commons-groups-create-group a, .pane-commons-events-commons-events-create-event-link a, .action-item-primary:link,
  1097. .action-item-small-primary:link,
  1098. .action-item-large-primary:link, .commons-sign-up:link, .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-events-commons-events-create-event-link a:link, .action-item-primary:visited,
  1099. .action-item-small-primary:visited,
  1100. .action-item-large-primary:visited, .commons-sign-up:visited, .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-events-commons-events-create-event-link a:visited {
  1101. color: white;
  1102. }
  1103. .action-item-primary:hover,
  1104. .action-item-small-primary:hover,
  1105. .action-item-large-primary:hover, .commons-sign-up:hover, .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-events-commons-events-create-event-link a:hover {
  1106. color: white;
  1107. background-color: #3ea729;
  1108. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46bb2e), color-stop(100%, #379224));
  1109. background: -webkit-linear-gradient(#46bb2e, #379224);
  1110. background: -moz-linear-gradient(#46bb2e, #379224);
  1111. background: -o-linear-gradient(#46bb2e, #379224);
  1112. background: linear-gradient(#46bb2e, #379224);
  1113. border-color: #184010;
  1114. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  1115. }
  1116. .action-item-primary:focus,
  1117. .action-item-small-primary:focus,
  1118. .action-item-large-primary:focus, .commons-sign-up:focus, .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-events-commons-events-create-event-link a:focus, .action-item-primary:active,
  1119. .action-item-small-primary:active,
  1120. .action-item-large-primary:active, .commons-sign-up:active, .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-events-commons-events-create-event-link a:active {
  1121. background: #46bb2e;
  1122. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ea729), color-stop(100%, #4fcd35));
  1123. background: -webkit-linear-gradient(#3ea729, #4fcd35);
  1124. background: -moz-linear-gradient(#3ea729, #4fcd35);
  1125. background: -o-linear-gradient(#3ea729, #4fcd35);
  1126. background: linear-gradient(#3ea729, #4fcd35);
  1127. border-color: #27691a;
  1128. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  1129. }
  1130. [disabled].action-item-primary,
  1131. [disabled].action-item-small-primary,
  1132. [disabled].action-item-large-primary, [disabled].commons-sign-up, .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-events-commons-events-create-event-link a[disabled] {
  1133. color: #85dc73;
  1134. background: #46bb2e;
  1135. border-color: #27691a;
  1136. -webkit-box-shadow: none;
  1137. -moz-box-shadow: none;
  1138. box-shadow: none;
  1139. text-shadow: none;
  1140. }
  1141. .action-item-primary-active, .action-item-primary-active[type="reset"], .action-item-primary-active[type="submit"], .action-item-primary-active[type="button"],
  1142. .action-item-small-primary-active,
  1143. .action-item-small-primary-active[type="reset"],
  1144. .action-item-small-primary-active[type="submit"],
  1145. .action-item-small-primary-active[type="button"],
  1146. .action-item-large-primary-active,
  1147. .action-item-large-primary-active[type="reset"],
  1148. .action-item-large-primary-active[type="submit"],
  1149. .action-item-large-primary-active[type="button"] {
  1150. background-color: #46bb2e;
  1151. -webkit-box-shadow: inset 0.1em 0.1em 0.2em #184010;
  1152. -moz-box-shadow: inset 0.1em 0.1em 0.2em #184010;
  1153. box-shadow: inset 0.1em 0.1em 0.2em #184010;
  1154. border-color: #27691a;
  1155. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  1156. }
  1157. .action-item-primary-active, .action-item-primary-active[type="reset"], .action-item-primary-active[type="submit"], .action-item-primary-active[type="button"],
  1158. .action-item-small-primary-active,
  1159. .action-item-small-primary-active[type="reset"],
  1160. .action-item-small-primary-active[type="submit"],
  1161. .action-item-small-primary-active[type="button"],
  1162. .action-item-large-primary-active,
  1163. .action-item-large-primary-active[type="reset"],
  1164. .action-item-large-primary-active[type="submit"],
  1165. .action-item-large-primary-active[type="button"], .action-item-primary-active:link,
  1166. .action-item-small-primary-active:link,
  1167. .action-item-large-primary-active:link, .action-item-primary-active:visited,
  1168. .action-item-small-primary-active:visited,
  1169. .action-item-large-primary-active:visited {
  1170. color: white;
  1171. }
  1172. .action-item-primary-active:hover,
  1173. .action-item-small-primary-active:hover,
  1174. .action-item-large-primary-active:hover {
  1175. color: white;
  1176. background-color: #3ea729;
  1177. -webkit-box-shadow: inset 0.1em 0.1em 0.2em #102c0b;
  1178. -moz-box-shadow: inset 0.1em 0.1em 0.2em #102c0b;
  1179. box-shadow: inset 0.1em 0.1em 0.2em #102c0b;
  1180. border-color: #184010;
  1181. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  1182. }
  1183. .action-item-primary-active:focus,
  1184. .action-item-small-primary-active:focus,
  1185. .action-item-large-primary-active:focus, .action-item-primary-active:active,
  1186. .action-item-small-primary-active:active,
  1187. .action-item-large-primary-active:active {
  1188. background: #46bb2e;
  1189. -webkit-box-shadow: inset 0.1em 0.1em 0.2em #184010;
  1190. -moz-box-shadow: inset 0.1em 0.1em 0.2em #184010;
  1191. box-shadow: inset 0.1em 0.1em 0.2em #184010;
  1192. border-color: #27691a;
  1193. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  1194. }
  1195. [disabled].action-item-primary-active,
  1196. [disabled].action-item-small-primary-active,
  1197. [disabled].action-item-large-primary-active {
  1198. color: #85dc73;
  1199. background: #46bb2e;
  1200. border-color: #27691a;
  1201. -webkit-box-shadow: none;
  1202. -moz-box-shadow: none;
  1203. box-shadow: none;
  1204. text-shadow: none;
  1205. }
  1206. .button,
  1207. button,
  1208. [type="reset"],
  1209. [type="submit"],
  1210. [type="button"],
  1211. [class*="action-item"] {
  1212. max-width: 100%;
  1213. }
  1214. @media only screen and (max-width: 480px) {
  1215. .button:not(.action-item-inline, .action-item-merge),
  1216. button:not(.action-item-inline, .action-item-merge),
  1217. [type="reset"]:not(.action-item-inline, .action-item-merge),
  1218. [type="submit"]:not(.action-item-inline, .action-item-merge),
  1219. [type="button"]:not(.action-item-inline, .action-item-merge),
  1220. [class*="action-item"]:not(.action-item-inline, .action-item-merge) {
  1221. display: block;
  1222. width: 100%;
  1223. margin: .5em 0;
  1224. }
  1225. }
  1226. #panels-ipe-control-container .button, #panels-ipe-control-container
  1227. button, #panels-ipe-control-container
  1228. [type="reset"], #panels-ipe-control-container
  1229. [type="submit"], #panels-ipe-control-container
  1230. [type="button"], #panels-ipe-control-container
  1231. [class*="action-item"] {
  1232. text-shadow: none;
  1233. }
  1234. .action-item-merge + .action-item-merge {
  1235. -moz-border-radius-topleft: 0;
  1236. -webkit-border-top-left-radius: 0;
  1237. border-top-left-radius: 0;
  1238. -moz-border-radius-bottomleft: 0;
  1239. -webkit-border-bottom-left-radius: 0;
  1240. border-bottom-left-radius: 0;
  1241. margin-left: -.5em;
  1242. }
  1243. .action-item-append,
  1244. .action-item-small-append,
  1245. .action-item-large-append {
  1246. position: relative;
  1247. padding-right: .5em;
  1248. padding-left: .5em;
  1249. }
  1250. .action-item-append, .action-item-append:active, .action-item-append:focus, .action-item-append:hover,
  1251. .action-item-small-append,
  1252. .action-item-small-append:active,
  1253. .action-item-small-append:focus,
  1254. .action-item-small-append:hover,
  1255. .action-item-large-append,
  1256. .action-item-large-append:active,
  1257. .action-item-large-append:focus,
  1258. .action-item-large-append:hover {
  1259. background: #cccccc;
  1260. border-color: #858585;
  1261. color: #333333;
  1262. cursor: default;
  1263. text-shadow: none;
  1264. }
  1265. .action-item-append:before, .action-item-append:after,
  1266. .action-item-small-append:before,
  1267. .action-item-small-append:after,
  1268. .action-item-large-append:before,
  1269. .action-item-large-append:after {
  1270. content: "";
  1271. display: block;
  1272. position: absolute;
  1273. top: 50%;
  1274. border-color: transparent;
  1275. border-style: solid;
  1276. }
  1277. .action-item-append:before,
  1278. .action-item-small-append:before,
  1279. .action-item-large-append:before {
  1280. left: -10px;
  1281. margin-top: -5px;
  1282. border-width: 5px;
  1283. border-right-color: #858585;
  1284. }
  1285. .action-item-append:after,
  1286. .action-item-small-append:after,
  1287. .action-item-large-append:after {
  1288. left: -8px;
  1289. margin-top: -4px;
  1290. border-width: 4px;
  1291. border-right-color: #cccccc;
  1292. }
  1293. /* Reset some styles for the admin toolbar. */
  1294. .drupal-navbar .icon.handle {
  1295. margin: 0;
  1296. padding: 0;
  1297. }
  1298. .drupal-navbar .icon.handle:hover {
  1299. background: none;
  1300. }
  1301. /* Make the disabled buttons subdued. */
  1302. [disabled], [disabled] option, [disabled] optgroup {
  1303. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  1304. opacity: 0.6;
  1305. -moz-user-select: -moz-none;
  1306. -webkit-user-select: none;
  1307. -khtml-user-select: none;
  1308. user-select: none;
  1309. cursor: normal;
  1310. }
  1311. /**
  1312. * Specialty buttons
  1313. */
  1314. /* Like widget */
  1315. .rate-widget-commons_like {
  1316. white-space: nowrap;
  1317. }
  1318. .rate-commons-like-btn:before {
  1319. background: url('../images/icons-s34f2cfa4c8.png') 0 -563px no-repeat;
  1320. width: 10px;
  1321. height: 14px;
  1322. display: inline-block;
  1323. margin-right: 3px;
  1324. position: relative;
  1325. top: 1px;
  1326. content: "";
  1327. margin-top: -2px;
  1328. margin-bottom: -2px;
  1329. }
  1330. /* Follow buttons */
  1331. [class*="flag-commons-follow-"] .flag-action {
  1332. white-space: nowrap;
  1333. }
  1334. [class*="flag-commons-follow-"] .flag-action:before {
  1335. content: "";
  1336. background: url('../images/icons-s34f2cfa4c8.png') 0 -1050px no-repeat;
  1337. width: 13px;
  1338. height: 11px;
  1339. display: inline-block;
  1340. margin-right: 3px;
  1341. position: relative;
  1342. top: 1px;
  1343. }
  1344. [class*="flag-commons-follow-"] .flag-throbber {
  1345. display: none;
  1346. }
  1347. [class*="flag-commons-follow-"] .flag-message {
  1348. display: none !important;
  1349. }
  1350. /* Report as inappropriate */
  1351. .flag-inappropriate-node,
  1352. .flag-inappropriate-comment {
  1353. display: block;
  1354. clear: both;
  1355. margin: 1em 0 0;
  1356. }
  1357. .flag-inappropriate-node .flag-action:before,
  1358. .flag-inappropriate-comment .flag-action:before {
  1359. content: "";
  1360. background: url('../images/icons-s34f2cfa4c8.png') 0 -1081px no-repeat;
  1361. width: 12px;
  1362. height: 10px;
  1363. display: inline-block;
  1364. margin-right: 3px;
  1365. position: relative;
  1366. top: 1px;
  1367. }
  1368. /* ShareThis */
  1369. .sharethis-buttons {
  1370. position: relative;
  1371. }
  1372. .sharethis-buttons:before {
  1373. content: "";
  1374. background: url('../images/icons-s34f2cfa4c8.png') 0 -958px no-repeat;
  1375. width: 12px;
  1376. height: 12px;
  1377. display: inline-block;
  1378. margin-right: 3px;
  1379. position: relative;
  1380. top: 1px;
  1381. }
  1382. .sharethis-wrapper {
  1383. position: absolute;
  1384. left: 0;
  1385. bottom: 80%;
  1386. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  1387. opacity: 0;
  1388. visibility: hidden;
  1389. white-space: nowrap;
  1390. background: white;
  1391. border: 1px solid #46ba31;
  1392. -webkit-border-radius: 2px;
  1393. -moz-border-radius: 2px;
  1394. -ms-border-radius: 2px;
  1395. -o-border-radius: 2px;
  1396. border-radius: 2px;
  1397. padding: 10px;
  1398. margin-bottom: 10px;
  1399. -webkit-transition: opacity 0.3s ease, bottom 0.3s ease, visibility 0.3s ease;
  1400. -webkit-transition-delay: 0.4s, 0.4s, 0.4s;
  1401. -moz-transition: opacity 0.3s ease 0.4s, bottom 0.3s ease 0.4s, visibility 0.3s ease 0.4s;
  1402. -o-transition: opacity 0.3s ease 0.4s, bottom 0.3s ease 0.4s, visibility 0.3s ease 0.4s;
  1403. transition: opacity 0.3s ease 0.4s, bottom 0.3s ease 0.4s, visibility 0.3s ease 0.4s;
  1404. z-index: 9;
  1405. }
  1406. .sharethis-wrapper:before, .sharethis-wrapper:after {
  1407. display: block;
  1408. content: "";
  1409. width: 0;
  1410. height: 0;
  1411. border-style: solid;
  1412. border-color: transparent;
  1413. position: absolute;
  1414. top: 100%;
  1415. z-index: 10;
  1416. }
  1417. .sharethis-wrapper:before {
  1418. border-width: 10px;
  1419. border-top-color: #46ba31;
  1420. left: 10px;
  1421. }
  1422. .sharethis-wrapper:after {
  1423. border-width: 9px;
  1424. border-top-color: white;
  1425. left: 11px;
  1426. }
  1427. .sharethis-wrapper > span {
  1428. display: inline-block;
  1429. margin-top: -5px;
  1430. }
  1431. .sharethis:hover .sharethis-wrapper, .sharethis-buttons:active .sharethis-wrapper {
  1432. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  1433. opacity: 1;
  1434. visibility: visible;
  1435. bottom: 100%;
  1436. }
  1437. .sharethis-buttons:active .sharethis-wrapper {
  1438. -webkit-transition-delay: 0s;
  1439. -moz-transition-delay: 0s;
  1440. -o-transition-delay: 0s;
  1441. transition-delay: 0s;
  1442. }
  1443. /* Comments */
  1444. .comment-comments {
  1445. white-space: nowrap;
  1446. }
  1447. .comment-comments .action-item-small {
  1448. padding-top: 0;
  1449. padding-right: 0;
  1450. padding-bottom: 0;
  1451. }
  1452. .comment-comments .action-item-small:before {
  1453. content: "";
  1454. background: url('../images/icons-s34f2cfa4c8.png') 0 -1238px no-repeat;
  1455. width: 13px;
  1456. height: 12px;
  1457. display: inline-block;
  1458. margin-right: 3px;
  1459. position: relative;
  1460. top: 1px;
  1461. }
  1462. .comment-comments .action-item-small-append {
  1463. margin: -1px -1px -1px 1em;
  1464. font-size: 1em;
  1465. -moz-border-radius-topleft: 0;
  1466. -webkit-border-top-left-radius: 0;
  1467. border-top-left-radius: 0;
  1468. -moz-border-radius-bottomleft: 0;
  1469. -webkit-border-bottom-left-radius: 0;
  1470. border-bottom-left-radius: 0;
  1471. }
  1472. /* Drupal specific field styling. */
  1473. .field-label-inline {
  1474. margin: 1.7em 0;
  1475. }
  1476. .field-label-inline .field-label,
  1477. .field-label-inline .field-items,
  1478. .field-label-inline .field-item {
  1479. display: inline;
  1480. float: none;
  1481. }
  1482. .field-label-inline .field-item {
  1483. margin: 0 .1em;
  1484. }
  1485. .field-label-inline .field-item:first-child {
  1486. margin-left: 0;
  1487. }
  1488. .field-label-inline .field-item:last-child {
  1489. margin-right: 0;
  1490. }
  1491. .field-label-inline .field-item:after {
  1492. content: ", ";
  1493. }
  1494. .field-label-inline .field-item:last-child:after {
  1495. content: "";
  1496. }
  1497. .field-label-inline .field-label {
  1498. font-weight: bold;
  1499. color: #333333;
  1500. }
  1501. /**
  1502. * User avatar
  1503. */
  1504. .user-picture-available {
  1505. position: relative;
  1506. padding-left: 68px;
  1507. }
  1508. .user-picture-available .user-picture {
  1509. position: absolute;
  1510. float: left;
  1511. width: 50px;
  1512. margin-left: -68px;
  1513. top: 0;
  1514. }
  1515. .user-picture-available .user-picture img {
  1516. width: 50px;
  1517. }
  1518. @media only screen and (max-width: 480px) {
  1519. .user-picture-available {
  1520. padding-left: 0;
  1521. }
  1522. .user-picture-available .user-picture {
  1523. display: none;
  1524. }
  1525. }
  1526. /**
  1527. * Filter drawer accessories
  1528. */
  1529. .filter-trigger {
  1530. display: none;
  1531. background: white;
  1532. -webkit-box-sizing: border-box;
  1533. -moz-box-sizing: border-box;
  1534. box-sizing: border-box;
  1535. padding: 5px;
  1536. position: absolute;
  1537. top: 0;
  1538. left: -39px;
  1539. width: 40px;
  1540. border: 1px solid #cccccc;
  1541. border-right: none;
  1542. -webkit-border-radius: 3px 0 0 3px;
  1543. -moz-border-radius: 3px 0 0 3px;
  1544. -ms-border-radius: 3px 0 0 3px;
  1545. -o-border-radius: 3px 0 0 3px;
  1546. border-radius: 3px 0 0 3px;
  1547. text-align: center;
  1548. font: 0/0 a;
  1549. line-height: 0;
  1550. color: transparent;
  1551. -webkit-box-shadow: rgba(51, 51, 51, 0.4) -1px 1px 2px;
  1552. -moz-box-shadow: rgba(51, 51, 51, 0.4) -1px 1px 2px;
  1553. box-shadow: rgba(51, 51, 51, 0.4) -1px 1px 2px;
  1554. cursor: pointer;
  1555. z-index: 1;
  1556. }
  1557. .filter-trigger:after {
  1558. content: "\00ab";
  1559. display: block;
  1560. font-size: 38.4px;
  1561. line-height: .8em;
  1562. padding-bottom: .15em;
  1563. color: #336699;
  1564. }
  1565. .expanded .filter-trigger:after {
  1566. content: "\00bb";
  1567. }
  1568. .filter-trigger.following {
  1569. position: fixed;
  1570. right: 0;
  1571. left: auto;
  1572. }
  1573. .filters-processed.expanded .region-inner {
  1574. position: relative;
  1575. border: 1px solid #cccccc;
  1576. border-right: none;
  1577. z-index: 0;
  1578. -webkit-box-shadow: rgba(51, 51, 51, 0.4) -1px 1px 2px;
  1579. -moz-box-shadow: rgba(51, 51, 51, 0.4) -1px 1px 2px;
  1580. box-shadow: rgba(51, 51, 51, 0.4) -1px 1px 2px;
  1581. }
  1582. .filter-overlay {
  1583. position: fixed;
  1584. top: 0;
  1585. left: 0;
  1586. display: none;
  1587. width: 100%;
  1588. height: 100%;
  1589. overflow: hidden;
  1590. background: rgba(255, 255, 255, 0.8);
  1591. }
  1592. /**
  1593. * Aggregator feed source
  1594. */
  1595. #aggregator .feed-source .feed-icon {
  1596. display: inline;
  1597. float: none;
  1598. margin-right: 10px;
  1599. }
  1600. .feed-details dt,
  1601. .feed-details dd {
  1602. display: inline;
  1603. margin: 0;
  1604. }
  1605. /**
  1606. * Generic styles for the more link
  1607. */
  1608. .more-link {
  1609. background-image: url('../images/icons/icon-more.png?1400601840');
  1610. background-repeat: no-repeat;
  1611. min-height: 14px;
  1612. padding: 0 0 0 1.7em;
  1613. float: right;
  1614. font-size: 0.85em;
  1615. line-height: 14px;
  1616. margin-top: 10px;
  1617. }
  1618. .more-link a {
  1619. color: #858585;
  1620. }
  1621. /**
  1622. * Generic styles for links. See the ul.links declaration in node and comment stylesheets
  1623. */
  1624. ul.links {
  1625. margin: 0;
  1626. padding: 0;
  1627. }
  1628. ul.links.inline {
  1629. display: block;
  1630. }
  1631. ul.links li {
  1632. display: inline-block;
  1633. list-style: none;
  1634. }
  1635. .quicktabs-style-commons-pills ul.quicktabs-tabs,
  1636. ul.primary.tabs {
  1637. border-bottom: none;
  1638. padding: 0;
  1639. }
  1640. .quicktabs-style-commons-pills ul.quicktabs-tabs li,
  1641. ul.primary.tabs li {
  1642. margin-bottom: 5px;
  1643. margin-top: 5px;
  1644. }
  1645. .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  1646. ul.primary.tabs li a {
  1647. background-color: rgba(153, 153, 153, 0.3);
  1648. -webkit-border-radius: 3px;
  1649. -moz-border-radius: 3px;
  1650. -ms-border-radius: 3px;
  1651. -o-border-radius: 3px;
  1652. border-radius: 3px;
  1653. padding: .3em .8em;
  1654. display: inline-block;
  1655. border: none;
  1656. }
  1657. .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  1658. .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  1659. ul.primary.tabs li a,
  1660. ul.primary.tabs li a span {
  1661. color: #2783b9;
  1662. }
  1663. .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  1664. ul.primary.tabs li a:hover {
  1665. text-decoration: none;
  1666. background-color: rgba(153, 153, 153, 0.3);
  1667. color: #336699;
  1668. }
  1669. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  1670. ul.primary.tabs li.active a {
  1671. position: relative;
  1672. background-color: #999999;
  1673. border: none;
  1674. }
  1675. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a, .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a:hover,
  1676. ul.primary.tabs li.active a,
  1677. ul.primary.tabs li.active a:hover {
  1678. background-color: #999999;
  1679. }
  1680. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  1681. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  1682. ul.primary.tabs li.active a,
  1683. ul.primary.tabs li.active a span {
  1684. color: #333333;
  1685. }
  1686. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a:after,
  1687. ul.primary.tabs li.active a:after {
  1688. position: absolute;
  1689. bottom: -.7em;
  1690. left: 50%;
  1691. display: block;
  1692. width: 0;
  1693. height: 0;
  1694. overflow: hidden;
  1695. margin-left: -.6em;
  1696. content: "";
  1697. border-width: .4em .6em;
  1698. border-style: solid;
  1699. border-color: #999999 transparent transparent;
  1700. }
  1701. .quicktabs-style-commons-pills ul.quicktabs-tabs li {
  1702. text-transform: uppercase;
  1703. font-size: .8em;
  1704. }
  1705. /**
  1706. * H1 Node title
  1707. */
  1708. h1.node-title {
  1709. color: #336699;
  1710. font-size: 20px;
  1711. }
  1712. h1.node-title a {
  1713. text-decoration: none;
  1714. color: #336699;
  1715. }
  1716. h1.node-title a:hover {
  1717. text-decoration: underline;
  1718. }
  1719. /**
  1720. * Main wrapper for most blocks, block_system_main does not have it
  1721. */
  1722. .block {
  1723. margin-bottom: 20px;
  1724. }
  1725. .block-title {
  1726. font-size: 20px;
  1727. line-height: 1.2em;
  1728. margin-top: 0;
  1729. margin-bottom: .4em;
  1730. color: #666666;
  1731. }
  1732. /**
  1733. * Match item list and block menu margin and padding
  1734. */
  1735. .block-content ul,
  1736. .block-content ol {
  1737. padding: 0 0 0 15px;
  1738. }
  1739. .block-content li {
  1740. margin: 0;
  1741. padding: 0;
  1742. }
  1743. /* Views exposed form */
  1744. .views-exposed-form .views-exposed-widget {
  1745. float: none;
  1746. padding: 0;
  1747. margin: 1.7em 0;
  1748. }
  1749. .views-exposed-form .views-exposed-widget:first-child {
  1750. margin-top: 0;
  1751. }
  1752. .views-exposed-form .views-exposed-widget:last-child {
  1753. margin-bottom: 0;
  1754. }
  1755. .views-exposed-form .views-exposed-widget .form-submit {
  1756. margin-top: 0;
  1757. }
  1758. .keyword-filter .views-widget-filter-keys,
  1759. .keyword-filter .views-submit-button {
  1760. float: left;
  1761. -webkit-box-sizing: border-box;
  1762. -moz-box-sizing: border-box;
  1763. box-sizing: border-box;
  1764. margin-top: 0;
  1765. }
  1766. .keyword-filter .views-widget-filter-keys {
  1767. margin-right: -6.5em;
  1768. margin-bottom: 0;
  1769. padding-right: 6.75em;
  1770. width: 100%;
  1771. }
  1772. .keyword-filter .views-widget-filter-keys label {
  1773. margin-top: 0;
  1774. }
  1775. @media only screen and (max-width: 768px) {
  1776. .keyword-filter .views-widget-filter-keys {
  1777. margin-right: 0;
  1778. padding-right: 0;
  1779. }
  1780. }
  1781. .keyword-filter .views-submit-button {
  1782. padding-top: 2.15em;
  1783. }
  1784. @media only screen and (max-width: 768px) {
  1785. .keyword-filter .views-submit-button {
  1786. margin-top: .5em;
  1787. padding-top: 0;
  1788. }
  1789. }
  1790. /* Generic row styles */
  1791. .views-row {
  1792. border-bottom: 1px solid #cccccc;
  1793. padding-bottom: .7em;
  1794. margin-bottom: .7em;
  1795. position: relative;
  1796. }
  1797. .views-row .views-row {
  1798. margin-top: .4em;
  1799. margin-bottom: .4em;
  1800. padding-bottom: 0;
  1801. }
  1802. .views-row .views-row, .views-row.views-row-last {
  1803. border-bottom: none;
  1804. }
  1805. .views-row.views-row-last {
  1806. padding-bottom: 0;
  1807. margin-bottom: 0;
  1808. }
  1809. .view-plain .views-row {
  1810. border-bottom: none;
  1811. padding-bottom: 0;
  1812. margin: .3em 0;
  1813. }
  1814. .view-plain .views-row:first-child {
  1815. margin-top: 0;
  1816. }
  1817. .view-plain .views-row:last-child {
  1818. margin-bottom: 0;
  1819. }
  1820. /* Apply icons to row row types. */
  1821. [class*="row-type-"] {
  1822. -webkit-box-sizing: border-box;
  1823. -moz-box-sizing: border-box;
  1824. box-sizing: border-box;
  1825. padding-left: 20px;
  1826. }
  1827. [class*="row-type-"]:before {
  1828. content: "";
  1829. float: left;
  1830. margin-top: .1em;
  1831. margin-left: -20px;
  1832. }
  1833. .node-content-type:before {
  1834. content: "";
  1835. }
  1836. .row-type-event:before,
  1837. .node-content-type-event:before {
  1838. background: url('../images/icons-s34f2cfa4c8.png') 0 -692px no-repeat;
  1839. width: 12px;
  1840. height: 12px;
  1841. display: inline-block;
  1842. margin-right: 3px;
  1843. position: relative;
  1844. top: 1px;
  1845. }
  1846. .row-type-page:before,
  1847. .node-content-type-page:before,
  1848. .row-type-document:before,
  1849. .node-content-type-document:before {
  1850. background: url('../images/icons-s34f2cfa4c8.png') 0 -1302px no-repeat;
  1851. width: 9px;
  1852. height: 12px;
  1853. display: inline-block;
  1854. margin-right: 3px;
  1855. position: relative;
  1856. top: 1px;
  1857. }
  1858. .row-type-poll:before,
  1859. .node-content-type-poll:before {
  1860. background: url('../images/icons-s34f2cfa4c8.png') 0 -661px no-repeat;
  1861. width: 11px;
  1862. height: 11px;
  1863. display: inline-block;
  1864. margin-right: 3px;
  1865. position: relative;
  1866. top: 1px;
  1867. }
  1868. .row-type-post:before,
  1869. .node-content-type-post:before {
  1870. background: url('../images/icons-s34f2cfa4c8.png') 0 -1175px no-repeat;
  1871. width: 11px;
  1872. height: 11px;
  1873. display: inline-block;
  1874. margin-right: 3px;
  1875. position: relative;
  1876. top: 1px;
  1877. }
  1878. .row-type-question:before,
  1879. .row-type-answer:before,
  1880. .node-content-type-question:before,
  1881. .node-content-type-answer:before {
  1882. background: url('../images/icons-s34f2cfa4c8.png') 0 -597px no-repeat;
  1883. width: 13px;
  1884. height: 13px;
  1885. display: inline-block;
  1886. margin-right: 3px;
  1887. position: relative;
  1888. top: 1px;
  1889. }
  1890. .row-type-wiki:before,
  1891. .node-content-type-wiki:before {
  1892. background: url('../images/icons-s34f2cfa4c8.png') 0 -396px no-repeat;
  1893. width: 13px;
  1894. height: 13px;
  1895. display: inline-block;
  1896. margin-right: 3px;
  1897. position: relative;
  1898. top: 1px;
  1899. }
  1900. /* Titles fields */
  1901. .views-field-title {
  1902. font-weight: 500;
  1903. line-height: 1.4em;
  1904. }
  1905. /* Meta data */
  1906. .views-field-field-date,
  1907. .views-field-timestamp,
  1908. .views-field-field-location,
  1909. .views-field-capacity-used,
  1910. .views-field-comment-count {
  1911. font-size: 0.88em;
  1912. }
  1913. .views-field-timestamp,
  1914. .views-field-field-location,
  1915. .views-field-capacity-used,
  1916. .views-field-comment-count {
  1917. color: #858585;
  1918. }
  1919. .views-field-timestamp strong,
  1920. .views-field-field-location strong,
  1921. .views-field-capacity-used strong,
  1922. .views-field-comment-count strong {
  1923. color: #333333;
  1924. }
  1925. .views-field-timestamp,
  1926. .views-field-field-location,
  1927. .views-field-capacity-used,
  1928. .views-field-comment-count {
  1929. display: inline-block;
  1930. margin-right: .3em;
  1931. }
  1932. /* User picture wrapping and shadow */
  1933. .view-commons-homepage-content .content,
  1934. .view-commons-homepage-content .message,
  1935. .view-commons-homepage-content .views-field-timestamp,
  1936. .view-commons-homepage-content .views-field-nothing,
  1937. .view-commons-activity-streams-activity .content,
  1938. .view-commons-activity-streams-activity .message,
  1939. .view-commons-activity-streams-activity .views-field-timestamp,
  1940. .view-commons-activity-streams-activity .views-field-nothing,
  1941. .view-activity-group .content,
  1942. .view-activity-group .message,
  1943. .view-activity-group .views-field-timestamp,
  1944. .view-activity-group .views-field-nothing,
  1945. .view-commons-activity-streams-user-activity .content,
  1946. .view-commons-activity-streams-user-activity .message,
  1947. .view-commons-activity-streams-user-activity .views-field-timestamp,
  1948. .view-commons-activity-streams-user-activity .views-field-nothing {
  1949. padding-left: 58px;
  1950. }
  1951. .view-commons-homepage-content .content .user-picture,
  1952. .view-commons-homepage-content .message .user-picture,
  1953. .view-commons-homepage-content .views-field-timestamp .user-picture,
  1954. .view-commons-homepage-content .views-field-nothing .user-picture,
  1955. .view-commons-activity-streams-activity .content .user-picture,
  1956. .view-commons-activity-streams-activity .message .user-picture,
  1957. .view-commons-activity-streams-activity .views-field-timestamp .user-picture,
  1958. .view-commons-activity-streams-activity .views-field-nothing .user-picture,
  1959. .view-activity-group .content .user-picture,
  1960. .view-activity-group .message .user-picture,
  1961. .view-activity-group .views-field-timestamp .user-picture,
  1962. .view-activity-group .views-field-nothing .user-picture,
  1963. .view-commons-activity-streams-user-activity .content .user-picture,
  1964. .view-commons-activity-streams-user-activity .message .user-picture,
  1965. .view-commons-activity-streams-user-activity .views-field-timestamp .user-picture,
  1966. .view-commons-activity-streams-user-activity .views-field-nothing .user-picture {
  1967. position: absolute;
  1968. float: left;
  1969. width: 40px;
  1970. margin-left: -58px;
  1971. top: 0;
  1972. }
  1973. .view-commons-homepage-content .content .user-picture img,
  1974. .view-commons-homepage-content .message .user-picture img,
  1975. .view-commons-homepage-content .views-field-timestamp .user-picture img,
  1976. .view-commons-homepage-content .views-field-nothing .user-picture img,
  1977. .view-commons-activity-streams-activity .content .user-picture img,
  1978. .view-commons-activity-streams-activity .message .user-picture img,
  1979. .view-commons-activity-streams-activity .views-field-timestamp .user-picture img,
  1980. .view-commons-activity-streams-activity .views-field-nothing .user-picture img,
  1981. .view-activity-group .content .user-picture img,
  1982. .view-activity-group .message .user-picture img,
  1983. .view-activity-group .views-field-timestamp .user-picture img,
  1984. .view-activity-group .views-field-nothing .user-picture img,
  1985. .view-commons-activity-streams-user-activity .content .user-picture img,
  1986. .view-commons-activity-streams-user-activity .message .user-picture img,
  1987. .view-commons-activity-streams-user-activity .views-field-timestamp .user-picture img,
  1988. .view-commons-activity-streams-user-activity .views-field-nothing .user-picture img {
  1989. width: 40px;
  1990. }
  1991. @media only screen and (max-width: 480px) {
  1992. .view-commons-homepage-content .content,
  1993. .view-commons-homepage-content .message,
  1994. .view-commons-homepage-content .views-field-timestamp,
  1995. .view-commons-homepage-content .views-field-nothing,
  1996. .view-commons-activity-streams-activity .content,
  1997. .view-commons-activity-streams-activity .message,
  1998. .view-commons-activity-streams-activity .views-field-timestamp,
  1999. .view-commons-activity-streams-activity .views-field-nothing,
  2000. .view-activity-group .content,
  2001. .view-activity-group .message,
  2002. .view-activity-group .views-field-timestamp,
  2003. .view-activity-group .views-field-nothing,
  2004. .view-commons-activity-streams-user-activity .content,
  2005. .view-commons-activity-streams-user-activity .message,
  2006. .view-commons-activity-streams-user-activity .views-field-timestamp,
  2007. .view-commons-activity-streams-user-activity .views-field-nothing {
  2008. padding-left: 0;
  2009. }
  2010. .view-commons-homepage-content .content .user-picture,
  2011. .view-commons-homepage-content .message .user-picture,
  2012. .view-commons-homepage-content .views-field-timestamp .user-picture,
  2013. .view-commons-homepage-content .views-field-nothing .user-picture,
  2014. .view-commons-activity-streams-activity .content .user-picture,
  2015. .view-commons-activity-streams-activity .message .user-picture,
  2016. .view-commons-activity-streams-activity .views-field-timestamp .user-picture,
  2017. .view-commons-activity-streams-activity .views-field-nothing .user-picture,
  2018. .view-activity-group .content .user-picture,
  2019. .view-activity-group .message .user-picture,
  2020. .view-activity-group .views-field-timestamp .user-picture,
  2021. .view-activity-group .views-field-nothing .user-picture,
  2022. .view-commons-activity-streams-user-activity .content .user-picture,
  2023. .view-commons-activity-streams-user-activity .message .user-picture,
  2024. .view-commons-activity-streams-user-activity .views-field-timestamp .user-picture,
  2025. .view-commons-activity-streams-user-activity .views-field-nothing .user-picture {
  2026. display: none;
  2027. }
  2028. }
  2029. .view-activity-group .views-row h2,
  2030. .view-commons-activity-streams-activity .views-row h2,
  2031. .view-commons-activity-streams-user-activity .views-row h2 {
  2032. display: none;
  2033. }
  2034. .view-activity-group .views-row .user-picture,
  2035. .view-commons-activity-streams-activity .views-row .user-picture,
  2036. .view-commons-activity-streams-user-activity .views-row .user-picture {
  2037. top: 5px;
  2038. }
  2039. .view-activity-group .views-row .user-picture img,
  2040. .view-commons-activity-streams-activity .views-row .user-picture img,
  2041. .view-commons-activity-streams-user-activity .views-row .user-picture img {
  2042. width: 40px;
  2043. }
  2044. .page-node .field-label {
  2045. color: #369;
  2046. }
  2047. .page-node .field-name-field-topics,
  2048. .page-node .field-name-og-group-ref {
  2049. margin: 0;
  2050. }
  2051. .page-node .field-name-field-topics .field-label,
  2052. .page-node .field-name-og-group-ref .field-label {
  2053. display: block;
  2054. }
  2055. .page-node .field-name-field-topics.view-mode-full,
  2056. .page-node .field-name-og-group-ref.view-mode-full {
  2057. float: left;
  2058. width: 50%;
  2059. }
  2060. .page-node .field-name-field-topics.view-mode-full .field-items,
  2061. .page-node .field-name-og-group-ref.view-mode-full .field-items {
  2062. margin: 0;
  2063. list-style: none;
  2064. padding: 0;
  2065. }
  2066. .page-node .field-name-field-topics.view-mode-full .field-items .field-item,
  2067. .page-node .field-name-og-group-ref.view-mode-full .field-items .field-item {
  2068. display: inline-block;
  2069. margin: 0 .3em;
  2070. padding: 0;
  2071. }
  2072. .page-node .field-name-field-topics.view-mode-full .field-items .field-item:first-child,
  2073. .page-node .field-name-og-group-ref.view-mode-full .field-items .field-item:first-child {
  2074. margin-left: 0;
  2075. }
  2076. .page-node .field-name-field-topics.view-mode-full .field-items .field-item:last-child,
  2077. .page-node .field-name-og-group-ref.view-mode-full .field-items .field-item:last-child {
  2078. margin-right: 0;
  2079. }
  2080. .page-node .field-name-field-topics.view-mode-full .field-items .field-item:after,
  2081. .page-node .field-name-og-group-ref.view-mode-full .field-items .field-item:after {
  2082. content: "";
  2083. }
  2084. @media only screen and (max-width: 480px) {
  2085. .page-node .field-name-field-topics.view-mode-full,
  2086. .page-node .field-name-og-group-ref.view-mode-full {
  2087. float: none;
  2088. width: auto;
  2089. margin: 1.7em 0;
  2090. }
  2091. }
  2092. .page-node .field-name-field-topics .field-item:before {
  2093. content: "";
  2094. background: url('../images/icons-s34f2cfa4c8.png') 0 -1364px no-repeat;
  2095. width: 8px;
  2096. height: 8px;
  2097. display: inline-block;
  2098. margin-right: 3px;
  2099. position: relative;
  2100. top: 1px;
  2101. top: -1px;
  2102. }
  2103. .page-node .field-name-og-group-ref .field-item:before {
  2104. content: "";
  2105. background: url('../images/icons-s34f2cfa4c8.png') 0 -990px no-repeat;
  2106. width: 8px;
  2107. height: 8px;
  2108. display: inline-block;
  2109. margin-right: 3px;
  2110. position: relative;
  2111. top: 1px;
  2112. top: -1px;
  2113. }
  2114. .page-node .node nav {
  2115. clear: both;
  2116. margin-top: 20px;
  2117. position: relative;
  2118. }
  2119. #comments {
  2120. margin: 0;
  2121. }
  2122. #comments .form-item-subject input {
  2123. width: 100%;
  2124. }
  2125. #comments .rate-widget-commons_like {
  2126. position: absolute;
  2127. right: 5px;
  2128. top: 15px;
  2129. }
  2130. .comments-title,
  2131. .comment-form-title {
  2132. margin-top: 0;
  2133. font-size: 2.2em;
  2134. line-height: 1.2em;
  2135. color: #333333;
  2136. }
  2137. .comments-title:before {
  2138. content: "";
  2139. background: url('../images/icons-s34f2cfa4c8.png') 0 -46px no-repeat;
  2140. width: 31px;
  2141. height: 24px;
  2142. display: inline-block;
  2143. margin-right: 3px;
  2144. position: relative;
  2145. top: 1px;
  2146. }
  2147. .comment-form {
  2148. margin-bottom: 0;
  2149. }
  2150. .comment-form:before {
  2151. display: none;
  2152. }
  2153. .comment {
  2154. padding-left: 68px;
  2155. border-bottom: 1px solid #eeeeee;
  2156. padding-bottom: 20px;
  2157. position: relative;
  2158. }
  2159. .comment .user-picture {
  2160. position: absolute;
  2161. float: left;
  2162. width: 50px;
  2163. margin-left: -68px;
  2164. top: 0;
  2165. }
  2166. .comment .user-picture img {
  2167. width: 50px;
  2168. }
  2169. @media only screen and (max-width: 480px) {
  2170. .comment {
  2171. padding-left: 0;
  2172. }
  2173. .comment .user-picture {
  2174. display: none;
  2175. }
  2176. }
  2177. .comment .author-datetime {
  2178. margin-bottom: 1.4em;
  2179. }
  2180. .comment-title,
  2181. .comment .author-datetime {
  2182. margin-right: 90px;
  2183. }
  2184. .comment-title {
  2185. margin-bottom: .2em;
  2186. }
  2187. ul.comment-links {
  2188. margin: .7em 0;
  2189. }
  2190. ul.comment-links li {
  2191. padding-left: 0;
  2192. }
  2193. .comment-reply {
  2194. float: right;
  2195. }
  2196. .comment-reply:before {
  2197. content: "";
  2198. background: url('../images/icons-s34f2cfa4c8.png') 0 -1206px no-repeat;
  2199. width: 13px;
  2200. height: 12px;
  2201. display: inline-block;
  2202. margin-right: 3px;
  2203. position: relative;
  2204. top: 1px;
  2205. margin-right: 8px;
  2206. top: 3px;
  2207. }
  2208. .comment-form .form-actions {
  2209. margin-bottom: 0;
  2210. }
  2211. .primary-fields,
  2212. .supplementary-fields {
  2213. display: -moz-inline-stack;
  2214. display: inline-block;
  2215. vertical-align: middle;
  2216. *vertical-align: auto;
  2217. zoom: 1;
  2218. *display: inline;
  2219. -webkit-box-sizing: border-box;
  2220. -moz-box-sizing: border-box;
  2221. box-sizing: border-box;
  2222. float: left;
  2223. }
  2224. .view-commons-question-answers .primary-fields, .view-commons-question-answers
  2225. .supplementary-fields {
  2226. display: block;
  2227. float: none;
  2228. width: auto;
  2229. padding: 0;
  2230. }
  2231. .primary-fields {
  2232. padding-right: 10px;
  2233. width: 66.666%;
  2234. }
  2235. .supplementary-fields {
  2236. padding-left: 10px;
  2237. width: 33.333%;
  2238. }
  2239. .form-actions {
  2240. clear: both;
  2241. }
  2242. /* Format the date range form items. */
  2243. .start-date-wrapper,
  2244. .end-date-wrapper {
  2245. clear: none;
  2246. width: auto;
  2247. max-width: 49%;
  2248. }
  2249. .start-date-wrapper,
  2250. .start-date-wrapper input,
  2251. .start-date-wrapper .form-item .form-type-textfield,
  2252. .start-date-wrapper .date-padding,
  2253. .start-date-wrapper .form-type-textfield,
  2254. .end-date-wrapper,
  2255. .end-date-wrapper input,
  2256. .end-date-wrapper .form-item .form-type-textfield,
  2257. .end-date-wrapper .date-padding,
  2258. .end-date-wrapper .form-type-textfield {
  2259. float: none;
  2260. display: inline-block;
  2261. min-width: inherit;
  2262. }
  2263. .start-date-wrapper .form-item input,
  2264. .end-date-wrapper .form-item input {
  2265. margin-right: auto;
  2266. }
  2267. .start-date-wrapper .form-type-textfield,
  2268. .end-date-wrapper .form-type-textfield {
  2269. max-width: 60%;
  2270. }
  2271. .start-date-wrapper .form-type-textfield:last-child,
  2272. .end-date-wrapper .form-type-textfield:last-child {
  2273. max-width: 30%;
  2274. }
  2275. .start-date-wrapper .form-type-date-popup,
  2276. .end-date-wrapper .form-type-date-popup {
  2277. margin: 0;
  2278. }
  2279. @media only screen and (max-width: 768px) {
  2280. .start-date-wrapper,
  2281. .end-date-wrapper {
  2282. display: block;
  2283. max-width: inherit;
  2284. margin: 10px auto;
  2285. }
  2286. }
  2287. .addressfield-container-inline > div.form-item {
  2288. display: inline-block;
  2289. float: none;
  2290. }
  2291. .addressfield-container-inline input[type="text"] {
  2292. width: auto;
  2293. }
  2294. .addressfield-container-inline:after {
  2295. content: "";
  2296. clear: none;
  2297. display: none;
  2298. }
  2299. .logo-available .field-name-field-date,
  2300. .logo-available .field-name-field-address,
  2301. .logo-available .field-name-field-offsite-url {
  2302. margin-left: 65px;
  2303. }
  2304. @media only screen and (max-width: 480px) {
  2305. .logo-available .field-name-field-date,
  2306. .logo-available .field-name-field-address,
  2307. .logo-available .field-name-field-offsite-url {
  2308. margin-left: 0;
  2309. }
  2310. }
  2311. .field-name-field-logo {
  2312. float: left;
  2313. width: 70px;
  2314. margin: .5em 0 0 -70px;
  2315. position: relative;
  2316. left: 70px;
  2317. }
  2318. .field-name-field-logo img {
  2319. display: block;
  2320. -webkit-box-sizing: border-box;
  2321. -moz-box-sizing: border-box;
  2322. box-sizing: border-box;
  2323. margin-bottom: 1.7em;
  2324. padding: 4px;
  2325. -webkit-border-radius: 3px;
  2326. -moz-border-radius: 3px;
  2327. -ms-border-radius: 3px;
  2328. -o-border-radius: 3px;
  2329. border-radius: 3px;
  2330. -webkit-box-shadow: #858585 1px 1px 4px;
  2331. -moz-box-shadow: #858585 1px 1px 4px;
  2332. box-shadow: #858585 1px 1px 4px;
  2333. background: white;
  2334. }
  2335. @media only screen and (max-width: 480px) {
  2336. .field-name-field-logo {
  2337. display: none;
  2338. }
  2339. }
  2340. .field-name-body {
  2341. margin-top: 1.7em;
  2342. }
  2343. .field-name-field-date {
  2344. font-weight: bold;
  2345. }
  2346. .adr .region, .node-type-event .adr .region, .panel-display .region .adr .region {
  2347. float: none;
  2348. padding: 0;
  2349. }
  2350. ul.node-action-links {
  2351. display: inline-block;
  2352. margin-top: 1.4em;
  2353. }
  2354. ul.node-action-links li {
  2355. padding: 0;
  2356. vertical-align: baseline;
  2357. }
  2358. ul.node-action-links li,
  2359. ul.node-action-links a {
  2360. margin: 0;
  2361. }
  2362. .view-commons-contributors-group .views-field-picture {
  2363. margin: 0 0 10px;
  2364. position: static;
  2365. line-height: 0;
  2366. }
  2367. .view-commons-contributors-group .views-field-picture img {
  2368. width: 40px;
  2369. }
  2370. .view-commons-contributors-group td {
  2371. padding: 0;
  2372. }
  2373. .view-commons-contributors-group tbody tr {
  2374. background-color: transparent;
  2375. }
  2376. /**
  2377. * Author/Submit line
  2378. */
  2379. .author-datetime {
  2380. color: #858585;
  2381. font-size: 0.88em;
  2382. }
  2383. .node-content-type {
  2384. color: #333333;
  2385. }
  2386. /**
  2387. * Featured/New Tags
  2388. */
  2389. .tag.featured {
  2390. width: 58px;
  2391. height: 22px;
  2392. display: inline-block;
  2393. background-image: url('../images/tag-featured.png?1400601840');
  2394. background-repeat: no-repeat;
  2395. margin: 6px 0 0 5px;
  2396. }
  2397. .tag.new {
  2398. width: 27px;
  2399. height: 22px;
  2400. display: inline-block;
  2401. background-image: url('../images/tag-new.png?1400601840');
  2402. background-repeat: no-repeat;
  2403. margin: 4px 0 0 5px;
  2404. }
  2405. /**
  2406. * User profile
  2407. */
  2408. .page-user .panel-display .region-three-33-top {
  2409. padding-left: 150px;
  2410. /* This feels hackish, but it is only for administrating the layout of the
  2411. page. It is still not ideal as it is inflexible and only works with the
  2412. current core functionality of commons. */
  2413. }
  2414. @media only screen and (max-width: 480px) {
  2415. .page-user .panel-display .region-three-33-top {
  2416. padding-left: 10px;
  2417. }
  2418. }
  2419. .page-user .panel-display .region-three-33-top .panels-ipe-portlet-wrapper:nth-last-child(-n+5) {
  2420. display: inline-block;
  2421. }
  2422. .page-user .pane-user-picture {
  2423. float: left;
  2424. margin-left: -140px;
  2425. }
  2426. .page-user .pane-user-picture .user-picture {
  2427. background: white;
  2428. margin-left: 0;
  2429. padding: 10px;
  2430. position: static;
  2431. -webkit-border-radius: 6px;
  2432. -moz-border-radius: 6px;
  2433. -ms-border-radius: 6px;
  2434. -o-border-radius: 6px;
  2435. border-radius: 6px;
  2436. -webkit-box-shadow: #858585 1px 1px 4px;
  2437. -moz-box-shadow: #858585 1px 1px 4px;
  2438. box-shadow: #858585 1px 1px 4px;
  2439. }
  2440. .page-user .pane-user-picture .user-picture img {
  2441. display: block;
  2442. }
  2443. @media only screen and (max-width: 480px) {
  2444. .page-user .pane-user-picture {
  2445. float: none;
  2446. margin-left: 0;
  2447. text-align: center;
  2448. }
  2449. }
  2450. .page-user .pane-user-field-facebook-url,
  2451. .page-user .pane-user-field-facebook-url a,
  2452. .page-user .pane-user-field-linkedin-url,
  2453. .page-user .pane-user-field-linkedin-url a,
  2454. .page-user .pane-user-field-twitter-url,
  2455. .page-user .pane-user-field-twitter-url a,
  2456. .page-user .pane-user-group-group,
  2457. .page-user .pane-user-group-group a,
  2458. .page-user .pane-user-flag-commons-follow-user-link,
  2459. .page-user .pane-user-flag-commons-follow-user-link a {
  2460. display: inline-block;
  2461. }
  2462. .page-user .pane-user-field-facebook-url a,
  2463. .page-user .pane-user-field-linkedin-url a,
  2464. .page-user .pane-user-field-twitter-url a {
  2465. margin-right: 1em;
  2466. }
  2467. .page-user .pane-user-field-facebook-url a:before,
  2468. .page-user .pane-user-field-linkedin-url a:before,
  2469. .page-user .pane-user-field-twitter-url a:before {
  2470. content: "";
  2471. display: inline-block;
  2472. vertical-align: middle;
  2473. }
  2474. @media only screen and (max-width: 480px) {
  2475. .page-user .pane-user-field-facebook-url a,
  2476. .page-user .pane-user-field-linkedin-url a,
  2477. .page-user .pane-user-field-twitter-url a {
  2478. text-indent: 100%;
  2479. white-space: nowrap;
  2480. overflow: hidden;
  2481. }
  2482. .page-user .pane-user-field-facebook-url a:before,
  2483. .page-user .pane-user-field-linkedin-url a:before,
  2484. .page-user .pane-user-field-twitter-url a:before {
  2485. content: normal;
  2486. }
  2487. }
  2488. @media only screen and (min-width: 481px) and (max-width: 768px) {
  2489. .page-user .pane-user-field-facebook-url,
  2490. .page-user .pane-user-field-linkedin-url,
  2491. .page-user .pane-user-field-twitter-url {
  2492. display: block;
  2493. }
  2494. }
  2495. .page-user .pane-user-field-facebook-url a:before {
  2496. background: url('../images/icons-s34f2cfa4c8.png') 0 -136px no-repeat;
  2497. width: 26px;
  2498. height: 26px;
  2499. display: inline-block;
  2500. margin-right: 3px;
  2501. position: relative;
  2502. top: 1px;
  2503. }
  2504. @media only screen and (max-width: 480px) {
  2505. .page-user .pane-user-field-facebook-url a {
  2506. background: url('../images/icons-s34f2cfa4c8.png') 0 -136px no-repeat;
  2507. width: 26px;
  2508. height: 26px;
  2509. display: inline-block;
  2510. margin-right: 3px;
  2511. position: relative;
  2512. top: 1px;
  2513. }
  2514. }
  2515. .page-user .pane-user-field-linkedin-url a:before {
  2516. background: url('../images/icons-s34f2cfa4c8.png') 0 0 no-repeat;
  2517. width: 26px;
  2518. height: 26px;
  2519. display: inline-block;
  2520. margin-right: 3px;
  2521. position: relative;
  2522. top: 1px;
  2523. }
  2524. @media only screen and (max-width: 480px) {
  2525. .page-user .pane-user-field-linkedin-url a {
  2526. background: url('../images/icons-s34f2cfa4c8.png') 0 0 no-repeat;
  2527. width: 26px;
  2528. height: 26px;
  2529. display: inline-block;
  2530. margin-right: 3px;
  2531. position: relative;
  2532. top: 1px;
  2533. }
  2534. }
  2535. .page-user .pane-user-field-twitter-url a:before {
  2536. background: url('../images/icons-s34f2cfa4c8.png') 0 -90px no-repeat;
  2537. width: 26px;
  2538. height: 26px;
  2539. display: inline-block;
  2540. margin-right: 3px;
  2541. position: relative;
  2542. top: 1px;
  2543. }
  2544. @media only screen and (max-width: 480px) {
  2545. .page-user .pane-user-field-twitter-url a {
  2546. background: url('../images/icons-s34f2cfa4c8.png') 0 -90px no-repeat;
  2547. width: 26px;
  2548. height: 26px;
  2549. display: inline-block;
  2550. margin-right: 3px;
  2551. position: relative;
  2552. top: 1px;
  2553. }
  2554. }
  2555. .page-user .pane-user-flag-commons-follow-user-link {
  2556. clear: both;
  2557. }
  2558. /**
  2559. * Group nodes
  2560. */
  2561. .pane-node-commons-groups-group-contributors-count-topics {
  2562. display: inline-block;
  2563. margin: 0;
  2564. }
  2565. .node-group .field-name-body {
  2566. margin-top: 1.4em;
  2567. }
  2568. .node-group .pane-node-flag-commons-follow-group-link {
  2569. display: inline-block;
  2570. position: absolute;
  2571. top: .5em;
  2572. right: 0;
  2573. margin: 0;
  2574. }
  2575. @media only screen and (max-width: 768px) {
  2576. .node-group .pane-node-flag-commons-follow-group-link {
  2577. position: static;
  2578. top: auto;
  2579. right: auto;
  2580. }
  2581. }
  2582. .group-recent-data {
  2583. display: inlline-block;
  2584. float: left;
  2585. -webkit-box-sizing: border-box;
  2586. -moz-box-sizing: border-box;
  2587. box-sizing: border-box;
  2588. width: 48%;
  2589. margin-bottom: 0;
  2590. margin-right: 4%;
  2591. }
  2592. @media only screen and (max-width: 768px) {
  2593. .group-recent-data {
  2594. float: none;
  2595. width: auto;
  2596. margin-bottom: 1.7em;
  2597. }
  2598. .group-recent-data:last-child {
  2599. margin-bottom: 0;
  2600. }
  2601. }
  2602. .group-recent-data-odd {
  2603. margin-right: 0;
  2604. }
  2605. /* =============================================================================
  2606. * Regions
  2607. * ========================================================================== */
  2608. /**
  2609. * Header region, embedded in the #header
  2610. */
  2611. .region-header {
  2612. display: inline-block;
  2613. text-align: left;
  2614. width: 19.3em;
  2615. }
  2616. @media only screen and (max-width: 768px) {
  2617. .region-header {
  2618. width: auto;
  2619. position: absolute;
  2620. right: 10px;
  2621. top: -1.5em;
  2622. }
  2623. }
  2624. /* =============================================================================
  2625. * Links
  2626. * ========================================================================== */
  2627. a {
  2628. text-decoration: none;
  2629. color: #2783b9;
  2630. }
  2631. a:hover, a:focus {
  2632. text-decoration: underline;
  2633. }
  2634. /* =============================================================================
  2635. * Primary, Secondary and Menu Bar region menus
  2636. * ========================================================================== */
  2637. #primary-menu-bar {
  2638. display: inline-block;
  2639. }
  2640. /**
  2641. * Use one of the following id's for granular control:
  2642. * - #menu-bar (menu bar region)
  2643. * - #primary-menu (main menu)
  2644. * - #secondary-menu (secondary/user menu)
  2645. * You can target all of these with .nav or div[id$="menu-bar"]
  2646. */
  2647. #menu-bar.nav {
  2648. display: inline-block;
  2649. vertical-align: top;
  2650. margin: 0 0 -9999em;
  2651. padding-bottom: 9999em;
  2652. }
  2653. #menu-bar.nav h3.block-title {
  2654. display: none;
  2655. }
  2656. #menu-bar.nav ul.menu {
  2657. margin: 0;
  2658. padding: 0;
  2659. }
  2660. #menu-bar.nav ul.menu li {
  2661. display: inline-block;
  2662. float: left;
  2663. list-style: none;
  2664. margin: 0;
  2665. padding: 0;
  2666. }
  2667. #menu-bar.nav ul.menu li:hover, #menu-bar.nav ul.menu li.active-trail {
  2668. background: url('../images/main-nav-hover.png?1400601840') repeat-x left top;
  2669. }
  2670. #menu-bar.nav ul.menu li:hover .arrow:before, #menu-bar.nav ul.menu li.active-trail .arrow:before {
  2671. content: "";
  2672. display: block;
  2673. position: absolute;
  2674. bottom: 0px;
  2675. left: 0px;
  2676. width: 0px;
  2677. height: 0px;
  2678. border-style: solid;
  2679. border-width: 0 7px 8px 7px;
  2680. border-color: transparent transparent #3d9dd6 transparent;
  2681. }
  2682. #menu-bar.nav ul.menu li:hover .arrow:after, #menu-bar.nav ul.menu li.active-trail .arrow:after {
  2683. content: "";
  2684. display: block;
  2685. position: absolute;
  2686. bottom: 0px;
  2687. left: 1px;
  2688. width: 0px;
  2689. height: 0px;
  2690. border-style: solid;
  2691. border-width: 0 6px 6px 6px;
  2692. border-color: transparent transparent #2783b9 transparent;
  2693. }
  2694. #menu-bar.nav ul.menu li a {
  2695. position: relative;
  2696. z-index: 1;
  2697. -webkit-box-sizing: border-box;
  2698. -moz-box-sizing: border-box;
  2699. box-sizing: border-box;
  2700. display: block;
  2701. white-space: nowrap;
  2702. margin-bottom: -9998em;
  2703. padding: 1.9375em 0.8125em 9999em;
  2704. height: 4em;
  2705. text-transform: uppercase;
  2706. text-shadow: black 1px 1px 4px;
  2707. background-position: center 10px;
  2708. background-repeat: no-repeat;
  2709. position: relative;
  2710. }
  2711. #menu-bar.nav ul.menu li a:hover, #menu-bar.nav ul.menu li a:focus {
  2712. text-decoration: none;
  2713. }
  2714. #menu-bar.nav ul.menu li a .arrow {
  2715. width: 17px;
  2716. height: 9px;
  2717. position: absolute;
  2718. left: 50%;
  2719. bottom: -1px;
  2720. margin: 0 0 0 -8px;
  2721. }
  2722. #menu-bar.nav .block {
  2723. margin: 0;
  2724. }
  2725. @media only screen and (max-width: 480px) {
  2726. #menu-bar.nav {
  2727. border-right: 0;
  2728. -webkit-box-shadow: #4082a7 0px 0px 0px;
  2729. -moz-box-shadow: #4082a7 0px 0px 0px;
  2730. box-shadow: #4082a7 0px 0px 0px;
  2731. }
  2732. #menu-bar.nav ul.menu li a {
  2733. font: 0/0 a;
  2734. width: 40px;
  2735. height: 50px;
  2736. }
  2737. }
  2738. @media only screen and (min-width: 481px) and (max-width: 768px) {
  2739. #menu-bar.nav {
  2740. border-right: none;
  2741. }
  2742. #menu-bar.nav ul.menu li a {
  2743. padding-right: 0.4375em;
  2744. padding-left: 0.4375em;
  2745. }
  2746. }
  2747. .main-menu-home a {
  2748. background: url('../images/icons/icon-home.png?1400601840') no-repeat center 10px;
  2749. }
  2750. .main-menu-groups a {
  2751. background: url('../images/icons/icon-groups.png?1400601840') no-repeat center 10px;
  2752. }
  2753. .main-menu-events a {
  2754. background: url('../images/icons/icon-events.png?1400601840') no-repeat center 10px;
  2755. }
  2756. .main-menu-people a {
  2757. background: url('../images/icons/icon-people.png?1400601840') no-repeat center 10px;
  2758. }
  2759. #menu-bar.nav ul.menu li.main-menu-search {
  2760. display: none;
  2761. }
  2762. #menu-bar.nav ul.menu li.main-menu-search a {
  2763. background: url('../images/icons/icon-search.png?1400601840') no-repeat center 10px;
  2764. }
  2765. @media only screen and (max-width: 768px) {
  2766. #menu-bar.nav ul.menu li.main-menu-search {
  2767. display: inline-block;
  2768. }
  2769. }
  2770. #block-commons-utility-links-commons-utility-links {
  2771. margin: 0;
  2772. }
  2773. #block-commons-utility-links-commons-utility-links .block-inner {
  2774. margin: 0;
  2775. }
  2776. ul.commons-utility-links {
  2777. list-style: none;
  2778. text-align: right;
  2779. margin: .2em 0;
  2780. padding: 0;
  2781. font-size: .875em;
  2782. line-height: 1;
  2783. }
  2784. .block-content ul.commons-utility-links {
  2785. padding: 0;
  2786. }
  2787. ul.commons-utility-links li {
  2788. display: inline-block;
  2789. }
  2790. .logged-in ul.commons-utility-links li.first {
  2791. margin-right: 17px;
  2792. font-weight: bold;
  2793. }
  2794. ul.commons-utility-links li.last {
  2795. border-left: 1px solid #2783b9;
  2796. margin-left: 9px;
  2797. }
  2798. ul.commons-utility-links li.last a {
  2799. margin-left: 9px;
  2800. }
  2801. .unread-invitations a {
  2802. background: url('../images/icons-s34f2cfa4c8.png') 0 -890px no-repeat;
  2803. width: 14px;
  2804. height: 14px;
  2805. display: inline-block;
  2806. margin-right: 3px;
  2807. position: relative;
  2808. top: 1px;
  2809. }
  2810. .unread-messages a,
  2811. .no-unread-messages a {
  2812. background: url('../images/icons-s34f2cfa4c8.png') 0 -924px no-repeat;
  2813. width: 18px;
  2814. height: 14px;
  2815. display: inline-block;
  2816. margin-right: 3px;
  2817. position: relative;
  2818. top: 1px;
  2819. }
  2820. .unread-invitations a,
  2821. .unread-messages a,
  2822. .no-unread-messages a {
  2823. position: relative;
  2824. top: .3em;
  2825. display: inline-block;
  2826. margin-top: -.2em;
  2827. margin-right: .8em;
  2828. }
  2829. .no-unread-messages a {
  2830. top: -.1em;
  2831. margin-top: 0;
  2832. text-indent: 100%;
  2833. white-space: nowrap;
  2834. overflow: hidden;
  2835. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  2836. opacity: 0.4;
  2837. }
  2838. .notification-count {
  2839. position: absolute;
  2840. top: -.2em;
  2841. right: -.6em;
  2842. display: inline-block;
  2843. padding: 0 .2em;
  2844. font-size: .88em;
  2845. -webkit-border-radius: 0.4em;
  2846. -moz-border-radius: 0.4em;
  2847. -ms-border-radius: 0.4em;
  2848. -o-border-radius: 0.4em;
  2849. border-radius: 0.4em;
  2850. -webkit-box-shadow: 0 0 2px #2783b9;
  2851. -moz-box-shadow: 0 0 2px #2783b9;
  2852. box-shadow: 0 0 2px #2783b9;
  2853. background: #46ba31;
  2854. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46ba31), color-stop(100%, #28691c));
  2855. background: -webkit-linear-gradient(#46ba31, #28691c);
  2856. background: -moz-linear-gradient(#46ba31, #28691c);
  2857. background: -o-linear-gradient(#46ba31, #28691c);
  2858. background: linear-gradient(#46ba31, #28691c);
  2859. }
  2860. /* =============================================================================
  2861. * Superfish
  2862. * ========================================================================== */
  2863. ul.sf-menu {
  2864. margin-bottom: 0;
  2865. }
  2866. ul.sf-menu a {
  2867. border-left: 0;
  2868. border-top: 0;
  2869. padding: 0 10px;
  2870. text-decoration: none;
  2871. height: 2.5em;
  2872. line-height: 2.5em;
  2873. }
  2874. ul.sf-menu li:hover, ul.sf-menu li.sfHover {
  2875. outline: 0;
  2876. }
  2877. ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {
  2878. outline: 0;
  2879. }
  2880. /**
  2881. * Superfish blocks
  2882. */
  2883. .block-superfish ul {
  2884. margin: 0 !important;
  2885. padding: 0 !important;
  2886. }
  2887. .block-superfish li {
  2888. margin: 0 !important;
  2889. padding: 0 !important;
  2890. }
  2891. /**
  2892. * Vertical style
  2893. */
  2894. .sf-vertical {
  2895. width: 100%;
  2896. }
  2897. .sf-vertical li {
  2898. width: 100%;
  2899. }
  2900. .sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
  2901. left: 100%;
  2902. top: 0;
  2903. margin: 0;
  2904. padding: 0;
  2905. }
  2906. .sf-vertical li a {
  2907. padding: 0 10px;
  2908. }
  2909. /**
  2910. * Navbar style
  2911. */
  2912. .sf-navbar {
  2913. padding-bottom: 0 !important;
  2914. }
  2915. /**
  2916. * Sensible padding for the default style
  2917. */
  2918. .sf-menu.sf-style-default a {
  2919. padding: 0 10px;
  2920. }
  2921. /* =============================================================================
  2922. * Menus, usually blocks
  2923. * ========================================================================== */
  2924. ul.menu {
  2925. padding-left: 15px;
  2926. }
  2927. ul.menu ul {
  2928. padding-left: 15px;
  2929. }
  2930. ul.menu ul li {
  2931. margin: 0;
  2932. }
  2933. /* If li.content exists it's a problem, so reset the padding */
  2934. .block .menu li.content {
  2935. padding: 0;
  2936. }
  2937. /* =============================================================================
  2938. * Book navigation menu
  2939. * ========================================================================== */
  2940. .book-navigation .page-up {
  2941. /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  2942. min-width: 2em;
  2943. white-space: nowrap;
  2944. }
  2945. .book-navigation .menu {
  2946. margin-left: 0;
  2947. }
  2948. /* =============================================================================
  2949. * Breadcrumbs
  2950. * ========================================================================== */
  2951. #breadcrumb {
  2952. margin: 10px 0;
  2953. /* If the label is set to show in theme settings the label class is added */
  2954. }
  2955. #breadcrumb .breadcrumb-label {
  2956. font-size: 1em;
  2957. display: inline;
  2958. padding-right: 10px;
  2959. }
  2960. #breadcrumb .breadcrumb-label:after {
  2961. content: ":";
  2962. }
  2963. #breadcrumb ol {
  2964. margin: 0;
  2965. padding: 0;
  2966. }
  2967. #breadcrumb .with-breadcrumb-label ol {
  2968. display: inline;
  2969. }
  2970. #breadcrumb li {
  2971. list-style: none;
  2972. display: inline;
  2973. }
  2974. /* =============================================================================
  2975. * Pagers
  2976. * ========================================================================== */
  2977. ul.pager {
  2978. clear: both;
  2979. margin: 0;
  2980. text-align: center;
  2981. }
  2982. .item-list ul.pager li {
  2983. margin: 0;
  2984. }
  2985. ul.pager li {
  2986. background-image: none;
  2987. display: inline;
  2988. list-style-type: none;
  2989. padding: .5em;
  2990. }
  2991. ul.pager li.pager-current {
  2992. font-weight: 700;
  2993. }
  2994. .block ul.pager li {
  2995. margin: 0;
  2996. }
  2997. /* =============================================================================
  2998. * Skip Navigation
  2999. * ========================================================================== */
  3000. #skip-link {
  3001. left: 50%;
  3002. margin-left: -6.5em;
  3003. margin-top: 0;
  3004. padding: 0 0.5em;
  3005. position: absolute;
  3006. width: 12em;
  3007. z-index: 50;
  3008. }
  3009. #skip-link a {
  3010. background: #444;
  3011. background: rgba(0, 0, 0, 0.6);
  3012. color: #e6e6e6;
  3013. display: block;
  3014. line-height: 2;
  3015. padding: 0;
  3016. text-align: center;
  3017. text-decoration: none;
  3018. }
  3019. #skip-link a:link, #skip-link a:visited {
  3020. background: #444;
  3021. background: rgba(0, 0, 0, 0.6);
  3022. color: #e6e6e6;
  3023. display: block;
  3024. line-height: 2;
  3025. padding: 0;
  3026. text-align: center;
  3027. text-decoration: none;
  3028. }
  3029. #skip-link a:hover, #skip-link a:focus, #skip-link a:active {
  3030. outline: 0;
  3031. }
  3032. /* =============================================================================
  3033. * Tabs (local tasks)
  3034. * ========================================================================== */
  3035. #tasks {
  3036. margin-bottom: 15px;
  3037. }
  3038. ul.primary {
  3039. border-bottom-color: #cccccc;
  3040. margin: 20px 0;
  3041. padding: 0 0 0 5px;
  3042. }
  3043. ul.primary li {
  3044. display: block;
  3045. float: left;
  3046. margin: 0 1px -1px;
  3047. }
  3048. ul.primary li a {
  3049. background-color: whitesmoke;
  3050. border-color: #cccccc;
  3051. margin-right: 1px;
  3052. padding: 0 10px;
  3053. display: block;
  3054. float: left;
  3055. height: 1.5em;
  3056. line-height: 1.5em;
  3057. }
  3058. ul.primary li a:hover, ul.primary li a:focus {
  3059. background-color: #eeeeee;
  3060. border-color: #cccccc;
  3061. }
  3062. ul.primary li.active a,
  3063. ul.primary li.active a:hover,
  3064. ul.primary li.active a:focus {
  3065. background-color: #e6e6e6;
  3066. border-bottom-color: #e6e6e6;
  3067. }
  3068. ul.secondary {
  3069. border-bottom: 1px solid #cccccc;
  3070. margin: 1em 0 0;
  3071. padding: 0 .3em 1em;
  3072. }
  3073. ul.secondary li {
  3074. border-right: 0;
  3075. list-style: none;
  3076. padding: 0 10px 0 0;
  3077. }
  3078. ul.secondary li a:hover, ul.secondary li a.active {
  3079. border-bottom: none;
  3080. text-decoration: underline;
  3081. }
  3082. /* =============================================================================
  3083. * Action links
  3084. * ========================================================================== */
  3085. ul.action-links {
  3086. margin: 20px 0 0;
  3087. list-style: none;
  3088. }
  3089. /* =============================================================================
  3090. * Field Styling
  3091. * ========================================================================== */
  3092. /**
  3093. * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
  3094. */
  3095. .field-label {
  3096. font-size: 1em;
  3097. font-weight: 700;
  3098. font-family: inherit;
  3099. line-height: inherit;
  3100. margin-bottom: 0;
  3101. }
  3102. /**
  3103. * Taxonomy
  3104. */
  3105. .field-type-taxonomy-term-reference {
  3106. /* The same bottom margin as p, blockquote, ul, ol and dl */
  3107. margin-bottom: 1.5em;
  3108. }
  3109. .field-type-taxonomy-term-reference.field-label-inline .field-items {
  3110. margin: 0;
  3111. padding: 0;
  3112. }
  3113. .field-type-taxonomy-term-reference.field-label-inline .field-item {
  3114. display: inline;
  3115. list-style: none;
  3116. padding: 0 10px 0 0;
  3117. }
  3118. /**
  3119. * Float left setting
  3120. */
  3121. .ia-l .field-type-image figure,
  3122. .iat-l .field-type-image figure {
  3123. margin: 5px 20px 15px 0;
  3124. }
  3125. /**
  3126. * Centered setting
  3127. */
  3128. .ia-c .field-type-image figure,
  3129. .iat-c .field-type-image figure {
  3130. margin: 5px auto 15px;
  3131. }
  3132. /**
  3133. * Float right setting
  3134. */
  3135. .ia-r .field-type-image figure,
  3136. .iat-r .field-type-image figure {
  3137. margin: 5px 0 15px 20px;
  3138. }
  3139. /* =============================================================================
  3140. * Panels Styling
  3141. * ========================================================================== */
  3142. .node-title,
  3143. .pane-title {
  3144. font-weight: normal;
  3145. font-size: 1.6em;
  3146. }
  3147. .panel-display {
  3148. min-width: 100%;
  3149. margin-right: -10px;
  3150. margin-left: -10px;
  3151. }
  3152. .panel-display .region {
  3153. -webkit-box-sizing: border-box;
  3154. -moz-box-sizing: border-box;
  3155. box-sizing: border-box;
  3156. padding-right: 10px;
  3157. padding-left: 10px;
  3158. }
  3159. .nodes {
  3160. margin-top: 1em;
  3161. }
  3162. .pane-commons-featured-panel-pane-1 .block-inner,
  3163. .pane-commons-events-upcoming .block-inner {
  3164. margin: 0;
  3165. }
  3166. .pane-commons-featured-panel-pane-1 .block-inner .views-row-last,
  3167. .pane-commons-events-upcoming .block-inner .views-row-last {
  3168. border-bottom: none;
  3169. }
  3170. .node-type-group .node-teaser {
  3171. position: relative;
  3172. }
  3173. .node-type-group.page-node .pane-node-content > .block-inner {
  3174. padding: 0;
  3175. margin: 0;
  3176. }
  3177. .node-type-group.page-node .pane-node-content figure {
  3178. float: left;
  3179. margin: 3px 10px 5px 0;
  3180. background: white;
  3181. padding: 4px;
  3182. -webkit-border-radius: 3px;
  3183. -moz-border-radius: 3px;
  3184. -ms-border-radius: 3px;
  3185. -o-border-radius: 3px;
  3186. border-radius: 3px;
  3187. -webkit-box-shadow: #858585 1px 1px 4px;
  3188. -moz-box-shadow: #858585 1px 1px 4px;
  3189. box-shadow: #858585 1px 1px 4px;
  3190. position: relative;
  3191. display: block;
  3192. line-height: 0;
  3193. }
  3194. .node-type-group.page-node .node-content {
  3195. margin-left: 0;
  3196. }
  3197. .pane-commons-groups-directory-panel-pane-1 {
  3198. background-color: transparent;
  3199. -webkit-border-radius: 0px;
  3200. -moz-border-radius: 0px;
  3201. -ms-border-radius: 0px;
  3202. -o-border-radius: 0px;
  3203. border-radius: 0px;
  3204. -webkit-box-shadow: none;
  3205. -moz-box-shadow: none;
  3206. box-shadow: none;
  3207. margin-right: 0;
  3208. margin-bottom: 0;
  3209. }
  3210. .page-groups .region-two-66-33-top {
  3211. position: relative;
  3212. }
  3213. .pane-commons-groups-commons-groups-create-group {
  3214. position: absolute;
  3215. top: -4em;
  3216. right: 10px;
  3217. text-align: right;
  3218. }
  3219. @media only screen and (max-width: 480px) {
  3220. .pane-commons-groups-commons-groups-create-group {
  3221. position: static;
  3222. top: auto;
  3223. right: auto;
  3224. }
  3225. }
  3226. .pane-commons-groups-commons-groups-create-group a {
  3227. margin: 0;
  3228. }
  3229. .pane-commons-groups-commons-groups-create-group a:before {
  3230. background: url('../images/icons-s34f2cfa4c8.png') 0 -324px no-repeat;
  3231. width: 15px;
  3232. height: 15px;
  3233. display: inline-block;
  3234. margin-right: 3px;
  3235. position: relative;
  3236. top: 1px;
  3237. content: "";
  3238. top: 3px;
  3239. }
  3240. @media only screen and (max-width: 480px) {
  3241. .pane-commons-groups-commons-groups-create-group a {
  3242. float: none;
  3243. display: block;
  3244. }
  3245. }
  3246. /* =============================================================================
  3247. * Views Styling
  3248. * ========================================================================== */
  3249. .view-display-id-commons_events_upcoming_page .views-row article .commons-events-form-float {
  3250. float: right;
  3251. margin: -40px 0 0 0;
  3252. }
  3253. .views-view-grid {
  3254. border: none;
  3255. margin: 0;
  3256. }
  3257. .views-view-grid tbody tr {
  3258. border-top: none;
  3259. background: none;
  3260. }
  3261. .views-view-grid td {
  3262. padding: 5px;
  3263. }
  3264. .grid-grouping-title {
  3265. font-size: 1em;
  3266. color: #858585;
  3267. margin-bottom: 10px;
  3268. }
  3269. .pager a {
  3270. margin: 0;
  3271. padding-right: .75em;
  3272. padding-left: .75em;
  3273. }
  3274. .view-commons-groups-directory > .view-content > .views-row,
  3275. .view-commons-homepage-content .node-teaser.node-group > .view-content > .views-row {
  3276. position: relative;
  3277. }
  3278. .view-commons-groups-directory .pane-node-body,
  3279. .view-commons-homepage-content .node-teaser.node-group .pane-node-body {
  3280. margin-bottom: 0;
  3281. }
  3282. .pane-node-field-group-logo {
  3283. float: left;
  3284. margin: 0 10px 10px 0;
  3285. }
  3286. .pane-node-field-group-logo .field-name-field-group-logo a {
  3287. display: block;
  3288. border: 3px solid white;
  3289. -webkit-border-radius: 2px;
  3290. -moz-border-radius: 2px;
  3291. -ms-border-radius: 2px;
  3292. -o-border-radius: 2px;
  3293. border-radius: 2px;
  3294. box-shadow: 1px 1px 3px #666666;
  3295. }
  3296. .pane-node-field-group-logo .field-name-field-group-logo a img {
  3297. display: block;
  3298. }
  3299. .pane-commons-contributors-group-panel-pane-1 table, .pane-commons-contributors-group-panel-pane-1 tbody {
  3300. margin: 0;
  3301. border: none;
  3302. }
  3303. .pane-commons-contributors-group-panel-pane-1 tbody tr {
  3304. background-color: transparent;
  3305. border: none;
  3306. }
  3307. .pane-commons-contributors-group-panel-pane-1 td {
  3308. padding: 0;
  3309. margin: 0 1px 1px 0;
  3310. float: left;
  3311. line-height: 0;
  3312. }
  3313. .pane-commons-contributors-group-panel-pane-1 td a {
  3314. position: relative;
  3315. display: block;
  3316. }
  3317. .pane-commons-contributors-group-panel-pane-1 td a img {
  3318. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  3319. opacity: 0.5;
  3320. }
  3321. .pane-commons-contributors-group-panel-pane-1 td a span {
  3322. display: none;
  3323. position: absolute;
  3324. top: -100%;
  3325. background-color: rgba(0, 0, 0, 0.85);
  3326. white-space: nowrap;
  3327. font-size: 14px;
  3328. line-height: 14px;
  3329. font-weight: bold;
  3330. padding: 5px 8px;
  3331. color: white;
  3332. -webkit-border-radius: 4px;
  3333. -moz-border-radius: 4px;
  3334. -ms-border-radius: 4px;
  3335. -o-border-radius: 4px;
  3336. border-radius: 4px;
  3337. z-index: 15;
  3338. }
  3339. .pane-commons-contributors-group-panel-pane-1 td a span:after {
  3340. content: "";
  3341. display: block;
  3342. width: 0px;
  3343. height: 0px;
  3344. border-style: solid;
  3345. border-width: 5px 5px 0 5px;
  3346. border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
  3347. position: absolute;
  3348. left: 10px;
  3349. top: 100%;
  3350. }
  3351. .pane-commons-contributors-group-panel-pane-1 td a:hover img {
  3352. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  3353. opacity: 1;
  3354. }
  3355. .pane-commons-contributors-group-panel-pane-1 td a:hover span {
  3356. display: block;
  3357. }
  3358. .region-two-66-33-second .view-commons-contributors-group table,
  3359. .region-two-66-33-second .view-commons-contributors-group tbody {
  3360. margin: 0;
  3361. border: none;
  3362. }
  3363. .region-two-66-33-second .view-commons-contributors-group tbody tr {
  3364. background-color: transparent;
  3365. border: none;
  3366. }
  3367. .region-two-66-33-second .view-commons-contributors-group td {
  3368. padding: 0;
  3369. line-height: 0;
  3370. }
  3371. .region-two-66-33-second .view-commons-contributors-group td.col-last a {
  3372. margin-right: 0;
  3373. }
  3374. .region-two-66-33-second .view-commons-contributors-group td .user-picture {
  3375. margin-bottom: 10px;
  3376. }
  3377. .region-two-66-33-second .view-commons-contributors-group td .user-picture img {
  3378. width: 40px;
  3379. }
  3380. #views-exposed-form-commons-bw-all-page-1 .views-submit-button {
  3381. margin-left: 20px;
  3382. }
  3383. #views-exposed-form-commons-bw-all-page-1 .views-exposed-widget {
  3384. padding: 0;
  3385. }
  3386. #views-exposed-form-commons-bw-all-page-1 .views-exposed-widget .form-submit {
  3387. margin-top: 0;
  3388. }
  3389. .pane-node-commons-groups-group-contributors-count-topics {
  3390. font-size: 11px;
  3391. }
  3392. .dynamic-filter-lists .views-exposed-widget,
  3393. .dynamic-filter-lists .views-widget,
  3394. .dynamic-filter-lists label,
  3395. .dynamic-filter-lists .form-select-wrapper {
  3396. display: inline-block;
  3397. line-height: 1.7em;
  3398. vertical-align: baseline;
  3399. white-space: nowrap;
  3400. }
  3401. .dynamic-filter-lists .views-exposed-widget {
  3402. margin-top: 0;
  3403. margin-bottom: 0;
  3404. padding: 0;
  3405. }
  3406. .dynamic-filter-lists .views-exposed-widget label {
  3407. font-weight: normal;
  3408. color: #858585;
  3409. margin: 0;
  3410. }
  3411. .dynamic-filter-lists .views-submit-button {
  3412. position: absolute;
  3413. visibility: hidden;
  3414. padding: 0;
  3415. height: auto;
  3416. }
  3417. .dynamic-filter-lists .views-submit-button .form-submit {
  3418. margin-top: 0;
  3419. }
  3420. .widget-changed .views-submit-button {
  3421. position: static;
  3422. visibility: visible;
  3423. }
  3424. .commons-bw-create-choose {
  3425. cursor: pointer;
  3426. }
  3427. .commons-bw-create-choose span {
  3428. background: url('../images/icons-s34f2cfa4c8.png') 0 -1334px no-repeat;
  3429. width: 8px;
  3430. height: 10px;
  3431. display: inline-block;
  3432. margin-right: 3px;
  3433. position: relative;
  3434. top: 1px;
  3435. margin-right: 0;
  3436. }
  3437. .commons-bw-create-choose-bg {
  3438. position: fixed;
  3439. display: none;
  3440. top: 0;
  3441. left: 0;
  3442. width: 100%;
  3443. height: 100%;
  3444. background: rgba(255, 255, 255, 0.7);
  3445. z-index: 10;
  3446. }
  3447. .create-choose-open .commons-bw-create-choose-bg {
  3448. display: block;
  3449. }
  3450. .commons-bw-create-choose-holder {
  3451. position: relative;
  3452. }
  3453. .commons-bw-create-all-widget-types {
  3454. position: absolute;
  3455. display: none;
  3456. left: -50px;
  3457. top: -50px;
  3458. z-index: 11;
  3459. width: 210px;
  3460. background: white;
  3461. border: 1px solid #46ba31;
  3462. -webkit-border-radius: 6px;
  3463. -moz-border-radius: 6px;
  3464. -ms-border-radius: 6px;
  3465. -o-border-radius: 6px;
  3466. border-radius: 6px;
  3467. list-style: none;
  3468. }
  3469. .block-content .commons-bw-create-all-widget-types, .item-list .commons-bw-create-all-widget-types {
  3470. margin: 0;
  3471. padding: 0;
  3472. }
  3473. .commons-bw-create-all-widget-types li {
  3474. border-bottom: 1px solid #b8b8b8;
  3475. position: relative;
  3476. font-size: 0.85em;
  3477. color: #858585;
  3478. }
  3479. .commons-bw-create-all-widget-types li .last {
  3480. border-bottom: none;
  3481. }
  3482. .item-list .commons-bw-create-all-widget-types li {
  3483. margin: 0;
  3484. padding: 10px 10px 10px 27px;
  3485. }
  3486. .commons-bw-create-all-widget-types li .commons-polls-create:before {
  3487. background: url('../images/icons-s34f2cfa4c8.png') 0 -661px no-repeat;
  3488. width: 11px;
  3489. height: 11px;
  3490. display: inline-block;
  3491. margin-right: 3px;
  3492. position: relative;
  3493. top: 1px;
  3494. content: "";
  3495. position: absolute;
  3496. left: 10px;
  3497. top: 13px;
  3498. }
  3499. .commons-bw-create-all-widget-types li .commons-posts-create:before {
  3500. background: url('../images/icons-s34f2cfa4c8.png') 0 -1175px no-repeat;
  3501. width: 11px;
  3502. height: 11px;
  3503. display: inline-block;
  3504. margin-right: 3px;
  3505. position: relative;
  3506. top: 1px;
  3507. content: "";
  3508. position: absolute;
  3509. left: 10px;
  3510. top: 13px;
  3511. }
  3512. .commons-bw-create-all-widget-types li .commons-wikis-create:before {
  3513. background: url('../images/icons-s34f2cfa4c8.png') 0 -396px no-repeat;
  3514. width: 13px;
  3515. height: 13px;
  3516. display: inline-block;
  3517. margin-right: 3px;
  3518. position: relative;
  3519. top: 1px;
  3520. content: "";
  3521. position: absolute;
  3522. left: 10px;
  3523. top: 13px;
  3524. }
  3525. .commons-bw-create-all-widget-types li .commons-events-create:before {
  3526. background: url('../images/icons-s34f2cfa4c8.png') 0 -692px no-repeat;
  3527. width: 12px;
  3528. height: 12px;
  3529. display: inline-block;
  3530. margin-right: 3px;
  3531. position: relative;
  3532. top: 1px;
  3533. content: "";
  3534. position: absolute;
  3535. left: 10px;
  3536. top: 13px;
  3537. }
  3538. .commons-bw-create-all-widget-types li .commons-q-a-create:before {
  3539. background: url('../images/icons-s34f2cfa4c8.png') 0 -597px no-repeat;
  3540. width: 13px;
  3541. height: 13px;
  3542. display: inline-block;
  3543. margin-right: 3px;
  3544. position: relative;
  3545. top: 1px;
  3546. content: "";
  3547. position: absolute;
  3548. left: 10px;
  3549. top: 13px;
  3550. }
  3551. .commons-bw-create-all-widget-types li a {
  3552. display: block;
  3553. color: #46ba31;
  3554. font-size: 1.3em;
  3555. }
  3556. .create-choose-open .commons-bw-create-all-widget-types {
  3557. display: block;
  3558. }
  3559. #quicktabs-container-commons_bw .quicktabs-tabpage .view-filters,
  3560. #quicktabs-container-commons_bw .quicktabs-tabpage .attachment-before {
  3561. display: block;
  3562. clear: both;
  3563. vertical-align: top;
  3564. margin-bottom: 1.7em;
  3565. padding: .5em .6em;
  3566. font-size: .88em;
  3567. -webkit-border-radius: 2px;
  3568. -moz-border-radius: 2px;
  3569. -ms-border-radius: 2px;
  3570. -o-border-radius: 2px;
  3571. border-radius: 2px;
  3572. background: whitesmoke;
  3573. }
  3574. #quicktabs-container-commons_bw .quicktabs-tabpage .views-exposed-widgets {
  3575. margin-bottom: 0;
  3576. }
  3577. #quicktabs-container-commons_bw .quicktabs-tabpage .views-exposed-widget {
  3578. margin-right: 1.7em;
  3579. }
  3580. #quicktabs-container-commons_bw .quicktabs-tabpage .views-widget-sort-order {
  3581. display: none;
  3582. }
  3583. #quicktabs-container-commons_bw .quicktabs-tabpage .view-content,
  3584. #quicktabs-container-commons_bw .quicktabs-tabpage .view-empty {
  3585. clear: both;
  3586. }
  3587. #quicktabs-container-commons_bw .quicktabs-tabpage .views-submit-button {
  3588. margin-right: 0;
  3589. }
  3590. #quicktabs-container-commons_bw .quicktabs-tabpage .form-submit {
  3591. margin-top: 0;
  3592. margin-bottom: .1em;
  3593. }
  3594. #quicktabs-container-commons_bw .quicktabs-tabpage .hidden {
  3595. display: none;
  3596. }
  3597. .quicktabs-style-commons-pills ul.quicktabs-tabs {
  3598. margin-bottom: 1.7em;
  3599. }
  3600. .commons-bw-partial-node-form {
  3601. margin-bottom: 1.7em;
  3602. padding-left: 68px;
  3603. }
  3604. .commons-bw-partial-node-form.compact-form .form-item {
  3605. margin: 0;
  3606. }
  3607. .commons-bw-partial-node-form.compact-form textarea {
  3608. resize: none;
  3609. }
  3610. .commons-bw-partial-node-form .user-picture {
  3611. margin-top: 2.6em;
  3612. }
  3613. @media only screen and (max-width: 480px) {
  3614. .commons-bw-partial-node-form {
  3615. padding-left: 0;
  3616. }
  3617. .commons-bw-partial-node-form .user-picture {
  3618. display: none;
  3619. }
  3620. }
  3621. .commons-bw-partial-node-form .field-type-image {
  3622. margin-top: 1.7em;
  3623. }
  3624. .commons-bw-partial-node-form .field-name-og-group-ref .fieldset-outer-wrapper {
  3625. margin-top: 1.7em;
  3626. margin-bottom: 1.7em;
  3627. padding-top: 1.7em;
  3628. border-top: 1px solid #cccccc;
  3629. }
  3630. .partial-node-form-title {
  3631. margin-top: 0;
  3632. margin-bottom: .2em;
  3633. margin-left: -68px;
  3634. color: #46bb2e;
  3635. }
  3636. @media only screen and (max-width: 480px) {
  3637. .partial-node-form-title {
  3638. margin-left: 0;
  3639. }
  3640. }
  3641. .trigger-field,
  3642. .trigger-field .form-item {
  3643. margin-top: 0;
  3644. }
  3645. .compact-form .trigger-field input, .compact-form
  3646. .trigger-field textarea {
  3647. height: 2.2em;
  3648. overflow: hidden;
  3649. }
  3650. .expandable-form-toggle {
  3651. float: right;
  3652. position: absolute;
  3653. top: 0;
  3654. right: 0;
  3655. margin-top: .6em;
  3656. overflow: hidden;
  3657. }
  3658. .expandable-form-toggle, .expandable-form-toggle:before {
  3659. width: 1.4em;
  3660. height: 1.4em;
  3661. text-align: center;
  3662. }
  3663. .expanded-form .expandable-form-toggle {
  3664. display: block;
  3665. }
  3666. .expanded-form .expandable-form-toggle:before {
  3667. content: 'x';
  3668. display: block;
  3669. }
  3670. .expandable-form-toggle:hover {
  3671. text-decoration: none;
  3672. }
  3673. .compact-form .full-form {
  3674. float: right;
  3675. margin-top: .5em;
  3676. }
  3677. .compact-form .full-form:after {
  3678. content: '\2192';
  3679. display: inline-block;
  3680. margin-left: .2em;
  3681. }
  3682. /* =============================================================================
  3683. * Block Styling
  3684. * ========================================================================== */
  3685. /**
  3686. * "Search form" block
  3687. */
  3688. .block-search {
  3689. display: block;
  3690. background-color: #24476b;
  3691. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #24476b), color-stop(100%, #2b5782));
  3692. background-image: -webkit-linear-gradient(top, #24476b 0%, #2b5782 100%);
  3693. background-image: -moz-linear-gradient(top, #24476b 0%, #2b5782 100%);
  3694. background-image: -o-linear-gradient(top, #24476b 0%, #2b5782 100%);
  3695. background-image: linear-gradient(top, #24476b 0%, #2b5782 100%);
  3696. -webkit-border-radius: 4px;
  3697. -moz-border-radius: 4px;
  3698. -ms-border-radius: 4px;
  3699. -o-border-radius: 4px;
  3700. border-radius: 4px;
  3701. box-shadow: 1px 1px 2px black inset, 2px 3px 3px rgba(255, 255, 255, 0.09);
  3702. height: 30px;
  3703. margin: 0 0 0 10px;
  3704. position: relative;
  3705. }
  3706. .block-search .container-inline label,
  3707. .block-search .container-inline div {
  3708. float: left;
  3709. display: block;
  3710. margin-top: 0;
  3711. margin-bottom: 0;
  3712. }
  3713. .block-search .container-inline .form-item-custom-search-types {
  3714. position: relative;
  3715. z-index: 2;
  3716. display: inline-block;
  3717. width: 5.5em;
  3718. margin: .3em 0 .3em -5.8em;
  3719. padding-left: .3em;
  3720. left: 5.8em;
  3721. }
  3722. .block-search .container-inline .form-item-custom-search-types .select-status:after {
  3723. border-top-color: white;
  3724. }
  3725. .block-search .block-inner {
  3726. margin-left: 0;
  3727. margin-right: 0;
  3728. }
  3729. .block-search .form-item-search-block-form {
  3730. position: relative;
  3731. z-index: 1;
  3732. -webkit-box-sizing: border-box;
  3733. -moz-box-sizing: border-box;
  3734. box-sizing: border-box;
  3735. width: 100%;
  3736. padding-right: 1.5em;
  3737. padding-left: 5.8em;
  3738. }
  3739. .block-search .form-text {
  3740. width: 12em;
  3741. max-width: 100%;
  3742. color: white;
  3743. background: transparent;
  3744. border: none;
  3745. }
  3746. .block-search .form-text:focus {
  3747. -webkit-box-shadow: none;
  3748. -moz-box-shadow: none;
  3749. box-shadow: none;
  3750. }
  3751. .block-search .form-actions {
  3752. position: absolute;
  3753. right: 1em;
  3754. }
  3755. .block-search .form-actions,
  3756. .block-search .form-submit {
  3757. -webkit-box-sizing: border-box;
  3758. -moz-box-sizing: border-box;
  3759. box-sizing: border-box;
  3760. width: 1.4em;
  3761. height: 1.4em;
  3762. }
  3763. .block-search .form-submit {
  3764. text-indent: -9999em;
  3765. }
  3766. .block-search .form-submit, .block-search .form-submit:hover {
  3767. background: transparent url('../images/icons/ico_search_wht.png?1400601840') no-repeat center center;
  3768. border: none;
  3769. }
  3770. @media only screen and (max-width: 768px) {
  3771. .block-search {
  3772. display: none;
  3773. }
  3774. }
  3775. /* =============================================================================
  3776. * Node Styling
  3777. * ========================================================================== */
  3778. .featured-node-tooltip {
  3779. position: absolute;
  3780. left: 100%;
  3781. top: 1px;
  3782. background-color: rgba(0, 0, 0, 0.85);
  3783. white-space: nowrap;
  3784. padding: 3px 5px;
  3785. color: white;
  3786. -webkit-border-radius: 3px;
  3787. -moz-border-radius: 3px;
  3788. -ms-border-radius: 3px;
  3789. -o-border-radius: 3px;
  3790. border-radius: 3px;
  3791. display: none;
  3792. margin-left: 5px;
  3793. z-index: 1;
  3794. }
  3795. .featured-node-tooltip:before {
  3796. content: "";
  3797. display: block;
  3798. width: 0px;
  3799. height: 0px;
  3800. border-style: solid;
  3801. border-width: 5px 5px 5px 0;
  3802. border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
  3803. position: absolute;
  3804. left: -5px;
  3805. top: 50%;
  3806. margin-top: -5px;
  3807. }
  3808. .node-teaser.node-promoted:hover .featured-node-tooltip {
  3809. display: block;
  3810. }
  3811. .node .node-title {
  3812. margin: 0;
  3813. }
  3814. /**
  3815. * Node forms
  3816. */
  3817. .node-form {
  3818. /* Polls have some bad, over specific, styles so this is what needs to be
  3819. done. */
  3820. }
  3821. .node-form #poll-choice-table .form-text {
  3822. width: 100%;
  3823. }
  3824. /* =============================================================================
  3825. * Comment Styling - Comments, comment wrapper, comment form
  3826. * ========================================================================== */
  3827. /**
  3828. * Wrapper for a single comment
  3829. */
  3830. .comment {
  3831. margin-bottom: 20px;
  3832. }
  3833. /**
  3834. * "New" marker for comments that are new for the current user
  3835. */
  3836. .new {
  3837. color: #cc0000;
  3838. }
  3839. /**
  3840. * Nested comments are indented
  3841. */
  3842. .indented {
  3843. margin-left: 40px;
  3844. }
  3845. .has-rate-widget {
  3846. min-height: 4em;
  3847. margin-right: 6em;
  3848. position: relative;
  3849. }
  3850. @media only screen and (max-width: 768px) {
  3851. .has-rate-widget {
  3852. min-height: 0;
  3853. margin-right: 0;
  3854. }
  3855. }
  3856. .rate-widget-commons_thumbs_up_down {
  3857. float: right;
  3858. position: absolute;
  3859. top: 0;
  3860. right: -6em;
  3861. margin-top: 0;
  3862. }
  3863. @media only screen and (max-width: 768px) {
  3864. .rate-widget-commons_thumbs_up_down {
  3865. position: static;
  3866. float: left;
  3867. margin: 20px auto;
  3868. }
  3869. }
  3870. .related-information {
  3871. clear: both;
  3872. margin: 20px 0;
  3873. }
  3874. .related-information .field {
  3875. float: left;
  3876. }
  3877. /* =============================================================================
  3878. * Forms
  3879. * ========================================================================== */
  3880. html.js input.form-autocomplete {
  3881. background-position: 100% 5px;
  3882. }
  3883. html.js input.throbbing {
  3884. background-position: 100% -15px;
  3885. /* LTR */
  3886. }
  3887. /**
  3888. * Forms in tables.
  3889. */
  3890. tr.odd .form-item, tr.even .form-item {
  3891. white-space: normal;
  3892. }
  3893. /**
  3894. * Wrapper for a form element (or group of form elements) and its label
  3895. */
  3896. .form-item input.error,
  3897. .form-item textarea.error,
  3898. .form-item select.error {
  3899. border: 1px solid #cc0000;
  3900. }
  3901. .form-item label {
  3902. font-weight: 700;
  3903. }
  3904. .form-item .description {
  3905. font-size: 0.85em;
  3906. }
  3907. /**
  3908. * Highlight marks and form required mark
  3909. */
  3910. .marker,
  3911. .form-required {
  3912. color: #cc0000;
  3913. }
  3914. /**
  3915. * Password confirmation
  3916. */
  3917. .password-parent,
  3918. .confirm-parent {
  3919. margin: 0;
  3920. }
  3921. #edit-field-topics-und {
  3922. border-top: 2px groove #8A8A8A;
  3923. border-left: 2px groove #8A8A8A;
  3924. }
  3925. form.commons-events-form-float {
  3926. background: none;
  3927. padding: 0;
  3928. border: none;
  3929. width: 10em;
  3930. margin-right: -10em;
  3931. padding-left: 10px;
  3932. text-align: left;
  3933. -webkit-box-sizing: border-box;
  3934. -moz-box-sizing: border-box;
  3935. box-sizing: border-box;
  3936. }
  3937. form.commons-events-form-float .commons-event-status {
  3938. font-size: .88em;
  3939. line-height: 1.4em;
  3940. margin-top: .3em;
  3941. }
  3942. form.commons-events-form-float .form-text {
  3943. width: auto;
  3944. text-align: right;
  3945. }
  3946. @media only screen and (max-width: 768px) {
  3947. form.commons-events-form-float {
  3948. float: none;
  3949. margin: 1em 0;
  3950. padding-left: 0;
  3951. width: auto;
  3952. }
  3953. }
  3954. /* =============================================================================
  3955. * Tables
  3956. * ========================================================================== */
  3957. table {
  3958. margin: 10px 0;
  3959. padding: 0;
  3960. width: 100%;
  3961. }
  3962. table.sticky-header {
  3963. z-index: 10;
  3964. }
  3965. table,
  3966. thead,
  3967. tbody,
  3968. tr,
  3969. th,
  3970. td {
  3971. border-color: #cccccc;
  3972. }
  3973. table,
  3974. td,
  3975. th {
  3976. vertical-align: middle;
  3977. }
  3978. caption,
  3979. th,
  3980. td {
  3981. text-align: left;
  3982. }
  3983. thead tr {
  3984. font-weight: 700;
  3985. background-color: #e5e5e5;
  3986. }
  3987. td,
  3988. th {
  3989. border-bottom: 0;
  3990. margin: 0;
  3991. padding: 5px 7px;
  3992. }
  3993. tbody tr {
  3994. border-top: 1px solid #cccccc;
  3995. }
  3996. tr {
  3997. /* Table row striping */
  3998. }
  3999. tr.odd {
  4000. background: #e6e6e6;
  4001. }
  4002. tr.info, tr.even, tr:nth-child(2n+2) {
  4003. border-bottom: 0;
  4004. background-color: whitesmoke;
  4005. }
  4006. tr.odd td.active {
  4007. background-color: #eeeeee;
  4008. }
  4009. tr.even td.active {
  4010. background-color: #ebebeb;
  4011. }
  4012. /**
  4013. * Forum tables
  4014. * Core sets white-space to nowrap, which makes no sense
  4015. */
  4016. #forum td .created,
  4017. #forum td .posts,
  4018. #forum td .topics,
  4019. #forum td .last-reply,
  4020. #forum td .replies,
  4021. #forum td .pager {
  4022. white-space: normal;
  4023. }
  4024. /* =============================================================================
  4025. * Messages
  4026. * ========================================================================== */
  4027. div.messages {
  4028. margin-bottom: 10px;
  4029. margin-top: 10px;
  4030. }
  4031. div.messages ul {
  4032. margin-top: 0;
  4033. margin-bottom: 0;
  4034. }
  4035. /**
  4036. * Unpublished nodes
  4037. */
  4038. .node-unpublished p.unpublished,
  4039. .comment-unpublished p.unpublished {
  4040. color: pink;
  4041. color: rgba(239, 170, 170, 0.4);
  4042. font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  4043. font-size: 50px;
  4044. font-weight: 700;
  4045. line-height: 1.2;
  4046. height: 0;
  4047. margin: 0;
  4048. padding: 0;
  4049. overflow: visible;
  4050. text-align: center;
  4051. text-transform: uppercase;
  4052. word-wrap: break-word;
  4053. }
  4054. /* =============================================================================
  4055. * Maintenance pages
  4056. * ========================================================================== */
  4057. .maintenance-page .container {
  4058. padding: 40px 0;
  4059. }
  4060. .db-offline .container {
  4061. margin: 0 auto;
  4062. padding: 40px 0;
  4063. width: 100%;
  4064. max-width: 960px;
  4065. }
  4066. .db-offline div.messages {
  4067. margin: 20px 0 0;
  4068. }
  4069. .db-offline #content {
  4070. padding: 20px 0;
  4071. }
  4072. /* =============================================================================
  4073. * Misc overrides for contrib modules
  4074. * ========================================================================== */
  4075. /**
  4076. * Admin menu overrides
  4077. */
  4078. #admin-menu {
  4079. margin: 0;
  4080. padding: 0;
  4081. }
  4082. /**
  4083. * Devel Module
  4084. */
  4085. .dev-query {
  4086. background: #eeeeee;
  4087. padding: 30px;
  4088. }
  4089. /**
  4090. * Styleguide module tweaks
  4091. */
  4092. #styleguide-header {
  4093. padding: 0 10px;
  4094. }
  4095. #styleguide-header .item-list {
  4096. font-family: inherit;
  4097. margin: 0 20px 20px 0;
  4098. min-height: 260px;
  4099. width: auto;
  4100. }
  4101. /* =============================================================================
  4102. * Front Page specific
  4103. * ========================================================================== */
  4104. body.front .region-three-33-top {
  4105. font-size: 24px;
  4106. font-weight: 300;
  4107. }
  4108. body.front .region-three-33-top h1 {
  4109. color: #333333;
  4110. font-size: 40px;
  4111. font-weight: 700;
  4112. line-height: 50px;
  4113. }
  4114. body.front .region-three-33-top .commons_home-welcome-image {
  4115. float: right;
  4116. }
  4117. body.front.not-logged-in #block-system-main .pane-1 .pane-title {
  4118. font-weight: 700;
  4119. font-size: 38px;
  4120. color: #333333;
  4121. }
  4122. .commons-events-form-float {
  4123. float: right;
  4124. margin-left: 15px;
  4125. }
  4126. .commons-events-form-float input {
  4127. margin: 0;
  4128. }
  4129. .commons-event-count {
  4130. font-size: 1.2em;
  4131. font-weight: bold;
  4132. }
  4133. body.front.logged-in .view-commons-homepage-content > .view-content {
  4134. padding: 10px;
  4135. }
  4136. body.front.logged-in .view-commons-homepage-content > .view-content > .views-row {
  4137. position: relative;
  4138. }
  4139. body.front.logged-in .view-commons-homepage-content .article.node .author-datetime, body.front.logged-in .view-commons-homepage-content .node-teaser.node-group .author-datetime {
  4140. margin-bottom: 1.5em;
  4141. clear: both;
  4142. }
  4143. body.front.logged-in .view-commons-homepage-content .views-row-first {
  4144. border-top: none;
  4145. }
  4146. body.front.logged-in .view-commons-homepage-content .item-list {
  4147. padding: 10px 0 0 0;
  4148. }
  4149. body.front.logged-in #views-exposed-form-commons-homepage-content-panel-pane-1 .views-exposed-widgets {
  4150. padding: 10px 0;
  4151. margin-bottom: 0;
  4152. }
  4153. body.front.logged-in .view-commons-homepage-content .article.node.no-user-picture .node-header,
  4154. body.front.logged-in .view-commons-homepage-content .article.node.no-user-picture .node-content,
  4155. body.front.logged-in .view-commons-homepage-content .article.node.no-user-picture .author-datetime,
  4156. body.front.logged-in .view-commons-homepage-content .article.node.no-user-picture .links, body.front.logged-in .view-commons-homepage-content .article.node.node-page .node-header,
  4157. body.front.logged-in .view-commons-homepage-content .article.node.node-page .node-content,
  4158. body.front.logged-in .view-commons-homepage-content .article.node.node-page .author-datetime,
  4159. body.front.logged-in .view-commons-homepage-content .article.node.node-page .links {
  4160. margin-left: 0;
  4161. }
  4162. #quicktabs-commons_follow_ui .flag-email-group a,
  4163. #quicktabs-commons_follow_ui .flag-email-node a,
  4164. #quicktabs-commons_follow_ui .flag-email-user a,
  4165. #quicktabs-commons_follow_ui .flag-email-term a {
  4166. cursor: default;
  4167. }
  4168. #quicktabs-commons_follow_ui .flag-email-group a input,
  4169. #quicktabs-commons_follow_ui .flag-email-node a input,
  4170. #quicktabs-commons_follow_ui .flag-email-user a input,
  4171. #quicktabs-commons_follow_ui .flag-email-term a input {
  4172. cursor: default;
  4173. }
  4174. #quicktabs-commons_follow_ui .flag-email-group a span,
  4175. #quicktabs-commons_follow_ui .flag-email-group span span,
  4176. #quicktabs-commons_follow_ui .flag-email-node a span,
  4177. #quicktabs-commons_follow_ui .flag-email-node span span,
  4178. #quicktabs-commons_follow_ui .flag-email-user a span,
  4179. #quicktabs-commons_follow_ui .flag-email-user span span,
  4180. #quicktabs-commons_follow_ui .flag-email-term a span,
  4181. #quicktabs-commons_follow_ui .flag-email-term span span {
  4182. display: none;
  4183. }
  4184. /**
  4185. * Placeholder styles
  4186. */
  4187. #menu-bar.nav .menu-item-193 a {
  4188. background-image: url('../images/icons/icon-home.png?1400601840');
  4189. }
  4190. #menu-bar.nav .menu-item-194 a {
  4191. background-image: url('../images/icons/icon-groups.png?1400601840');
  4192. }
  4193. #menu-bar.nav .menu-item-195 a {
  4194. background-image: url('../images/icons/icon-events.png?1400601840');
  4195. }
  4196. /**
  4197. * Events Page
  4198. */
  4199. .page-events .region-three-25-50-25-third .pane-views-panes {
  4200. margin-right: 0;
  4201. }
  4202. .page-events div.search-result-wrapper h3.title {
  4203. text-decoration: none;
  4204. }
  4205. .page-events div.search-result-wrapper h3.title a {
  4206. color: #2783b9;
  4207. }
  4208. @media only screen and (max-width: 768px) {
  4209. .page-events .three-25-50-25 > .filters-processed {
  4210. clear: none;
  4211. position: absolute;
  4212. right: 0;
  4213. float: right;
  4214. width: 0;
  4215. height: 0;
  4216. margin: 0;
  4217. padding: 0;
  4218. font-size: .88em;
  4219. background: white;
  4220. border: 1px solid #eeeeee;
  4221. z-index: 1;
  4222. }
  4223. .page-events .three-25-50-25 > .filters-processed .commons-pod {
  4224. margin: 0;
  4225. padding: 10px 0;
  4226. -webkit-border-radius: 0 0 0 3px;
  4227. -moz-border-radius: 0 0 0 3px;
  4228. -ms-border-radius: 0 0 0 3px;
  4229. -o-border-radius: 0 0 0 3px;
  4230. border-radius: 0 0 0 3px;
  4231. }
  4232. .page-events .three-25-50-25 > .filters-processed .panel-pane {
  4233. display: none;
  4234. }
  4235. .page-events .three-25-50-25 > .filters-processed .filter-trigger {
  4236. display: block;
  4237. }
  4238. .page-events .three-25-50-25 > .expanded {
  4239. margin-right: 0;
  4240. width: 75%;
  4241. height: auto;
  4242. opacity: 1;
  4243. }
  4244. .page-events .three-25-50-25 > .expanded .commons-pod {
  4245. padding: 10px;
  4246. }
  4247. .page-events .three-25-50-25 > .expanded .panel-pane {
  4248. display: block;
  4249. }
  4250. }
  4251. @media only screen and (max-width: 768px) {
  4252. .page-events .filter-overlay.expanded {
  4253. display: block;
  4254. }
  4255. }
  4256. .pane-commons-events-commons-events-create-event-link {
  4257. text-align: right;
  4258. }
  4259. .pane-commons-events-commons-events-create-event-link .block-inner {
  4260. margin: 0;
  4261. }
  4262. .pane-commons-events-commons-events-create-event-link a:before {
  4263. background: url('../images/icons-s34f2cfa4c8.png') 0 -429px no-repeat;
  4264. width: 15px;
  4265. height: 15px;
  4266. display: inline-block;
  4267. margin-right: 3px;
  4268. position: relative;
  4269. top: 1px;
  4270. content: "";
  4271. top: 2px;
  4272. margin-right: 6px;
  4273. }
  4274. /**
  4275. * Search
  4276. */
  4277. .search-form-page .form-type-textfield label {
  4278. white-space: nowrap;
  4279. }
  4280. .search-form-page .form-type-textfield input {
  4281. width: auto;
  4282. }
  4283. @media only screen and (max-width: 480px) {
  4284. .search-form-page .form-type-textfield,
  4285. .search-form-page .form-type-textfield input {
  4286. display: block;
  4287. width: 100%;
  4288. }
  4289. }
  4290. @media only screen and (min-width: 481px) {
  4291. .search-form-page .form-item {
  4292. margin-bottom: 0;
  4293. }
  4294. }
  4295. .action-item-search[type="submit"] {
  4296. min-width: 15px;
  4297. background: #46bb2e url('../images/icons/icon-search.png?1400601840') no-repeat;
  4298. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4fcd35), color-stop(100%, #3ea729));
  4299. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#4fcd35, #3ea729);
  4300. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#4fcd35, #3ea729);
  4301. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#4fcd35, #3ea729);
  4302. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#4fcd35, #3ea729);
  4303. border-color: #27691a;
  4304. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  4305. }
  4306. .action-item-search[type="submit"], .action-item-search[type="submit"]:link, .action-item-search[type="submit"]:visited {
  4307. color: white;
  4308. }
  4309. .action-item-search[type="submit"]:hover {
  4310. color: white;
  4311. background: #3ea729 url('../images/icons/icon-search.png?1400601840') no-repeat;
  4312. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46bb2e), color-stop(100%, #379224));
  4313. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#46bb2e, #379224);
  4314. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#46bb2e, #379224);
  4315. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#46bb2e, #379224);
  4316. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#46bb2e, #379224);
  4317. border-color: #184010;
  4318. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  4319. }
  4320. .action-item-search[type="submit"]:focus, .action-item-search[type="submit"]:active {
  4321. background: #46bb2e url('../images/icons/icon-search.png?1400601840') no-repeat;
  4322. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ea729), color-stop(100%, #4fcd35));
  4323. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#3ea729, #4fcd35);
  4324. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#3ea729, #4fcd35);
  4325. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#3ea729, #4fcd35);
  4326. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#3ea729, #4fcd35);
  4327. border-color: #27691a;
  4328. text-shadow: -1px 1px 2px #379224, -1px -1px 2px #379224, 1px -1px 2px #379224, 1px 1px 2px #379224;
  4329. }
  4330. [disabled].action-item-search[type="submit"] {
  4331. color: #85dc73;
  4332. background: #46bb2e;
  4333. border-color: #27691a;
  4334. -webkit-box-shadow: none;
  4335. -moz-box-shadow: none;
  4336. box-shadow: none;
  4337. text-shadow: none;
  4338. }
  4339. .action-item-search[type="submit"], .action-item-search[type="submit"]:hover, .action-item-search[type="submit"]:active, .action-item-search[type="submit"]:focus {
  4340. background-position: 1.5em center;
  4341. }
  4342. .action-item-search {
  4343. float: right;
  4344. margin-right: 0;
  4345. margin-bottom: 0;
  4346. }
  4347. .action-item-search, .action-item-search[type="submit"] {
  4348. padding-left: 3em;
  4349. }
  4350. @media only screen and (max-width: 480px) {
  4351. .action-item-search {
  4352. float: none;
  4353. clear: both;
  4354. display: block;
  4355. }
  4356. }
  4357. @media only screen and (min-width: 481px) {
  4358. .action-item-search {
  4359. margin-top: 0;
  4360. }
  4361. }
  4362. .block-facetapi {
  4363. margin-bottom: .7em;
  4364. padding-bottom: .7em;
  4365. border-bottom: 1px solid #cccccc;
  4366. }
  4367. .block-facetapi:last-child {
  4368. margin-bottom: 0;
  4369. padding-bottom: 0;
  4370. border-bottom: none;
  4371. }
  4372. .block-facetapi .block-title {
  4373. margin-bottom: 10px;
  4374. color: #666666;
  4375. font-size: 1.2em;
  4376. }
  4377. .facetapi-facetapi-links,
  4378. .facetapi-date-range {
  4379. margin: 0;
  4380. padding: 0;
  4381. }
  4382. .facetapi-facetapi-links li.leaf,
  4383. .facetapi-date-range li.leaf {
  4384. margin-left: 0;
  4385. list-style-type: none;
  4386. list-style-image: none;
  4387. }
  4388. @media only screen and (max-width: 480px) {
  4389. .page-search .two-33-66 > .filters-processed {
  4390. clear: none;
  4391. position: absolute;
  4392. right: 0;
  4393. float: right;
  4394. width: 0;
  4395. height: 0;
  4396. margin: 0;
  4397. padding: 0;
  4398. font-size: .88em;
  4399. background: white;
  4400. border: 1px solid #eeeeee;
  4401. z-index: 1;
  4402. }
  4403. .page-search .two-33-66 > .filters-processed .commons-pod {
  4404. margin: 0;
  4405. padding: 10px 0;
  4406. -webkit-border-radius: 0 0 0 3px;
  4407. -moz-border-radius: 0 0 0 3px;
  4408. -ms-border-radius: 0 0 0 3px;
  4409. -o-border-radius: 0 0 0 3px;
  4410. border-radius: 0 0 0 3px;
  4411. }
  4412. .page-search .two-33-66 > .filters-processed .panel-pane {
  4413. display: none;
  4414. }
  4415. .page-search .two-33-66 > .filters-processed .filter-trigger {
  4416. display: block;
  4417. }
  4418. .page-search .two-33-66 > .expanded {
  4419. margin-right: 0;
  4420. width: 75%;
  4421. height: auto;
  4422. opacity: 1;
  4423. }
  4424. .page-search .two-33-66 > .expanded .commons-pod {
  4425. padding: 10px;
  4426. }
  4427. .page-search .two-33-66 > .expanded .panel-pane {
  4428. display: block;
  4429. }
  4430. }
  4431. @media only screen and (max-width: 480px) {
  4432. .page-search .filter-overlay.expanded {
  4433. display: block;
  4434. }
  4435. }
  4436. .facetapi-processed, .block-content .facetapi-processed {
  4437. margin-bottom: 0;
  4438. padding-left: 0;
  4439. }
  4440. .facetapi-processed li.last, .block-content .facetapi-processed li.last {
  4441. margin-bottom: 0;
  4442. }
  4443. .search-results-title,
  4444. .search-results-wrapper > h2 {
  4445. margin-top: .2em;
  4446. }
  4447. .search-results {
  4448. margin-top: 0;
  4449. }
  4450. .search-results, .block-content .search-results {
  4451. margin-bottom: 0;
  4452. padding: 0;
  4453. }
  4454. .search-result {
  4455. border-bottom: 1px solid #cccccc;
  4456. list-style-type: none;
  4457. }
  4458. .search-result, .block-content .search-result {
  4459. padding-bottom: .7em;
  4460. margin-bottom: .7em;
  4461. }
  4462. .search-result:last-child, .block-content .search-result:last-child {
  4463. border-bottom: none;
  4464. padding-bottom: 0;
  4465. margin-bottom: 0;
  4466. }
  4467. .search-result h2 {
  4468. font-size: 1.429em;
  4469. line-height: 1.2em;
  4470. margin: .5em 0 0;
  4471. }
  4472. .search-result .title {
  4473. margin-top: 0;
  4474. margin-bottom: .2em;
  4475. }
  4476. .search-result .search-result-url {
  4477. color: #666666;
  4478. font-size: .85em;
  4479. margin-bottom: 1em;
  4480. }
  4481. .apachesolr_search-results .search-result .title,
  4482. .apachesolr_search-results .search-result .search-result-url,
  4483. .apachesolr_search-results .search-result .search-result-date,
  4484. .apachesolr_search-results .search-result .search-result-snippet-info {
  4485. display: none;
  4486. }
  4487. .apachesolr_search-results .search-result .pane-node-flag-commons-follow-group-link {
  4488. position: static;
  4489. right: auto;
  4490. top: auto;
  4491. float: right;
  4492. }
  4493. /* Search profiles */
  4494. .profile-search-result {
  4495. -webkit-box-sizing: border-box;
  4496. -moz-box-sizing: border-box;
  4497. box-sizing: border-box;
  4498. display: inline-block;
  4499. padding-bottom: 0;
  4500. vertical-align: top;
  4501. width: 48.5%;
  4502. margin-right: 2%;
  4503. }
  4504. .profile-search-result:nth-child(even) {
  4505. margin-right: 0;
  4506. }
  4507. @media only screen and (max-width: 480px) {
  4508. .profile-search-result {
  4509. width: 100%;
  4510. margin-right: 0;
  4511. }
  4512. }
  4513. @media only screen and (min-width: 769px) {
  4514. .profile-search-result {
  4515. width: 31.5%;
  4516. }
  4517. .profile-search-result:nth-child(even) {
  4518. margin-right: 2%;
  4519. }
  4520. .profile-search-result:nth-child(3n) {
  4521. margin-right: 0;
  4522. }
  4523. }
  4524. .commons-pod .profile-search-result {
  4525. width: 100%;
  4526. margin-right: 0;
  4527. }
  4528. .commons-pod .profile-search-result .profile-actions {
  4529. -webkit-box-sizing: border-box;
  4530. -moz-box-sizing: border-box;
  4531. box-sizing: border-box;
  4532. margin-right: 0;
  4533. margin-left: 0;
  4534. border: 1px solid #cccccc;
  4535. -webkit-border-radius: 0;
  4536. -moz-border-radius: 0;
  4537. -ms-border-radius: 0;
  4538. -o-border-radius: 0;
  4539. border-radius: 0;
  4540. }
  4541. .profile-search-result h4 {
  4542. margin: 0;
  4543. }
  4544. .profile-header,
  4545. .profile-content {
  4546. margin-left: 72px;
  4547. }
  4548. .profile-header {
  4549. -webkit-box-sizing: border-box;
  4550. -moz-box-sizing: border-box;
  4551. box-sizing: border-box;
  4552. }
  4553. .profile-header .user-picture {
  4554. position: relative;
  4555. top: -1.2em;
  4556. float: left;
  4557. margin-bottom: 0;
  4558. margin-left: -72px;
  4559. }
  4560. .profile-content {
  4561. overflow: hidden;
  4562. height: 2.8em;
  4563. line-height: 1.4em;
  4564. }
  4565. .profile-content:before {
  4566. content: "";
  4567. float: left;
  4568. width: 5px;
  4569. height: 2.8em;
  4570. }
  4571. .profile-content > *:first-child {
  4572. float: right;
  4573. width: 100%;
  4574. margin-left: -5px;
  4575. }
  4576. .profile-content:after {
  4577. content: "\02026";
  4578. float: right;
  4579. position: relative;
  4580. top: -1.4em;
  4581. left: 100%;
  4582. width: 3em;
  4583. margin-left: -3em;
  4584. padding-right: 5px;
  4585. text-align: right;
  4586. background: #fff;
  4587. background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
  4588. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  4589. background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  4590. background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  4591. background: linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  4592. }
  4593. .associated-groups-title,
  4594. .associated-groups,
  4595. .group-item {
  4596. display: inline;
  4597. margin: 0;
  4598. color: #858585;
  4599. white-space: normal;
  4600. }
  4601. .associated-groups-title {
  4602. font-weight: normal;
  4603. }
  4604. .associated-groups, .block-content .associated-groups {
  4605. padding-left: 0;
  4606. }
  4607. .associated-groups-title,
  4608. .group-item {
  4609. margin-right: .2em;
  4610. font-size: .88em;
  4611. }
  4612. .group-item:after {
  4613. content: ",";
  4614. }
  4615. .group-item:last-child {
  4616. margin-right: 0;
  4617. }
  4618. .group-item:last-child:after {
  4619. content: ".";
  4620. }
  4621. .profile-actions {
  4622. clear: both;
  4623. width: 100%;
  4624. margin-top: 10px;
  4625. margin-left: -10px;
  4626. margin-right: -10px;
  4627. padding: 5px 10px;
  4628. background: whitesmoke;
  4629. border-top: 1px solid #cccccc;
  4630. -moz-border-radius-bottomright: 0.4em;
  4631. -webkit-border-bottom-right-radius: 0.4em;
  4632. border-bottom-right-radius: 0.4em;
  4633. -moz-border-radius-bottomleft: 0.4em;
  4634. -webkit-border-bottom-left-radius: 0.4em;
  4635. border-bottom-left-radius: 0.4em;
  4636. }
  4637. .profile-actions .field {
  4638. /* Make fields in the wrapper inline. */
  4639. display: inline-block;
  4640. }
  4641. /**
  4642. * Notification settings
  4643. */
  4644. .view-commons-follow-node .views-field-ops,
  4645. .view-commons-follow-node .views-field-ops-1,
  4646. .view-commons-follow-user .views-field-ops,
  4647. .view-commons-follow-user .views-field-ops-1,
  4648. .view-commons-follow-taxonomy-term .views-field-ops,
  4649. .view-commons-follow-taxonomy-term .views-field-ops-1 {
  4650. width: 20%;
  4651. }
  4652. .view-commons-follow-node .views-field-ops,
  4653. .view-commons-follow-user .views-field-ops,
  4654. .view-commons-follow-taxonomy-term .views-field-ops {
  4655. text-align: right;
  4656. }
  4657. .view-commons-follow-node .views-field-ops-1,
  4658. .view-commons-follow-user .views-field-ops-1,
  4659. .view-commons-follow-taxonomy-term .views-field-ops-1 {
  4660. text-align: center;
  4661. }
  4662. /**
  4663. * Trusted contacts
  4664. */
  4665. .views-field-field-membership-token a:first-child:after {
  4666. content: "|";
  4667. display: inline-block;
  4668. padding: 0 .3em 0 .5em;
  4669. color: #333333;
  4670. }
  4671. .trusted-status-request:before {
  4672. content: "\271a";
  4673. position: relative;
  4674. top: .1em;
  4675. display: inline-block;
  4676. margin-right: .2em;
  4677. font-size: 1.4em;
  4678. line-height: .6em;
  4679. }
  4680. .message-contact:before {
  4681. content: "";
  4682. background: url('../images/icons-s34f2cfa4c8.png') 0 -531px no-repeat;
  4683. width: 11px;
  4684. height: 12px;
  4685. display: inline-block;
  4686. margin-right: 3px;
  4687. position: relative;
  4688. top: 1px;
  4689. }
  4690. /**
  4691. * Private message
  4692. */
  4693. .privatemsg-conversation .form-actions,
  4694. .privatemsg-conversation .form-actions [class*="action-item"] {
  4695. margin-bottom: 0;
  4696. }
  4697. .privatemsg-message-participants {
  4698. margin-bottom: 10px;
  4699. padding-bottom: 10px;
  4700. border-bottom: 1px solid #cccccc;
  4701. }
  4702. .privatemsg-message {
  4703. -webkit-box-sizing: border-box;
  4704. -moz-box-sizing: border-box;
  4705. box-sizing: border-box;
  4706. width: 100%;
  4707. margin-bottom: 10px;
  4708. padding-bottom: 10px;
  4709. padding-left: 72px;
  4710. border-bottom: 1px solid #cccccc;
  4711. }
  4712. .privatemsg-message .user-picture {
  4713. position: relative;
  4714. float: left;
  4715. width: 50px;
  4716. margin-left: -72px;
  4717. }
  4718. .privatemsg-message-links {
  4719. font-size: .88em;
  4720. text-align: right;
  4721. }
  4722. .message-delete:before {
  4723. content: "\2715";
  4724. display: inline-block;
  4725. margin-right: .3em;
  4726. color: #a3a3a3;
  4727. font-weight: bold;
  4728. }
  4729. /**
  4730. * Commons Origins Pallete Choices
  4731. */
  4732. #edit-commons-origins-palette .form-item-commons-origins-palette {
  4733. clear: both;
  4734. margin-bottom: 10px;
  4735. }
  4736. #edit-commons-origins-palette .form-item-commons-origins-palette input[type="radio"] {
  4737. float: left;
  4738. }
  4739. #edit-commons-origins-palette .form-item-commons-origins-palette label {
  4740. margin-left: 20px;
  4741. }
  4742. /**
  4743. * Login and signup form
  4744. */
  4745. #user-login input[type="text"], #user-login input[type="password"], #user-register-form input[type="text"], #user-register-form input[type="password"] {
  4746. width: 20em;
  4747. max-width: 100%;
  4748. }
  4749. /**
  4750. * Profile listings
  4751. */
  4752. .profile-badges {
  4753. margin: 0 0 0 -10px;
  4754. }
  4755. .profile-badges, .block-content .profile-badges {
  4756. padding: 0;
  4757. }
  4758. [dir="rtl"] .profile-badges {
  4759. margin-right: -10px;
  4760. margin-left: 0;
  4761. }
  4762. .profile-badge {
  4763. float: left;
  4764. display: block;
  4765. width: 33%;
  4766. list-style-type: none;
  4767. text-align: center;
  4768. -webkit-box-sizing: border-box;
  4769. -moz-box-sizing: border-box;
  4770. box-sizing: border-box;
  4771. }
  4772. [dir="rtl"] .profile-badge {
  4773. float: right;
  4774. }
  4775. .profile-badge, .block-content .profile-badge {
  4776. margin: 0 0 10px 0;
  4777. padding-left: 10px;
  4778. }
  4779. [dir="rtl"] .profile-badge, [dir="rtl"] .block-content .profile-badge {
  4780. padding-right: 10px;
  4781. padding-left: 0;
  4782. }
  4783. .profile-badge:nth-child(3n+1) {
  4784. clear: left;
  4785. }
  4786. [dir="rtl"] .profile-badge:nth-child(3n+1) {
  4787. clear: right;
  4788. }
  4789. @media only screen and (min-width: 769px) {
  4790. .profile-badge {
  4791. width: 25%;
  4792. }
  4793. .profile-badge:nth-child(3n+1) {
  4794. clear: none;
  4795. }
  4796. [dir="rtl"] .profile-badge:nth-child(3n+1) {
  4797. clear: none;
  4798. }
  4799. .profile-badge:nth-child(4n+1) {
  4800. clear: left;
  4801. }
  4802. [dir="rtl"] .profile-badge:nth-child(4n+1) {
  4803. clear: right;
  4804. }
  4805. }
  4806. .profile-badge-picture .user-picture {
  4807. background: none;
  4808. padding: 0;
  4809. -webkit-border-radius: 0;
  4810. -moz-border-radius: 0;
  4811. -ms-border-radius: 0;
  4812. -o-border-radius: 0;
  4813. border-radius: 0;
  4814. -webkit-box-shadow: none;
  4815. -moz-box-shadow: none;
  4816. box-shadow: none;
  4817. }
  4818. .profile-badge-name {
  4819. display: block;
  4820. line-height: 1.2em;
  4821. font-size: .88em;
  4822. margin-top: .6em;
  4823. }
  4824. /**
  4825. * Add the color palettes
  4826. */
  4827. .palette-orange-red h2 {
  4828. color: #830c00;
  4829. }
  4830. .palette-orange-red .header-color-row-one {
  4831. background-color: #830c00;
  4832. border-top: 1.5em solid black;
  4833. }
  4834. @media only screen and (min-width: 769px) {
  4835. .palette-orange-red .header-color-row-one {
  4836. border-top: none;
  4837. }
  4838. }
  4839. .boxshadow .palette-orange-red .header-color-row-one {
  4840. -webkit-box-shadow: #830c00 0px -1px 0px;
  4841. -moz-box-shadow: #830c00 0px -1px 0px;
  4842. box-shadow: #830c00 0px -1px 0px;
  4843. }
  4844. .palette-orange-red .header-color-row-two {
  4845. background-color: #d54f1a;
  4846. border-top: 1px solid #e76c3b;
  4847. border-bottom: 1px solid #a83e14;
  4848. }
  4849. .palette-orange-red h1.node-title {
  4850. color: #d54f1a;
  4851. }
  4852. .palette-orange-red h1.node-title a {
  4853. color: #d54f1a;
  4854. }
  4855. .palette-orange-red a, .palette-orange-red .commons-bw-create-all-widget-types li a {
  4856. color: #d54f1a;
  4857. }
  4858. .palette-orange-red .select-status:after {
  4859. border-top-color: #d54f1a;
  4860. }
  4861. .palette-orange-red #menu-bar.nav ul.menu li:hover .arrow:before,
  4862. .palette-orange-red #menu-bar.nav ul.menu li.active-trail .arrow:before {
  4863. border-color: transparent transparent #e76c3b transparent;
  4864. }
  4865. .palette-orange-red #menu-bar.nav ul.menu li:hover .arrow:after,
  4866. .palette-orange-red #menu-bar.nav ul.menu li.active-trail .arrow:after {
  4867. border-color: transparent transparent #d54f1a transparent;
  4868. }
  4869. .palette-orange-red ul.commons-utility-links li.last {
  4870. border-left-color: #d54f1a;
  4871. }
  4872. .palette-orange-red .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  4873. .palette-orange-red .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  4874. .palette-orange-red ul.primary.tabs li a,
  4875. .palette-orange-red ul.primary.tabs li a span {
  4876. color: #d54f1a;
  4877. }
  4878. .palette-orange-red .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  4879. .palette-orange-red ul.primary.tabs li a:hover {
  4880. color: #a83e14;
  4881. }
  4882. .palette-orange-red .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  4883. .palette-orange-red .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  4884. .palette-orange-red ul.primary.tabs li.active a,
  4885. .palette-orange-red ul.primary.tabs li.active a span {
  4886. color: #333333;
  4887. }
  4888. .palette-orange-red .partial-node-form-title {
  4889. color: #ff9126;
  4890. }
  4891. .palette-orange-red .block-search {
  4892. background-color: #9e3b13;
  4893. *zoom: 1;
  4894. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF9E3B13', endColorstr='#FFBA4517');
  4895. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9e3b13), color-stop(100%, #ba4517));
  4896. background-image: -webkit-linear-gradient(top, #9e3b13 0%, #ba4517 100%);
  4897. background-image: -moz-linear-gradient(top, #9e3b13 0%, #ba4517 100%);
  4898. background-image: -o-linear-gradient(top, #9e3b13 0%, #ba4517 100%);
  4899. background-image: linear-gradient(top, #9e3b13 0%, #ba4517 100%);
  4900. }
  4901. .palette-orange-red .commons-bw-create-all-widget-types, .palette-orange-red li.sharethis .sharethis-wrapper {
  4902. border-color: #d54f1a;
  4903. }
  4904. .palette-orange-red li.sharethis .sharethis-wrapper:before {
  4905. border-color: #d54f1a transparent transparent transparent;
  4906. }
  4907. .palette-orange-red #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-orange-red a {
  4908. border-left: 1px solid #a20f00;
  4909. -webkit-box-shadow: #410600 -1px 0px 0px;
  4910. -moz-box-shadow: #410600 -1px 0px 0px;
  4911. box-shadow: #410600 -1px 0px 0px;
  4912. }
  4913. .palette-orange-red #menu-bar.nav {
  4914. border-right: 1px solid #410600;
  4915. -webkit-box-shadow: #a20f00 1px 0px 0px;
  4916. -moz-box-shadow: #a20f00 1px 0px 0px;
  4917. box-shadow: #a20f00 1px 0px 0px;
  4918. }
  4919. .palette-orange-red .action-item-primary,
  4920. .palette-orange-red .action-item-small-primary,
  4921. .palette-orange-red .action-item-large-primary, .palette-orange-red .commons-sign-up, .palette-orange-red .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-orange-red a, .palette-orange-red .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-orange-red a {
  4922. background-color: #ff9126;
  4923. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9e40), color-stop(100%, #ff840c));
  4924. background: -webkit-linear-gradient(#ff9e40, #ff840c);
  4925. background: -moz-linear-gradient(#ff9e40, #ff840c);
  4926. background: -o-linear-gradient(#ff9e40, #ff840c);
  4927. background: linear-gradient(#ff9e40, #ff840c);
  4928. border-color: #bf5e00;
  4929. text-shadow: -1px 1px 2px #f27700, -1px -1px 2px #f27700, 1px -1px 2px #f27700, 1px 1px 2px #f27700;
  4930. }
  4931. .palette-orange-red .action-item-primary,
  4932. .palette-orange-red .action-item-small-primary,
  4933. .palette-orange-red .action-item-large-primary, .palette-orange-red .commons-sign-up, .palette-orange-red .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-orange-red a, .palette-orange-red .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-orange-red a, .palette-orange-red .action-item-primary:link,
  4934. .palette-orange-red .action-item-small-primary:link,
  4935. .palette-orange-red .action-item-large-primary:link, .palette-orange-red .commons-sign-up:link, .palette-orange-red .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-orange-red a:link, .palette-orange-red .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-orange-red a:link, .palette-orange-red .action-item-primary:visited,
  4936. .palette-orange-red .action-item-small-primary:visited,
  4937. .palette-orange-red .action-item-large-primary:visited, .palette-orange-red .commons-sign-up:visited, .palette-orange-red .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-orange-red a:visited, .palette-orange-red .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-orange-red a:visited {
  4938. color: white;
  4939. }
  4940. .palette-orange-red .action-item-primary:hover,
  4941. .palette-orange-red .action-item-small-primary:hover,
  4942. .palette-orange-red .action-item-large-primary:hover, .palette-orange-red .commons-sign-up:hover, .palette-orange-red .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-orange-red a:hover, .palette-orange-red .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-orange-red a:hover {
  4943. color: white;
  4944. background-color: #ff840c;
  4945. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9126), color-stop(100%, #f27700));
  4946. background: -webkit-linear-gradient(#ff9126, #f27700);
  4947. background: -moz-linear-gradient(#ff9126, #f27700);
  4948. background: -o-linear-gradient(#ff9126, #f27700);
  4949. background: linear-gradient(#ff9126, #f27700);
  4950. border-color: #8c4500;
  4951. text-shadow: -1px 1px 2px #f27700, -1px -1px 2px #f27700, 1px -1px 2px #f27700, 1px 1px 2px #f27700;
  4952. }
  4953. .palette-orange-red .action-item-primary:focus,
  4954. .palette-orange-red .action-item-small-primary:focus,
  4955. .palette-orange-red .action-item-large-primary:focus, .palette-orange-red .commons-sign-up:focus, .palette-orange-red .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-orange-red a:focus, .palette-orange-red .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-orange-red a:focus, .palette-orange-red .action-item-primary:active,
  4956. .palette-orange-red .action-item-small-primary:active,
  4957. .palette-orange-red .action-item-large-primary:active, .palette-orange-red .commons-sign-up:active, .palette-orange-red .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-orange-red a:active, .palette-orange-red .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-orange-red a:active {
  4958. background: #ff9126;
  4959. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff840c), color-stop(100%, #ff9e40));
  4960. background: -webkit-linear-gradient(#ff840c, #ff9e40);
  4961. background: -moz-linear-gradient(#ff840c, #ff9e40);
  4962. background: -o-linear-gradient(#ff840c, #ff9e40);
  4963. background: linear-gradient(#ff840c, #ff9e40);
  4964. border-color: #bf5e00;
  4965. text-shadow: -1px 1px 2px #f27700, -1px -1px 2px #f27700, 1px -1px 2px #f27700, 1px 1px 2px #f27700;
  4966. }
  4967. .palette-orange-red [disabled].action-item-primary,
  4968. .palette-orange-red [disabled].action-item-small-primary,
  4969. .palette-orange-red [disabled].action-item-large-primary, .palette-orange-red [disabled].commons-sign-up, .palette-orange-red .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-orange-red a[disabled], .palette-orange-red .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-orange-red a[disabled] {
  4970. color: #ffc58c;
  4971. background: #ff9126;
  4972. border-color: #bf5e00;
  4973. -webkit-box-shadow: none;
  4974. -moz-box-shadow: none;
  4975. box-shadow: none;
  4976. text-shadow: none;
  4977. }
  4978. .palette-orange-red .action-item-search[type="submit"] {
  4979. min-width: 15px;
  4980. background: #ff9126 url('../images/icons/icon-search.png?1400601840') no-repeat;
  4981. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9e40), color-stop(100%, #ff840c));
  4982. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#ff9e40, #ff840c);
  4983. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#ff9e40, #ff840c);
  4984. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#ff9e40, #ff840c);
  4985. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#ff9e40, #ff840c);
  4986. border-color: #bf5e00;
  4987. text-shadow: -1px 1px 2px #f27700, -1px -1px 2px #f27700, 1px -1px 2px #f27700, 1px 1px 2px #f27700;
  4988. }
  4989. .palette-orange-red .action-item-search[type="submit"], .palette-orange-red .action-item-search[type="submit"]:link, .palette-orange-red .action-item-search[type="submit"]:visited {
  4990. color: white;
  4991. }
  4992. .palette-orange-red .action-item-search[type="submit"]:hover {
  4993. color: white;
  4994. background: #ff840c url('../images/icons/icon-search.png?1400601840') no-repeat;
  4995. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9126), color-stop(100%, #f27700));
  4996. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#ff9126, #f27700);
  4997. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#ff9126, #f27700);
  4998. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#ff9126, #f27700);
  4999. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#ff9126, #f27700);
  5000. border-color: #8c4500;
  5001. text-shadow: -1px 1px 2px #f27700, -1px -1px 2px #f27700, 1px -1px 2px #f27700, 1px 1px 2px #f27700;
  5002. }
  5003. .palette-orange-red .action-item-search[type="submit"]:focus, .palette-orange-red .action-item-search[type="submit"]:active {
  5004. background: #ff9126 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5005. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff840c), color-stop(100%, #ff9e40));
  5006. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#ff840c, #ff9e40);
  5007. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#ff840c, #ff9e40);
  5008. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#ff840c, #ff9e40);
  5009. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#ff840c, #ff9e40);
  5010. border-color: #bf5e00;
  5011. text-shadow: -1px 1px 2px #f27700, -1px -1px 2px #f27700, 1px -1px 2px #f27700, 1px 1px 2px #f27700;
  5012. }
  5013. .palette-orange-red [disabled].action-item-search[type="submit"] {
  5014. color: #ffc58c;
  5015. background: #ff9126;
  5016. border-color: #bf5e00;
  5017. -webkit-box-shadow: none;
  5018. -moz-box-shadow: none;
  5019. box-shadow: none;
  5020. text-shadow: none;
  5021. }
  5022. .palette-orange-red .action-item-search[type="submit"], .palette-orange-red .action-item-search[type="submit"]:hover, .palette-orange-red .action-item-search[type="submit"]:active, .palette-orange-red .action-item-search[type="submit"]:focus {
  5023. background-position: 1.5em center;
  5024. }
  5025. .palette-orange-red .notification-count {
  5026. background: #feb431;
  5027. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feb431), color-stop(100%, #c88001));
  5028. background: -webkit-linear-gradient(#feb431, #c88001);
  5029. background: -moz-linear-gradient(#feb431, #c88001);
  5030. background: -o-linear-gradient(#feb431, #c88001);
  5031. background: linear-gradient(#feb431, #c88001);
  5032. -webkit-box-shadow: 0 0 2px #830c00;
  5033. -moz-box-shadow: 0 0 2px #830c00;
  5034. box-shadow: 0 0 2px #830c00;
  5035. }
  5036. .palette-magenta-blue h2 {
  5037. color: #891746;
  5038. }
  5039. .palette-magenta-blue .header-color-row-one {
  5040. background-color: #891746;
  5041. border-top: 1.5em solid black;
  5042. }
  5043. @media only screen and (min-width: 769px) {
  5044. .palette-magenta-blue .header-color-row-one {
  5045. border-top: none;
  5046. }
  5047. }
  5048. .boxshadow .palette-magenta-blue .header-color-row-one {
  5049. -webkit-box-shadow: #891746 0px -1px 0px;
  5050. -moz-box-shadow: #891746 0px -1px 0px;
  5051. box-shadow: #891746 0px -1px 0px;
  5052. }
  5053. .palette-magenta-blue .header-color-row-two {
  5054. background-color: #e60074;
  5055. border-top: 1px solid #ff1a8d;
  5056. border-bottom: 1px solid #b3005a;
  5057. }
  5058. .palette-magenta-blue h1.node-title {
  5059. color: #e60074;
  5060. }
  5061. .palette-magenta-blue h1.node-title a {
  5062. color: #e60074;
  5063. }
  5064. .palette-magenta-blue a, .palette-magenta-blue .commons-bw-create-all-widget-types li a {
  5065. color: #e60074;
  5066. }
  5067. .palette-magenta-blue .select-status:after {
  5068. border-top-color: #e60074;
  5069. }
  5070. .palette-magenta-blue #menu-bar.nav ul.menu li:hover .arrow:before,
  5071. .palette-magenta-blue #menu-bar.nav ul.menu li.active-trail .arrow:before {
  5072. border-color: transparent transparent #ff1a8d transparent;
  5073. }
  5074. .palette-magenta-blue #menu-bar.nav ul.menu li:hover .arrow:after,
  5075. .palette-magenta-blue #menu-bar.nav ul.menu li.active-trail .arrow:after {
  5076. border-color: transparent transparent #e60074 transparent;
  5077. }
  5078. .palette-magenta-blue ul.commons-utility-links li.last {
  5079. border-left-color: #e60074;
  5080. }
  5081. .palette-magenta-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  5082. .palette-magenta-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  5083. .palette-magenta-blue ul.primary.tabs li a,
  5084. .palette-magenta-blue ul.primary.tabs li a span {
  5085. color: #e60074;
  5086. }
  5087. .palette-magenta-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  5088. .palette-magenta-blue ul.primary.tabs li a:hover {
  5089. color: #b3005a;
  5090. }
  5091. .palette-magenta-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  5092. .palette-magenta-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  5093. .palette-magenta-blue ul.primary.tabs li.active a,
  5094. .palette-magenta-blue ul.primary.tabs li.active a span {
  5095. color: #333333;
  5096. }
  5097. .palette-magenta-blue .partial-node-form-title {
  5098. color: #0097bf;
  5099. }
  5100. .palette-magenta-blue .block-search {
  5101. background-color: #a90055;
  5102. *zoom: 1;
  5103. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA90055', endColorstr='#FFC70065');
  5104. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a90055), color-stop(100%, #c70065));
  5105. background-image: -webkit-linear-gradient(top, #a90055 0%, #c70065 100%);
  5106. background-image: -moz-linear-gradient(top, #a90055 0%, #c70065 100%);
  5107. background-image: -o-linear-gradient(top, #a90055 0%, #c70065 100%);
  5108. background-image: linear-gradient(top, #a90055 0%, #c70065 100%);
  5109. }
  5110. .palette-magenta-blue .commons-bw-create-all-widget-types, .palette-magenta-blue li.sharethis .sharethis-wrapper {
  5111. border-color: #e60074;
  5112. }
  5113. .palette-magenta-blue li.sharethis .sharethis-wrapper:before {
  5114. border-color: #e60074 transparent transparent transparent;
  5115. }
  5116. .palette-magenta-blue #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-magenta-blue a {
  5117. border-left: 1px solid #a31b53;
  5118. -webkit-box-shadow: #500d29 -1px 0px 0px;
  5119. -moz-box-shadow: #500d29 -1px 0px 0px;
  5120. box-shadow: #500d29 -1px 0px 0px;
  5121. }
  5122. .palette-magenta-blue #menu-bar.nav {
  5123. border-right: 1px solid #500d29;
  5124. -webkit-box-shadow: #a31b53 1px 0px 0px;
  5125. -moz-box-shadow: #a31b53 1px 0px 0px;
  5126. box-shadow: #a31b53 1px 0px 0px;
  5127. }
  5128. .palette-magenta-blue .action-item-primary,
  5129. .palette-magenta-blue .action-item-small-primary,
  5130. .palette-magenta-blue .action-item-large-primary, .palette-magenta-blue .commons-sign-up, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a, .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a {
  5131. background-color: #0097bf;
  5132. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00abd9), color-stop(100%, #0083a6));
  5133. background: -webkit-linear-gradient(#00abd9, #0083a6);
  5134. background: -moz-linear-gradient(#00abd9, #0083a6);
  5135. background: -o-linear-gradient(#00abd9, #0083a6);
  5136. background: linear-gradient(#00abd9, #0083a6);
  5137. border-color: #004659;
  5138. text-shadow: -1px 1px 2px #006f8c, -1px -1px 2px #006f8c, 1px -1px 2px #006f8c, 1px 1px 2px #006f8c;
  5139. }
  5140. .palette-magenta-blue .action-item-primary,
  5141. .palette-magenta-blue .action-item-small-primary,
  5142. .palette-magenta-blue .action-item-large-primary, .palette-magenta-blue .commons-sign-up, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a, .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a, .palette-magenta-blue .action-item-primary:link,
  5143. .palette-magenta-blue .action-item-small-primary:link,
  5144. .palette-magenta-blue .action-item-large-primary:link, .palette-magenta-blue .commons-sign-up:link, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a:link, .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a:link, .palette-magenta-blue .action-item-primary:visited,
  5145. .palette-magenta-blue .action-item-small-primary:visited,
  5146. .palette-magenta-blue .action-item-large-primary:visited, .palette-magenta-blue .commons-sign-up:visited, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a:visited, .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a:visited {
  5147. color: white;
  5148. }
  5149. .palette-magenta-blue .action-item-primary:hover,
  5150. .palette-magenta-blue .action-item-small-primary:hover,
  5151. .palette-magenta-blue .action-item-large-primary:hover, .palette-magenta-blue .commons-sign-up:hover, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a:hover, .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a:hover {
  5152. color: white;
  5153. background-color: #0083a6;
  5154. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0097bf), color-stop(100%, #006f8c));
  5155. background: -webkit-linear-gradient(#0097bf, #006f8c);
  5156. background: -moz-linear-gradient(#0097bf, #006f8c);
  5157. background: -o-linear-gradient(#0097bf, #006f8c);
  5158. background: linear-gradient(#0097bf, #006f8c);
  5159. border-color: #001e26;
  5160. text-shadow: -1px 1px 2px #006f8c, -1px -1px 2px #006f8c, 1px -1px 2px #006f8c, 1px 1px 2px #006f8c;
  5161. }
  5162. .palette-magenta-blue .action-item-primary:focus,
  5163. .palette-magenta-blue .action-item-small-primary:focus,
  5164. .palette-magenta-blue .action-item-large-primary:focus, .palette-magenta-blue .commons-sign-up:focus, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a:focus, .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a:focus, .palette-magenta-blue .action-item-primary:active,
  5165. .palette-magenta-blue .action-item-small-primary:active,
  5166. .palette-magenta-blue .action-item-large-primary:active, .palette-magenta-blue .commons-sign-up:active, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a:active, .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a:active {
  5167. background: #0097bf;
  5168. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0083a6), color-stop(100%, #00abd9));
  5169. background: -webkit-linear-gradient(#0083a6, #00abd9);
  5170. background: -moz-linear-gradient(#0083a6, #00abd9);
  5171. background: -o-linear-gradient(#0083a6, #00abd9);
  5172. background: linear-gradient(#0083a6, #00abd9);
  5173. border-color: #004659;
  5174. text-shadow: -1px 1px 2px #006f8c, -1px -1px 2px #006f8c, 1px -1px 2px #006f8c, 1px 1px 2px #006f8c;
  5175. }
  5176. .palette-magenta-blue [disabled].action-item-primary,
  5177. .palette-magenta-blue [disabled].action-item-small-primary,
  5178. .palette-magenta-blue [disabled].action-item-large-primary, .palette-magenta-blue [disabled].commons-sign-up, .palette-magenta-blue .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-magenta-blue a[disabled], .palette-magenta-blue .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-magenta-blue a[disabled] {
  5179. color: #26d2ff;
  5180. background: #0097bf;
  5181. border-color: #004659;
  5182. -webkit-box-shadow: none;
  5183. -moz-box-shadow: none;
  5184. box-shadow: none;
  5185. text-shadow: none;
  5186. }
  5187. .palette-magenta-blue .action-item-search[type="submit"] {
  5188. min-width: 15px;
  5189. background: #0097bf url('../images/icons/icon-search.png?1400601840') no-repeat;
  5190. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00abd9), color-stop(100%, #0083a6));
  5191. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#00abd9, #0083a6);
  5192. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#00abd9, #0083a6);
  5193. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#00abd9, #0083a6);
  5194. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#00abd9, #0083a6);
  5195. border-color: #004659;
  5196. text-shadow: -1px 1px 2px #006f8c, -1px -1px 2px #006f8c, 1px -1px 2px #006f8c, 1px 1px 2px #006f8c;
  5197. }
  5198. .palette-magenta-blue .action-item-search[type="submit"], .palette-magenta-blue .action-item-search[type="submit"]:link, .palette-magenta-blue .action-item-search[type="submit"]:visited {
  5199. color: white;
  5200. }
  5201. .palette-magenta-blue .action-item-search[type="submit"]:hover {
  5202. color: white;
  5203. background: #0083a6 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5204. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0097bf), color-stop(100%, #006f8c));
  5205. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#0097bf, #006f8c);
  5206. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#0097bf, #006f8c);
  5207. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#0097bf, #006f8c);
  5208. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#0097bf, #006f8c);
  5209. border-color: #001e26;
  5210. text-shadow: -1px 1px 2px #006f8c, -1px -1px 2px #006f8c, 1px -1px 2px #006f8c, 1px 1px 2px #006f8c;
  5211. }
  5212. .palette-magenta-blue .action-item-search[type="submit"]:focus, .palette-magenta-blue .action-item-search[type="submit"]:active {
  5213. background: #0097bf url('../images/icons/icon-search.png?1400601840') no-repeat;
  5214. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0083a6), color-stop(100%, #00abd9));
  5215. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#0083a6, #00abd9);
  5216. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#0083a6, #00abd9);
  5217. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#0083a6, #00abd9);
  5218. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#0083a6, #00abd9);
  5219. border-color: #004659;
  5220. text-shadow: -1px 1px 2px #006f8c, -1px -1px 2px #006f8c, 1px -1px 2px #006f8c, 1px 1px 2px #006f8c;
  5221. }
  5222. .palette-magenta-blue [disabled].action-item-search[type="submit"] {
  5223. color: #26d2ff;
  5224. background: #0097bf;
  5225. border-color: #004659;
  5226. -webkit-box-shadow: none;
  5227. -moz-box-shadow: none;
  5228. box-shadow: none;
  5229. text-shadow: none;
  5230. }
  5231. .palette-magenta-blue .action-item-search[type="submit"], .palette-magenta-blue .action-item-search[type="submit"]:hover, .palette-magenta-blue .action-item-search[type="submit"]:active, .palette-magenta-blue .action-item-search[type="submit"]:focus {
  5232. background-position: 1.5em center;
  5233. }
  5234. .palette-magenta-blue .notification-count {
  5235. background: #69c5ec;
  5236. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #69c5ec), color-stop(100%, #1b9dd4));
  5237. background: -webkit-linear-gradient(#69c5ec, #1b9dd4);
  5238. background: -moz-linear-gradient(#69c5ec, #1b9dd4);
  5239. background: -o-linear-gradient(#69c5ec, #1b9dd4);
  5240. background: linear-gradient(#69c5ec, #1b9dd4);
  5241. -webkit-box-shadow: 0 0 2px #891746;
  5242. -moz-box-shadow: 0 0 2px #891746;
  5243. box-shadow: 0 0 2px #891746;
  5244. }
  5245. .palette-blue-blue h2 {
  5246. color: #197bb1;
  5247. }
  5248. .palette-blue-blue .header-color-row-one {
  5249. background-color: #197bb1;
  5250. border-top: 1.5em solid black;
  5251. }
  5252. @media only screen and (min-width: 769px) {
  5253. .palette-blue-blue .header-color-row-one {
  5254. border-top: none;
  5255. }
  5256. }
  5257. .boxshadow .palette-blue-blue .header-color-row-one {
  5258. -webkit-box-shadow: #197bb1 0px -1px 0px;
  5259. -moz-box-shadow: #197bb1 0px -1px 0px;
  5260. box-shadow: #197bb1 0px -1px 0px;
  5261. }
  5262. .palette-blue-blue .header-color-row-two {
  5263. background-color: #0d8bb9;
  5264. border-top: 1px solid #10afe9;
  5265. border-bottom: 1px solid #0a6789;
  5266. }
  5267. .palette-blue-blue h1.node-title {
  5268. color: #0d8bb9;
  5269. }
  5270. .palette-blue-blue h1.node-title a {
  5271. color: #0d8bb9;
  5272. }
  5273. .palette-blue-blue a, .palette-blue-blue .commons-bw-create-all-widget-types li a {
  5274. color: #0d8bb9;
  5275. }
  5276. .palette-blue-blue .select-status:after {
  5277. border-top-color: #0d8bb9;
  5278. }
  5279. .palette-blue-blue #menu-bar.nav ul.menu li:hover .arrow:before,
  5280. .palette-blue-blue #menu-bar.nav ul.menu li.active-trail .arrow:before {
  5281. border-color: transparent transparent #10afe9 transparent;
  5282. }
  5283. .palette-blue-blue #menu-bar.nav ul.menu li:hover .arrow:after,
  5284. .palette-blue-blue #menu-bar.nav ul.menu li.active-trail .arrow:after {
  5285. border-color: transparent transparent #0d8bb9 transparent;
  5286. }
  5287. .palette-blue-blue ul.commons-utility-links li.last {
  5288. border-left-color: #0d8bb9;
  5289. }
  5290. .palette-blue-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  5291. .palette-blue-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  5292. .palette-blue-blue ul.primary.tabs li a,
  5293. .palette-blue-blue ul.primary.tabs li a span {
  5294. color: #0d8bb9;
  5295. }
  5296. .palette-blue-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  5297. .palette-blue-blue ul.primary.tabs li a:hover {
  5298. color: #0a6789;
  5299. }
  5300. .palette-blue-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  5301. .palette-blue-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  5302. .palette-blue-blue ul.primary.tabs li.active a,
  5303. .palette-blue-blue ul.primary.tabs li.active a span {
  5304. color: #333333;
  5305. }
  5306. .palette-blue-blue .partial-node-form-title {
  5307. color: #7ebd26;
  5308. }
  5309. .palette-blue-blue .block-search {
  5310. background-color: #096080;
  5311. *zoom: 1;
  5312. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF096080', endColorstr='#FF0B769C');
  5313. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #096080), color-stop(100%, #0b769c));
  5314. background-image: -webkit-linear-gradient(top, #096080 0%, #0b769c 100%);
  5315. background-image: -moz-linear-gradient(top, #096080 0%, #0b769c 100%);
  5316. background-image: -o-linear-gradient(top, #096080 0%, #0b769c 100%);
  5317. background-image: linear-gradient(top, #096080 0%, #0b769c 100%);
  5318. }
  5319. .palette-blue-blue .commons-bw-create-all-widget-types, .palette-blue-blue li.sharethis .sharethis-wrapper {
  5320. border-color: #0d8bb9;
  5321. }
  5322. .palette-blue-blue li.sharethis .sharethis-wrapper:before {
  5323. border-color: #0d8bb9 transparent transparent transparent;
  5324. }
  5325. .palette-blue-blue #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-blue-blue a {
  5326. border-left: 1px solid #1d8ecc;
  5327. -webkit-box-shadow: #115377 -1px 0px 0px;
  5328. -moz-box-shadow: #115377 -1px 0px 0px;
  5329. box-shadow: #115377 -1px 0px 0px;
  5330. }
  5331. .palette-blue-blue #menu-bar.nav {
  5332. border-right: 1px solid #115377;
  5333. -webkit-box-shadow: #1d8ecc 1px 0px 0px;
  5334. -moz-box-shadow: #1d8ecc 1px 0px 0px;
  5335. box-shadow: #1d8ecc 1px 0px 0px;
  5336. }
  5337. .palette-blue-blue .action-item-primary,
  5338. .palette-blue-blue .action-item-small-primary,
  5339. .palette-blue-blue .action-item-large-primary, .palette-blue-blue .commons-sign-up, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-blue-blue a, .palette-blue-blue .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-blue-blue a {
  5340. background-color: #7ebd26;
  5341. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cd22a), color-stop(100%, #70a822));
  5342. background: -webkit-linear-gradient(#8cd22a, #70a822);
  5343. background: -moz-linear-gradient(#8cd22a, #70a822);
  5344. background: -o-linear-gradient(#8cd22a, #70a822);
  5345. background: linear-gradient(#8cd22a, #70a822);
  5346. border-color: #456815;
  5347. text-shadow: -1px 1px 2px #62931d, -1px -1px 2px #62931d, 1px -1px 2px #62931d, 1px 1px 2px #62931d;
  5348. }
  5349. .palette-blue-blue .action-item-primary,
  5350. .palette-blue-blue .action-item-small-primary,
  5351. .palette-blue-blue .action-item-large-primary, .palette-blue-blue .commons-sign-up, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-blue-blue a, .palette-blue-blue .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-blue-blue a, .palette-blue-blue .action-item-primary:link,
  5352. .palette-blue-blue .action-item-small-primary:link,
  5353. .palette-blue-blue .action-item-large-primary:link, .palette-blue-blue .commons-sign-up:link, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-blue-blue a:link, .palette-blue-blue .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-blue-blue a:link, .palette-blue-blue .action-item-primary:visited,
  5354. .palette-blue-blue .action-item-small-primary:visited,
  5355. .palette-blue-blue .action-item-large-primary:visited, .palette-blue-blue .commons-sign-up:visited, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-blue-blue a:visited, .palette-blue-blue .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-blue-blue a:visited {
  5356. color: white;
  5357. }
  5358. .palette-blue-blue .action-item-primary:hover,
  5359. .palette-blue-blue .action-item-small-primary:hover,
  5360. .palette-blue-blue .action-item-large-primary:hover, .palette-blue-blue .commons-sign-up:hover, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-blue-blue a:hover, .palette-blue-blue .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-blue-blue a:hover {
  5361. color: white;
  5362. background-color: #70a822;
  5363. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ebd26), color-stop(100%, #62931d));
  5364. background: -webkit-linear-gradient(#7ebd26, #62931d);
  5365. background: -moz-linear-gradient(#7ebd26, #62931d);
  5366. background: -o-linear-gradient(#7ebd26, #62931d);
  5367. background: linear-gradient(#7ebd26, #62931d);
  5368. border-color: #293e0c;
  5369. text-shadow: -1px 1px 2px #62931d, -1px -1px 2px #62931d, 1px -1px 2px #62931d, 1px 1px 2px #62931d;
  5370. }
  5371. .palette-blue-blue .action-item-primary:focus,
  5372. .palette-blue-blue .action-item-small-primary:focus,
  5373. .palette-blue-blue .action-item-large-primary:focus, .palette-blue-blue .commons-sign-up:focus, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-blue-blue a:focus, .palette-blue-blue .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-blue-blue a:focus, .palette-blue-blue .action-item-primary:active,
  5374. .palette-blue-blue .action-item-small-primary:active,
  5375. .palette-blue-blue .action-item-large-primary:active, .palette-blue-blue .commons-sign-up:active, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-blue-blue a:active, .palette-blue-blue .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-blue-blue a:active {
  5376. background: #7ebd26;
  5377. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #70a822), color-stop(100%, #8cd22a));
  5378. background: -webkit-linear-gradient(#70a822, #8cd22a);
  5379. background: -moz-linear-gradient(#70a822, #8cd22a);
  5380. background: -o-linear-gradient(#70a822, #8cd22a);
  5381. background: linear-gradient(#70a822, #8cd22a);
  5382. border-color: #456815;
  5383. text-shadow: -1px 1px 2px #62931d, -1px -1px 2px #62931d, 1px -1px 2px #62931d, 1px 1px 2px #62931d;
  5384. }
  5385. .palette-blue-blue [disabled].action-item-primary,
  5386. .palette-blue-blue [disabled].action-item-small-primary,
  5387. .palette-blue-blue [disabled].action-item-large-primary, .palette-blue-blue [disabled].commons-sign-up, .palette-blue-blue .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-blue-blue a[disabled], .palette-blue-blue .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-blue-blue a[disabled] {
  5388. color: #aee168;
  5389. background: #7ebd26;
  5390. border-color: #456815;
  5391. -webkit-box-shadow: none;
  5392. -moz-box-shadow: none;
  5393. box-shadow: none;
  5394. text-shadow: none;
  5395. }
  5396. .palette-blue-blue .action-item-search[type="submit"] {
  5397. min-width: 15px;
  5398. background: #7ebd26 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5399. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cd22a), color-stop(100%, #70a822));
  5400. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#8cd22a, #70a822);
  5401. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#8cd22a, #70a822);
  5402. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#8cd22a, #70a822);
  5403. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#8cd22a, #70a822);
  5404. border-color: #456815;
  5405. text-shadow: -1px 1px 2px #62931d, -1px -1px 2px #62931d, 1px -1px 2px #62931d, 1px 1px 2px #62931d;
  5406. }
  5407. .palette-blue-blue .action-item-search[type="submit"], .palette-blue-blue .action-item-search[type="submit"]:link, .palette-blue-blue .action-item-search[type="submit"]:visited {
  5408. color: white;
  5409. }
  5410. .palette-blue-blue .action-item-search[type="submit"]:hover {
  5411. color: white;
  5412. background: #70a822 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5413. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ebd26), color-stop(100%, #62931d));
  5414. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#7ebd26, #62931d);
  5415. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#7ebd26, #62931d);
  5416. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#7ebd26, #62931d);
  5417. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#7ebd26, #62931d);
  5418. border-color: #293e0c;
  5419. text-shadow: -1px 1px 2px #62931d, -1px -1px 2px #62931d, 1px -1px 2px #62931d, 1px 1px 2px #62931d;
  5420. }
  5421. .palette-blue-blue .action-item-search[type="submit"]:focus, .palette-blue-blue .action-item-search[type="submit"]:active {
  5422. background: #7ebd26 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5423. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #70a822), color-stop(100%, #8cd22a));
  5424. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#70a822, #8cd22a);
  5425. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#70a822, #8cd22a);
  5426. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#70a822, #8cd22a);
  5427. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#70a822, #8cd22a);
  5428. border-color: #456815;
  5429. text-shadow: -1px 1px 2px #62931d, -1px -1px 2px #62931d, 1px -1px 2px #62931d, 1px 1px 2px #62931d;
  5430. }
  5431. .palette-blue-blue [disabled].action-item-search[type="submit"] {
  5432. color: #aee168;
  5433. background: #7ebd26;
  5434. border-color: #456815;
  5435. -webkit-box-shadow: none;
  5436. -moz-box-shadow: none;
  5437. box-shadow: none;
  5438. text-shadow: none;
  5439. }
  5440. .palette-blue-blue .action-item-search[type="submit"], .palette-blue-blue .action-item-search[type="submit"]:hover, .palette-blue-blue .action-item-search[type="submit"]:active, .palette-blue-blue .action-item-search[type="submit"]:focus {
  5441. background-position: 1.5em center;
  5442. }
  5443. .palette-blue-blue .notification-count {
  5444. background: #7ebd26;
  5445. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ebd26), color-stop(100%, #456815));
  5446. background: -webkit-linear-gradient(#7ebd26, #456815);
  5447. background: -moz-linear-gradient(#7ebd26, #456815);
  5448. background: -o-linear-gradient(#7ebd26, #456815);
  5449. background: linear-gradient(#7ebd26, #456815);
  5450. -webkit-box-shadow: 0 0 2px #197bb1;
  5451. -moz-box-shadow: 0 0 2px #197bb1;
  5452. box-shadow: 0 0 2px #197bb1;
  5453. }
  5454. .palette-black-green h2 {
  5455. color: #2d3538;
  5456. }
  5457. .palette-black-green .header-color-row-one {
  5458. background-color: #2d3538;
  5459. border-top: 1.5em solid black;
  5460. }
  5461. @media only screen and (min-width: 769px) {
  5462. .palette-black-green .header-color-row-one {
  5463. border-top: none;
  5464. }
  5465. }
  5466. .boxshadow .palette-black-green .header-color-row-one {
  5467. -webkit-box-shadow: #2d3538 0px -1px 0px;
  5468. -moz-box-shadow: #2d3538 0px -1px 0px;
  5469. box-shadow: #2d3538 0px -1px 0px;
  5470. }
  5471. .palette-black-green .header-color-row-two {
  5472. background-color: #81b453;
  5473. border-top: 1px solid #9bc377;
  5474. border-bottom: 1px solid #689440;
  5475. }
  5476. .palette-black-green h1.node-title {
  5477. color: #81b453;
  5478. }
  5479. .palette-black-green h1.node-title a {
  5480. color: #81b453;
  5481. }
  5482. .palette-black-green a, .palette-black-green .commons-bw-create-all-widget-types li a {
  5483. color: #81b453;
  5484. }
  5485. .palette-black-green .select-status:after {
  5486. border-top-color: #81b453;
  5487. }
  5488. .palette-black-green #menu-bar.nav ul.menu li:hover .arrow:before,
  5489. .palette-black-green #menu-bar.nav ul.menu li.active-trail .arrow:before {
  5490. border-color: transparent transparent #9bc377 transparent;
  5491. }
  5492. .palette-black-green #menu-bar.nav ul.menu li:hover .arrow:after,
  5493. .palette-black-green #menu-bar.nav ul.menu li.active-trail .arrow:after {
  5494. border-color: transparent transparent #81b453 transparent;
  5495. }
  5496. .palette-black-green ul.commons-utility-links li.last {
  5497. border-left-color: #81b453;
  5498. }
  5499. .palette-black-green .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  5500. .palette-black-green .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  5501. .palette-black-green ul.primary.tabs li a,
  5502. .palette-black-green ul.primary.tabs li a span {
  5503. color: #81b453;
  5504. }
  5505. .palette-black-green .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  5506. .palette-black-green ul.primary.tabs li a:hover {
  5507. color: #689440;
  5508. }
  5509. .palette-black-green .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  5510. .palette-black-green .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  5511. .palette-black-green ul.primary.tabs li.active a,
  5512. .palette-black-green ul.primary.tabs li.active a span {
  5513. color: #333333;
  5514. }
  5515. .palette-black-green .partial-node-form-title {
  5516. color: #4090ba;
  5517. }
  5518. .palette-black-green .block-search {
  5519. background-color: #638d3d;
  5520. *zoom: 1;
  5521. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF638D3D', endColorstr='#FF72A247');
  5522. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #638d3d), color-stop(100%, #72a247));
  5523. background-image: -webkit-linear-gradient(top, #638d3d 0%, #72a247 100%);
  5524. background-image: -moz-linear-gradient(top, #638d3d 0%, #72a247 100%);
  5525. background-image: -o-linear-gradient(top, #638d3d 0%, #72a247 100%);
  5526. background-image: linear-gradient(top, #638d3d 0%, #72a247 100%);
  5527. }
  5528. .palette-black-green .commons-bw-create-all-widget-types, .palette-black-green li.sharethis .sharethis-wrapper {
  5529. border-color: #81b453;
  5530. }
  5531. .palette-black-green li.sharethis .sharethis-wrapper:before {
  5532. border-color: #81b453 transparent transparent transparent;
  5533. }
  5534. .palette-black-green #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-black-green a {
  5535. border-left: 1px solid #3b4549;
  5536. -webkit-box-shadow: #0f1213 -1px 0px 0px;
  5537. -moz-box-shadow: #0f1213 -1px 0px 0px;
  5538. box-shadow: #0f1213 -1px 0px 0px;
  5539. }
  5540. .palette-black-green #menu-bar.nav {
  5541. border-right: 1px solid #0f1213;
  5542. -webkit-box-shadow: #3b4549 1px 0px 0px;
  5543. -moz-box-shadow: #3b4549 1px 0px 0px;
  5544. box-shadow: #3b4549 1px 0px 0px;
  5545. }
  5546. .palette-black-green .action-item-primary,
  5547. .palette-black-green .action-item-small-primary,
  5548. .palette-black-green .action-item-large-primary, .palette-black-green .commons-sign-up, .palette-black-green .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-black-green a, .palette-black-green .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-black-green a {
  5549. background-color: #4090ba;
  5550. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #519cc3), color-stop(100%, #3981a7));
  5551. background: -webkit-linear-gradient(#519cc3, #3981a7);
  5552. background: -moz-linear-gradient(#519cc3, #3981a7);
  5553. background: -o-linear-gradient(#519cc3, #3981a7);
  5554. background: linear-gradient(#519cc3, #3981a7);
  5555. border-color: #26556e;
  5556. text-shadow: -1px 1px 2px #337394, -1px -1px 2px #337394, 1px -1px 2px #337394, 1px 1px 2px #337394;
  5557. }
  5558. .palette-black-green .action-item-primary,
  5559. .palette-black-green .action-item-small-primary,
  5560. .palette-black-green .action-item-large-primary, .palette-black-green .commons-sign-up, .palette-black-green .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-black-green a, .palette-black-green .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-black-green a, .palette-black-green .action-item-primary:link,
  5561. .palette-black-green .action-item-small-primary:link,
  5562. .palette-black-green .action-item-large-primary:link, .palette-black-green .commons-sign-up:link, .palette-black-green .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-black-green a:link, .palette-black-green .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-black-green a:link, .palette-black-green .action-item-primary:visited,
  5563. .palette-black-green .action-item-small-primary:visited,
  5564. .palette-black-green .action-item-large-primary:visited, .palette-black-green .commons-sign-up:visited, .palette-black-green .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-black-green a:visited, .palette-black-green .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-black-green a:visited {
  5565. color: white;
  5566. }
  5567. .palette-black-green .action-item-primary:hover,
  5568. .palette-black-green .action-item-small-primary:hover,
  5569. .palette-black-green .action-item-large-primary:hover, .palette-black-green .commons-sign-up:hover, .palette-black-green .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-black-green a:hover, .palette-black-green .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-black-green a:hover {
  5570. color: white;
  5571. background-color: #3981a7;
  5572. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4090ba), color-stop(100%, #337394));
  5573. background: -webkit-linear-gradient(#4090ba, #337394);
  5574. background: -moz-linear-gradient(#4090ba, #337394);
  5575. background: -o-linear-gradient(#4090ba, #337394);
  5576. background: linear-gradient(#4090ba, #337394);
  5577. border-color: #193848;
  5578. text-shadow: -1px 1px 2px #337394, -1px -1px 2px #337394, 1px -1px 2px #337394, 1px 1px 2px #337394;
  5579. }
  5580. .palette-black-green .action-item-primary:focus,
  5581. .palette-black-green .action-item-small-primary:focus,
  5582. .palette-black-green .action-item-large-primary:focus, .palette-black-green .commons-sign-up:focus, .palette-black-green .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-black-green a:focus, .palette-black-green .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-black-green a:focus, .palette-black-green .action-item-primary:active,
  5583. .palette-black-green .action-item-small-primary:active,
  5584. .palette-black-green .action-item-large-primary:active, .palette-black-green .commons-sign-up:active, .palette-black-green .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-black-green a:active, .palette-black-green .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-black-green a:active {
  5585. background: #4090ba;
  5586. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3981a7), color-stop(100%, #519cc3));
  5587. background: -webkit-linear-gradient(#3981a7, #519cc3);
  5588. background: -moz-linear-gradient(#3981a7, #519cc3);
  5589. background: -o-linear-gradient(#3981a7, #519cc3);
  5590. background: linear-gradient(#3981a7, #519cc3);
  5591. border-color: #26556e;
  5592. text-shadow: -1px 1px 2px #337394, -1px -1px 2px #337394, 1px -1px 2px #337394, 1px 1px 2px #337394;
  5593. }
  5594. .palette-black-green [disabled].action-item-primary,
  5595. .palette-black-green [disabled].action-item-small-primary,
  5596. .palette-black-green [disabled].action-item-large-primary, .palette-black-green [disabled].commons-sign-up, .palette-black-green .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-black-green a[disabled], .palette-black-green .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-black-green a[disabled] {
  5597. color: #89bcd7;
  5598. background: #4090ba;
  5599. border-color: #26556e;
  5600. -webkit-box-shadow: none;
  5601. -moz-box-shadow: none;
  5602. box-shadow: none;
  5603. text-shadow: none;
  5604. }
  5605. .palette-black-green .action-item-search[type="submit"] {
  5606. min-width: 15px;
  5607. background: #4090ba url('../images/icons/icon-search.png?1400601840') no-repeat;
  5608. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #519cc3), color-stop(100%, #3981a7));
  5609. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#519cc3, #3981a7);
  5610. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#519cc3, #3981a7);
  5611. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#519cc3, #3981a7);
  5612. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#519cc3, #3981a7);
  5613. border-color: #26556e;
  5614. text-shadow: -1px 1px 2px #337394, -1px -1px 2px #337394, 1px -1px 2px #337394, 1px 1px 2px #337394;
  5615. }
  5616. .palette-black-green .action-item-search[type="submit"], .palette-black-green .action-item-search[type="submit"]:link, .palette-black-green .action-item-search[type="submit"]:visited {
  5617. color: white;
  5618. }
  5619. .palette-black-green .action-item-search[type="submit"]:hover {
  5620. color: white;
  5621. background: #3981a7 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5622. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4090ba), color-stop(100%, #337394));
  5623. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#4090ba, #337394);
  5624. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#4090ba, #337394);
  5625. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#4090ba, #337394);
  5626. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#4090ba, #337394);
  5627. border-color: #193848;
  5628. text-shadow: -1px 1px 2px #337394, -1px -1px 2px #337394, 1px -1px 2px #337394, 1px 1px 2px #337394;
  5629. }
  5630. .palette-black-green .action-item-search[type="submit"]:focus, .palette-black-green .action-item-search[type="submit"]:active {
  5631. background: #4090ba url('../images/icons/icon-search.png?1400601840') no-repeat;
  5632. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3981a7), color-stop(100%, #519cc3));
  5633. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#3981a7, #519cc3);
  5634. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#3981a7, #519cc3);
  5635. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#3981a7, #519cc3);
  5636. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#3981a7, #519cc3);
  5637. border-color: #26556e;
  5638. text-shadow: -1px 1px 2px #337394, -1px -1px 2px #337394, 1px -1px 2px #337394, 1px 1px 2px #337394;
  5639. }
  5640. .palette-black-green [disabled].action-item-search[type="submit"] {
  5641. color: #89bcd7;
  5642. background: #4090ba;
  5643. border-color: #26556e;
  5644. -webkit-box-shadow: none;
  5645. -moz-box-shadow: none;
  5646. box-shadow: none;
  5647. text-shadow: none;
  5648. }
  5649. .palette-black-green .action-item-search[type="submit"], .palette-black-green .action-item-search[type="submit"]:hover, .palette-black-green .action-item-search[type="submit"]:active, .palette-black-green .action-item-search[type="submit"]:focus {
  5650. background-position: 1.5em center;
  5651. }
  5652. .palette-black-green .notification-count {
  5653. background: #4090ba;
  5654. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4090ba), color-stop(100%, #26556e));
  5655. background: -webkit-linear-gradient(#4090ba, #26556e);
  5656. background: -moz-linear-gradient(#4090ba, #26556e);
  5657. background: -o-linear-gradient(#4090ba, #26556e);
  5658. background: linear-gradient(#4090ba, #26556e);
  5659. -webkit-box-shadow: 0 0 2px #2d3538;
  5660. -moz-box-shadow: 0 0 2px #2d3538;
  5661. box-shadow: 0 0 2px #2d3538;
  5662. }
  5663. .palette-brown-yellow h2 {
  5664. color: #6a513b;
  5665. }
  5666. .palette-brown-yellow .header-color-row-one {
  5667. background-color: #6a513b;
  5668. border-top: 1.5em solid black;
  5669. }
  5670. @media only screen and (min-width: 769px) {
  5671. .palette-brown-yellow .header-color-row-one {
  5672. border-top: none;
  5673. }
  5674. }
  5675. .boxshadow .palette-brown-yellow .header-color-row-one {
  5676. -webkit-box-shadow: #6a513b 0px -1px 0px;
  5677. -moz-box-shadow: #6a513b 0px -1px 0px;
  5678. box-shadow: #6a513b 0px -1px 0px;
  5679. }
  5680. .palette-brown-yellow .header-color-row-two {
  5681. background-color: #9c773d;
  5682. border-top: 1px solid #bb9251;
  5683. border-bottom: 1px solid #775b2f;
  5684. }
  5685. .palette-brown-yellow h1.node-title {
  5686. color: #9c773d;
  5687. }
  5688. .palette-brown-yellow h1.node-title a {
  5689. color: #9c773d;
  5690. }
  5691. .palette-brown-yellow a, .palette-brown-yellow .commons-bw-create-all-widget-types li a {
  5692. color: #9c773d;
  5693. }
  5694. .palette-brown-yellow .select-status:after {
  5695. border-top-color: #9c773d;
  5696. }
  5697. .palette-brown-yellow #menu-bar.nav ul.menu li:hover .arrow:before,
  5698. .palette-brown-yellow #menu-bar.nav ul.menu li.active-trail .arrow:before {
  5699. border-color: transparent transparent #bb9251 transparent;
  5700. }
  5701. .palette-brown-yellow #menu-bar.nav ul.menu li:hover .arrow:after,
  5702. .palette-brown-yellow #menu-bar.nav ul.menu li.active-trail .arrow:after {
  5703. border-color: transparent transparent #9c773d transparent;
  5704. }
  5705. .palette-brown-yellow ul.commons-utility-links li.last {
  5706. border-left-color: #9c773d;
  5707. }
  5708. .palette-brown-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  5709. .palette-brown-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  5710. .palette-brown-yellow ul.primary.tabs li a,
  5711. .palette-brown-yellow ul.primary.tabs li a span {
  5712. color: #9c773d;
  5713. }
  5714. .palette-brown-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  5715. .palette-brown-yellow ul.primary.tabs li a:hover {
  5716. color: #775b2f;
  5717. }
  5718. .palette-brown-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  5719. .palette-brown-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  5720. .palette-brown-yellow ul.primary.tabs li.active a,
  5721. .palette-brown-yellow ul.primary.tabs li.active a span {
  5722. color: #333333;
  5723. }
  5724. .palette-brown-yellow .partial-node-form-title {
  5725. color: #e3ad40;
  5726. }
  5727. .palette-brown-yellow .block-search {
  5728. background-color: #70552c;
  5729. *zoom: 1;
  5730. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF70552C', endColorstr='#FF866634');
  5731. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #70552c), color-stop(100%, #866634));
  5732. background-image: -webkit-linear-gradient(top, #70552c 0%, #866634 100%);
  5733. background-image: -moz-linear-gradient(top, #70552c 0%, #866634 100%);
  5734. background-image: -o-linear-gradient(top, #70552c 0%, #866634 100%);
  5735. background-image: linear-gradient(top, #70552c 0%, #866634 100%);
  5736. }
  5737. .palette-brown-yellow .commons-bw-create-all-widget-types, .palette-brown-yellow li.sharethis .sharethis-wrapper {
  5738. border-color: #9c773d;
  5739. }
  5740. .palette-brown-yellow li.sharethis .sharethis-wrapper:before {
  5741. border-color: #9c773d transparent transparent transparent;
  5742. }
  5743. .palette-brown-yellow #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-brown-yellow a {
  5744. border-left: 1px solid #7e6046;
  5745. -webkit-box-shadow: #3f3023 -1px 0px 0px;
  5746. -moz-box-shadow: #3f3023 -1px 0px 0px;
  5747. box-shadow: #3f3023 -1px 0px 0px;
  5748. }
  5749. .palette-brown-yellow #menu-bar.nav {
  5750. border-right: 1px solid #3f3023;
  5751. -webkit-box-shadow: #7e6046 1px 0px 0px;
  5752. -moz-box-shadow: #7e6046 1px 0px 0px;
  5753. box-shadow: #7e6046 1px 0px 0px;
  5754. }
  5755. .palette-brown-yellow .action-item-primary,
  5756. .palette-brown-yellow .action-item-small-primary,
  5757. .palette-brown-yellow .action-item-large-primary, .palette-brown-yellow .commons-sign-up, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a, .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a {
  5758. background-color: #e3ad40;
  5759. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6b756), color-stop(100%, #e0a32a));
  5760. background: -webkit-linear-gradient(#e6b756, #e0a32a);
  5761. background: -moz-linear-gradient(#e6b756, #e0a32a);
  5762. background: -o-linear-gradient(#e6b756, #e0a32a);
  5763. background: linear-gradient(#e6b756, #e0a32a);
  5764. border-color: #a57618;
  5765. text-shadow: -1px 1px 2px #d1961f, -1px -1px 2px #d1961f, 1px -1px 2px #d1961f, 1px 1px 2px #d1961f;
  5766. }
  5767. .palette-brown-yellow .action-item-primary,
  5768. .palette-brown-yellow .action-item-small-primary,
  5769. .palette-brown-yellow .action-item-large-primary, .palette-brown-yellow .commons-sign-up, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a, .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a, .palette-brown-yellow .action-item-primary:link,
  5770. .palette-brown-yellow .action-item-small-primary:link,
  5771. .palette-brown-yellow .action-item-large-primary:link, .palette-brown-yellow .commons-sign-up:link, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a:link, .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a:link, .palette-brown-yellow .action-item-primary:visited,
  5772. .palette-brown-yellow .action-item-small-primary:visited,
  5773. .palette-brown-yellow .action-item-large-primary:visited, .palette-brown-yellow .commons-sign-up:visited, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a:visited, .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a:visited {
  5774. color: white;
  5775. }
  5776. .palette-brown-yellow .action-item-primary:hover,
  5777. .palette-brown-yellow .action-item-small-primary:hover,
  5778. .palette-brown-yellow .action-item-large-primary:hover, .palette-brown-yellow .commons-sign-up:hover, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a:hover, .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a:hover {
  5779. color: white;
  5780. background-color: #e0a32a;
  5781. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3ad40), color-stop(100%, #d1961f));
  5782. background: -webkit-linear-gradient(#e3ad40, #d1961f);
  5783. background: -moz-linear-gradient(#e3ad40, #d1961f);
  5784. background: -o-linear-gradient(#e3ad40, #d1961f);
  5785. background: linear-gradient(#e3ad40, #d1961f);
  5786. border-color: #785612;
  5787. text-shadow: -1px 1px 2px #d1961f, -1px -1px 2px #d1961f, 1px -1px 2px #d1961f, 1px 1px 2px #d1961f;
  5788. }
  5789. .palette-brown-yellow .action-item-primary:focus,
  5790. .palette-brown-yellow .action-item-small-primary:focus,
  5791. .palette-brown-yellow .action-item-large-primary:focus, .palette-brown-yellow .commons-sign-up:focus, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a:focus, .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a:focus, .palette-brown-yellow .action-item-primary:active,
  5792. .palette-brown-yellow .action-item-small-primary:active,
  5793. .palette-brown-yellow .action-item-large-primary:active, .palette-brown-yellow .commons-sign-up:active, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a:active, .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a:active {
  5794. background: #e3ad40;
  5795. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0a32a), color-stop(100%, #e6b756));
  5796. background: -webkit-linear-gradient(#e0a32a, #e6b756);
  5797. background: -moz-linear-gradient(#e0a32a, #e6b756);
  5798. background: -o-linear-gradient(#e0a32a, #e6b756);
  5799. background: linear-gradient(#e0a32a, #e6b756);
  5800. border-color: #a57618;
  5801. text-shadow: -1px 1px 2px #d1961f, -1px -1px 2px #d1961f, 1px -1px 2px #d1961f, 1px 1px 2px #d1961f;
  5802. }
  5803. .palette-brown-yellow [disabled].action-item-primary,
  5804. .palette-brown-yellow [disabled].action-item-small-primary,
  5805. .palette-brown-yellow [disabled].action-item-large-primary, .palette-brown-yellow [disabled].commons-sign-up, .palette-brown-yellow .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-brown-yellow a[disabled], .palette-brown-yellow .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-brown-yellow a[disabled] {
  5806. color: #f0d399;
  5807. background: #e3ad40;
  5808. border-color: #a57618;
  5809. -webkit-box-shadow: none;
  5810. -moz-box-shadow: none;
  5811. box-shadow: none;
  5812. text-shadow: none;
  5813. }
  5814. .palette-brown-yellow .action-item-search[type="submit"] {
  5815. min-width: 15px;
  5816. background: #e3ad40 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5817. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6b756), color-stop(100%, #e0a32a));
  5818. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#e6b756, #e0a32a);
  5819. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#e6b756, #e0a32a);
  5820. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#e6b756, #e0a32a);
  5821. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#e6b756, #e0a32a);
  5822. border-color: #a57618;
  5823. text-shadow: -1px 1px 2px #d1961f, -1px -1px 2px #d1961f, 1px -1px 2px #d1961f, 1px 1px 2px #d1961f;
  5824. }
  5825. .palette-brown-yellow .action-item-search[type="submit"], .palette-brown-yellow .action-item-search[type="submit"]:link, .palette-brown-yellow .action-item-search[type="submit"]:visited {
  5826. color: white;
  5827. }
  5828. .palette-brown-yellow .action-item-search[type="submit"]:hover {
  5829. color: white;
  5830. background: #e0a32a url('../images/icons/icon-search.png?1400601840') no-repeat;
  5831. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3ad40), color-stop(100%, #d1961f));
  5832. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#e3ad40, #d1961f);
  5833. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#e3ad40, #d1961f);
  5834. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#e3ad40, #d1961f);
  5835. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#e3ad40, #d1961f);
  5836. border-color: #785612;
  5837. text-shadow: -1px 1px 2px #d1961f, -1px -1px 2px #d1961f, 1px -1px 2px #d1961f, 1px 1px 2px #d1961f;
  5838. }
  5839. .palette-brown-yellow .action-item-search[type="submit"]:focus, .palette-brown-yellow .action-item-search[type="submit"]:active {
  5840. background: #e3ad40 url('../images/icons/icon-search.png?1400601840') no-repeat;
  5841. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0a32a), color-stop(100%, #e6b756));
  5842. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#e0a32a, #e6b756);
  5843. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#e0a32a, #e6b756);
  5844. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#e0a32a, #e6b756);
  5845. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#e0a32a, #e6b756);
  5846. border-color: #a57618;
  5847. text-shadow: -1px 1px 2px #d1961f, -1px -1px 2px #d1961f, 1px -1px 2px #d1961f, 1px 1px 2px #d1961f;
  5848. }
  5849. .palette-brown-yellow [disabled].action-item-search[type="submit"] {
  5850. color: #f0d399;
  5851. background: #e3ad40;
  5852. border-color: #a57618;
  5853. -webkit-box-shadow: none;
  5854. -moz-box-shadow: none;
  5855. box-shadow: none;
  5856. text-shadow: none;
  5857. }
  5858. .palette-brown-yellow .action-item-search[type="submit"], .palette-brown-yellow .action-item-search[type="submit"]:hover, .palette-brown-yellow .action-item-search[type="submit"]:active, .palette-brown-yellow .action-item-search[type="submit"]:focus {
  5859. background-position: 1.5em center;
  5860. }
  5861. .palette-brown-yellow .notification-count {
  5862. background: #fcd036;
  5863. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcd036), color-stop(100%, #c99d03));
  5864. background: -webkit-linear-gradient(#fcd036, #c99d03);
  5865. background: -moz-linear-gradient(#fcd036, #c99d03);
  5866. background: -o-linear-gradient(#fcd036, #c99d03);
  5867. background: linear-gradient(#fcd036, #c99d03);
  5868. -webkit-box-shadow: 0 0 2px #6a513b;
  5869. -moz-box-shadow: 0 0 2px #6a513b;
  5870. box-shadow: 0 0 2px #6a513b;
  5871. }
  5872. .palette-seafoam-orange h2 {
  5873. color: #668284;
  5874. }
  5875. .palette-seafoam-orange .header-color-row-one {
  5876. background-color: #668284;
  5877. border-top: 1.5em solid black;
  5878. }
  5879. @media only screen and (min-width: 769px) {
  5880. .palette-seafoam-orange .header-color-row-one {
  5881. border-top: none;
  5882. }
  5883. }
  5884. .boxshadow .palette-seafoam-orange .header-color-row-one {
  5885. -webkit-box-shadow: #668284 0px -1px 0px;
  5886. -moz-box-shadow: #668284 0px -1px 0px;
  5887. box-shadow: #668284 0px -1px 0px;
  5888. }
  5889. .palette-seafoam-orange .header-color-row-two {
  5890. background-color: #73a5a5;
  5891. border-top: 1px solid #92b9b9;
  5892. border-bottom: 1px solid #5a8b8b;
  5893. }
  5894. .palette-seafoam-orange h1.node-title {
  5895. color: #73a5a5;
  5896. }
  5897. .palette-seafoam-orange h1.node-title a {
  5898. color: #73a5a5;
  5899. }
  5900. .palette-seafoam-orange a, .palette-seafoam-orange .commons-bw-create-all-widget-types li a {
  5901. color: #73a5a5;
  5902. }
  5903. .palette-seafoam-orange .select-status:after {
  5904. border-top-color: #73a5a5;
  5905. }
  5906. .palette-seafoam-orange #menu-bar.nav ul.menu li:hover .arrow:before,
  5907. .palette-seafoam-orange #menu-bar.nav ul.menu li.active-trail .arrow:before {
  5908. border-color: transparent transparent #92b9b9 transparent;
  5909. }
  5910. .palette-seafoam-orange #menu-bar.nav ul.menu li:hover .arrow:after,
  5911. .palette-seafoam-orange #menu-bar.nav ul.menu li.active-trail .arrow:after {
  5912. border-color: transparent transparent #73a5a5 transparent;
  5913. }
  5914. .palette-seafoam-orange ul.commons-utility-links li.last {
  5915. border-left-color: #73a5a5;
  5916. }
  5917. .palette-seafoam-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  5918. .palette-seafoam-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  5919. .palette-seafoam-orange ul.primary.tabs li a,
  5920. .palette-seafoam-orange ul.primary.tabs li a span {
  5921. color: #73a5a5;
  5922. }
  5923. .palette-seafoam-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  5924. .palette-seafoam-orange ul.primary.tabs li a:hover {
  5925. color: #5a8b8b;
  5926. }
  5927. .palette-seafoam-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  5928. .palette-seafoam-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  5929. .palette-seafoam-orange ul.primary.tabs li.active a,
  5930. .palette-seafoam-orange ul.primary.tabs li.active a span {
  5931. color: #333333;
  5932. }
  5933. .palette-seafoam-orange .partial-node-form-title {
  5934. color: #b68800;
  5935. }
  5936. .palette-seafoam-orange .block-search {
  5937. background-color: #568585;
  5938. *zoom: 1;
  5939. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF568585', endColorstr='#FF629898');
  5940. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #568585), color-stop(100%, #629898));
  5941. background-image: -webkit-linear-gradient(top, #568585 0%, #629898 100%);
  5942. background-image: -moz-linear-gradient(top, #568585 0%, #629898 100%);
  5943. background-image: -o-linear-gradient(top, #568585 0%, #629898 100%);
  5944. background-image: linear-gradient(top, #568585 0%, #629898 100%);
  5945. }
  5946. .palette-seafoam-orange .commons-bw-create-all-widget-types, .palette-seafoam-orange li.sharethis .sharethis-wrapper {
  5947. border-color: #73a5a5;
  5948. }
  5949. .palette-seafoam-orange li.sharethis .sharethis-wrapper:before {
  5950. border-color: #73a5a5 transparent transparent transparent;
  5951. }
  5952. .palette-seafoam-orange #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-seafoam-orange a {
  5953. border-left: 1px solid #759294;
  5954. -webkit-box-shadow: #495d5f -1px 0px 0px;
  5955. -moz-box-shadow: #495d5f -1px 0px 0px;
  5956. box-shadow: #495d5f -1px 0px 0px;
  5957. }
  5958. .palette-seafoam-orange #menu-bar.nav {
  5959. border-right: 1px solid #495d5f;
  5960. -webkit-box-shadow: #759294 1px 0px 0px;
  5961. -moz-box-shadow: #759294 1px 0px 0px;
  5962. box-shadow: #759294 1px 0px 0px;
  5963. }
  5964. .palette-seafoam-orange .action-item-primary,
  5965. .palette-seafoam-orange .action-item-small-primary,
  5966. .palette-seafoam-orange .action-item-large-primary, .palette-seafoam-orange .commons-sign-up, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a, .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a {
  5967. background-color: #b68800;
  5968. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d09b00), color-stop(100%, #9d7500));
  5969. background: -webkit-linear-gradient(#d09b00, #9d7500);
  5970. background: -moz-linear-gradient(#d09b00, #9d7500);
  5971. background: -o-linear-gradient(#d09b00, #9d7500);
  5972. background: linear-gradient(#d09b00, #9d7500);
  5973. border-color: #503c00;
  5974. text-shadow: -1px 1px 2px #836200, -1px -1px 2px #836200, 1px -1px 2px #836200, 1px 1px 2px #836200;
  5975. }
  5976. .palette-seafoam-orange .action-item-primary,
  5977. .palette-seafoam-orange .action-item-small-primary,
  5978. .palette-seafoam-orange .action-item-large-primary, .palette-seafoam-orange .commons-sign-up, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a, .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a, .palette-seafoam-orange .action-item-primary:link,
  5979. .palette-seafoam-orange .action-item-small-primary:link,
  5980. .palette-seafoam-orange .action-item-large-primary:link, .palette-seafoam-orange .commons-sign-up:link, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a:link, .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a:link, .palette-seafoam-orange .action-item-primary:visited,
  5981. .palette-seafoam-orange .action-item-small-primary:visited,
  5982. .palette-seafoam-orange .action-item-large-primary:visited, .palette-seafoam-orange .commons-sign-up:visited, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a:visited, .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a:visited {
  5983. color: white;
  5984. }
  5985. .palette-seafoam-orange .action-item-primary:hover,
  5986. .palette-seafoam-orange .action-item-small-primary:hover,
  5987. .palette-seafoam-orange .action-item-large-primary:hover, .palette-seafoam-orange .commons-sign-up:hover, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a:hover, .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a:hover {
  5988. color: white;
  5989. background-color: #9d7500;
  5990. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b68800), color-stop(100%, #836200));
  5991. background: -webkit-linear-gradient(#b68800, #836200);
  5992. background: -moz-linear-gradient(#b68800, #836200);
  5993. background: -o-linear-gradient(#b68800, #836200);
  5994. background: linear-gradient(#b68800, #836200);
  5995. border-color: #1d1600;
  5996. text-shadow: -1px 1px 2px #836200, -1px -1px 2px #836200, 1px -1px 2px #836200, 1px 1px 2px #836200;
  5997. }
  5998. .palette-seafoam-orange .action-item-primary:focus,
  5999. .palette-seafoam-orange .action-item-small-primary:focus,
  6000. .palette-seafoam-orange .action-item-large-primary:focus, .palette-seafoam-orange .commons-sign-up:focus, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a:focus, .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a:focus, .palette-seafoam-orange .action-item-primary:active,
  6001. .palette-seafoam-orange .action-item-small-primary:active,
  6002. .palette-seafoam-orange .action-item-large-primary:active, .palette-seafoam-orange .commons-sign-up:active, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a:active, .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a:active {
  6003. background: #b68800;
  6004. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9d7500), color-stop(100%, #d09b00));
  6005. background: -webkit-linear-gradient(#9d7500, #d09b00);
  6006. background: -moz-linear-gradient(#9d7500, #d09b00);
  6007. background: -o-linear-gradient(#9d7500, #d09b00);
  6008. background: linear-gradient(#9d7500, #d09b00);
  6009. border-color: #503c00;
  6010. text-shadow: -1px 1px 2px #836200, -1px -1px 2px #836200, 1px -1px 2px #836200, 1px 1px 2px #836200;
  6011. }
  6012. .palette-seafoam-orange [disabled].action-item-primary,
  6013. .palette-seafoam-orange [disabled].action-item-small-primary,
  6014. .palette-seafoam-orange [disabled].action-item-large-primary, .palette-seafoam-orange [disabled].commons-sign-up, .palette-seafoam-orange .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-seafoam-orange a[disabled], .palette-seafoam-orange .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-seafoam-orange a[disabled] {
  6015. color: #ffc61d;
  6016. background: #b68800;
  6017. border-color: #503c00;
  6018. -webkit-box-shadow: none;
  6019. -moz-box-shadow: none;
  6020. box-shadow: none;
  6021. text-shadow: none;
  6022. }
  6023. .palette-seafoam-orange .action-item-search[type="submit"] {
  6024. min-width: 15px;
  6025. background: #b68800 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6026. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d09b00), color-stop(100%, #9d7500));
  6027. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#d09b00, #9d7500);
  6028. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#d09b00, #9d7500);
  6029. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#d09b00, #9d7500);
  6030. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#d09b00, #9d7500);
  6031. border-color: #503c00;
  6032. text-shadow: -1px 1px 2px #836200, -1px -1px 2px #836200, 1px -1px 2px #836200, 1px 1px 2px #836200;
  6033. }
  6034. .palette-seafoam-orange .action-item-search[type="submit"], .palette-seafoam-orange .action-item-search[type="submit"]:link, .palette-seafoam-orange .action-item-search[type="submit"]:visited {
  6035. color: white;
  6036. }
  6037. .palette-seafoam-orange .action-item-search[type="submit"]:hover {
  6038. color: white;
  6039. background: #9d7500 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6040. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b68800), color-stop(100%, #836200));
  6041. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#b68800, #836200);
  6042. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#b68800, #836200);
  6043. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#b68800, #836200);
  6044. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#b68800, #836200);
  6045. border-color: #1d1600;
  6046. text-shadow: -1px 1px 2px #836200, -1px -1px 2px #836200, 1px -1px 2px #836200, 1px 1px 2px #836200;
  6047. }
  6048. .palette-seafoam-orange .action-item-search[type="submit"]:focus, .palette-seafoam-orange .action-item-search[type="submit"]:active {
  6049. background: #b68800 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6050. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9d7500), color-stop(100%, #d09b00));
  6051. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#9d7500, #d09b00);
  6052. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#9d7500, #d09b00);
  6053. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#9d7500, #d09b00);
  6054. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#9d7500, #d09b00);
  6055. border-color: #503c00;
  6056. text-shadow: -1px 1px 2px #836200, -1px -1px 2px #836200, 1px -1px 2px #836200, 1px 1px 2px #836200;
  6057. }
  6058. .palette-seafoam-orange [disabled].action-item-search[type="submit"] {
  6059. color: #ffc61d;
  6060. background: #b68800;
  6061. border-color: #503c00;
  6062. -webkit-box-shadow: none;
  6063. -moz-box-shadow: none;
  6064. box-shadow: none;
  6065. text-shadow: none;
  6066. }
  6067. .palette-seafoam-orange .action-item-search[type="submit"], .palette-seafoam-orange .action-item-search[type="submit"]:hover, .palette-seafoam-orange .action-item-search[type="submit"]:active, .palette-seafoam-orange .action-item-search[type="submit"]:focus {
  6068. background-position: 1.5em center;
  6069. }
  6070. .palette-seafoam-orange .notification-count {
  6071. background: #d9a300;
  6072. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9a300), color-stop(100%, #735600));
  6073. background: -webkit-linear-gradient(#d9a300, #735600);
  6074. background: -moz-linear-gradient(#d9a300, #735600);
  6075. background: -o-linear-gradient(#d9a300, #735600);
  6076. background: linear-gradient(#d9a300, #735600);
  6077. -webkit-box-shadow: 0 0 2px #668284;
  6078. -moz-box-shadow: 0 0 2px #668284;
  6079. box-shadow: 0 0 2px #668284;
  6080. }
  6081. .palette-black-blue-yellow h2 {
  6082. color: #353535;
  6083. }
  6084. .palette-black-blue-yellow .header-color-row-one {
  6085. background-color: #353535;
  6086. border-top: 1.5em solid black;
  6087. }
  6088. @media only screen and (min-width: 769px) {
  6089. .palette-black-blue-yellow .header-color-row-one {
  6090. border-top: none;
  6091. }
  6092. }
  6093. .boxshadow .palette-black-blue-yellow .header-color-row-one {
  6094. -webkit-box-shadow: #353535 0px -1px 0px;
  6095. -moz-box-shadow: #353535 0px -1px 0px;
  6096. box-shadow: #353535 0px -1px 0px;
  6097. }
  6098. .palette-black-blue-yellow .header-color-row-two {
  6099. background-color: #0072ab;
  6100. border-top: 1px solid #0094de;
  6101. border-bottom: 1px solid #005078;
  6102. }
  6103. .palette-black-blue-yellow h1.node-title {
  6104. color: #0072ab;
  6105. }
  6106. .palette-black-blue-yellow h1.node-title a {
  6107. color: #0072ab;
  6108. }
  6109. .palette-black-blue-yellow a, .palette-black-blue-yellow .commons-bw-create-all-widget-types li a {
  6110. color: #0072ab;
  6111. }
  6112. .palette-black-blue-yellow .select-status:after {
  6113. border-top-color: #0072ab;
  6114. }
  6115. .palette-black-blue-yellow #menu-bar.nav ul.menu li:hover .arrow:before,
  6116. .palette-black-blue-yellow #menu-bar.nav ul.menu li.active-trail .arrow:before {
  6117. border-color: transparent transparent #0094de transparent;
  6118. }
  6119. .palette-black-blue-yellow #menu-bar.nav ul.menu li:hover .arrow:after,
  6120. .palette-black-blue-yellow #menu-bar.nav ul.menu li.active-trail .arrow:after {
  6121. border-color: transparent transparent #0072ab transparent;
  6122. }
  6123. .palette-black-blue-yellow ul.commons-utility-links li.last {
  6124. border-left-color: #0072ab;
  6125. }
  6126. .palette-black-blue-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  6127. .palette-black-blue-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  6128. .palette-black-blue-yellow ul.primary.tabs li a,
  6129. .palette-black-blue-yellow ul.primary.tabs li a span {
  6130. color: #0072ab;
  6131. }
  6132. .palette-black-blue-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  6133. .palette-black-blue-yellow ul.primary.tabs li a:hover {
  6134. color: #005078;
  6135. }
  6136. .palette-black-blue-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  6137. .palette-black-blue-yellow .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  6138. .palette-black-blue-yellow ul.primary.tabs li.active a,
  6139. .palette-black-blue-yellow ul.primary.tabs li.active a span {
  6140. color: #333333;
  6141. }
  6142. .palette-black-blue-yellow .partial-node-form-title {
  6143. color: #d0a600;
  6144. }
  6145. .palette-black-blue-yellow .block-search {
  6146. background-color: #00496e;
  6147. *zoom: 1;
  6148. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00496E', endColorstr='#FF005E8C');
  6149. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00496e), color-stop(100%, #005e8c));
  6150. background-image: -webkit-linear-gradient(top, #00496e 0%, #005e8c 100%);
  6151. background-image: -moz-linear-gradient(top, #00496e 0%, #005e8c 100%);
  6152. background-image: -o-linear-gradient(top, #00496e 0%, #005e8c 100%);
  6153. background-image: linear-gradient(top, #00496e 0%, #005e8c 100%);
  6154. }
  6155. .palette-black-blue-yellow .commons-bw-create-all-widget-types, .palette-black-blue-yellow li.sharethis .sharethis-wrapper {
  6156. border-color: #0072ab;
  6157. }
  6158. .palette-black-blue-yellow li.sharethis .sharethis-wrapper:before {
  6159. border-color: #0072ab transparent transparent transparent;
  6160. }
  6161. .palette-black-blue-yellow #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-black-blue-yellow a {
  6162. border-left: 1px solid #444444;
  6163. -webkit-box-shadow: #141414 -1px 0px 0px;
  6164. -moz-box-shadow: #141414 -1px 0px 0px;
  6165. box-shadow: #141414 -1px 0px 0px;
  6166. }
  6167. .palette-black-blue-yellow #menu-bar.nav {
  6168. border-right: 1px solid #141414;
  6169. -webkit-box-shadow: #444444 1px 0px 0px;
  6170. -moz-box-shadow: #444444 1px 0px 0px;
  6171. box-shadow: #444444 1px 0px 0px;
  6172. }
  6173. .palette-black-blue-yellow .action-item-primary,
  6174. .palette-black-blue-yellow .action-item-small-primary,
  6175. .palette-black-blue-yellow .action-item-large-primary, .palette-black-blue-yellow .commons-sign-up, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a, .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a {
  6176. background-color: #d0a600;
  6177. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaba00), color-stop(100%, #b69200));
  6178. background: -webkit-linear-gradient(#eaba00, #b69200);
  6179. background: -moz-linear-gradient(#eaba00, #b69200);
  6180. background: -o-linear-gradient(#eaba00, #b69200);
  6181. background: linear-gradient(#eaba00, #b69200);
  6182. border-color: #6a5500;
  6183. text-shadow: -1px 1px 2px #9d7d00, -1px -1px 2px #9d7d00, 1px -1px 2px #9d7d00, 1px 1px 2px #9d7d00;
  6184. }
  6185. .palette-black-blue-yellow .action-item-primary,
  6186. .palette-black-blue-yellow .action-item-small-primary,
  6187. .palette-black-blue-yellow .action-item-large-primary, .palette-black-blue-yellow .commons-sign-up, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a, .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a, .palette-black-blue-yellow .action-item-primary:link,
  6188. .palette-black-blue-yellow .action-item-small-primary:link,
  6189. .palette-black-blue-yellow .action-item-large-primary:link, .palette-black-blue-yellow .commons-sign-up:link, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a:link, .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a:link, .palette-black-blue-yellow .action-item-primary:visited,
  6190. .palette-black-blue-yellow .action-item-small-primary:visited,
  6191. .palette-black-blue-yellow .action-item-large-primary:visited, .palette-black-blue-yellow .commons-sign-up:visited, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a:visited, .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a:visited {
  6192. color: white;
  6193. }
  6194. .palette-black-blue-yellow .action-item-primary:hover,
  6195. .palette-black-blue-yellow .action-item-small-primary:hover,
  6196. .palette-black-blue-yellow .action-item-large-primary:hover, .palette-black-blue-yellow .commons-sign-up:hover, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a:hover, .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a:hover {
  6197. color: white;
  6198. background-color: #b69200;
  6199. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0a600), color-stop(100%, #9d7d00));
  6200. background: -webkit-linear-gradient(#d0a600, #9d7d00);
  6201. background: -moz-linear-gradient(#d0a600, #9d7d00);
  6202. background: -o-linear-gradient(#d0a600, #9d7d00);
  6203. background: linear-gradient(#d0a600, #9d7d00);
  6204. border-color: #372c00;
  6205. text-shadow: -1px 1px 2px #9d7d00, -1px -1px 2px #9d7d00, 1px -1px 2px #9d7d00, 1px 1px 2px #9d7d00;
  6206. }
  6207. .palette-black-blue-yellow .action-item-primary:focus,
  6208. .palette-black-blue-yellow .action-item-small-primary:focus,
  6209. .palette-black-blue-yellow .action-item-large-primary:focus, .palette-black-blue-yellow .commons-sign-up:focus, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a:focus, .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a:focus, .palette-black-blue-yellow .action-item-primary:active,
  6210. .palette-black-blue-yellow .action-item-small-primary:active,
  6211. .palette-black-blue-yellow .action-item-large-primary:active, .palette-black-blue-yellow .commons-sign-up:active, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a:active, .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a:active {
  6212. background: #d0a600;
  6213. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b69200), color-stop(100%, #eaba00));
  6214. background: -webkit-linear-gradient(#b69200, #eaba00);
  6215. background: -moz-linear-gradient(#b69200, #eaba00);
  6216. background: -o-linear-gradient(#b69200, #eaba00);
  6217. background: linear-gradient(#b69200, #eaba00);
  6218. border-color: #6a5500;
  6219. text-shadow: -1px 1px 2px #9d7d00, -1px -1px 2px #9d7d00, 1px -1px 2px #9d7d00, 1px 1px 2px #9d7d00;
  6220. }
  6221. .palette-black-blue-yellow [disabled].action-item-primary,
  6222. .palette-black-blue-yellow [disabled].action-item-small-primary,
  6223. .palette-black-blue-yellow [disabled].action-item-large-primary, .palette-black-blue-yellow [disabled].commons-sign-up, .palette-black-blue-yellow .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-black-blue-yellow a[disabled], .palette-black-blue-yellow .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-black-blue-yellow a[disabled] {
  6224. color: #ffd737;
  6225. background: #d0a600;
  6226. border-color: #6a5500;
  6227. -webkit-box-shadow: none;
  6228. -moz-box-shadow: none;
  6229. box-shadow: none;
  6230. text-shadow: none;
  6231. }
  6232. .palette-black-blue-yellow .action-item-search[type="submit"] {
  6233. min-width: 15px;
  6234. background: #d0a600 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6235. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaba00), color-stop(100%, #b69200));
  6236. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#eaba00, #b69200);
  6237. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#eaba00, #b69200);
  6238. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#eaba00, #b69200);
  6239. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#eaba00, #b69200);
  6240. border-color: #6a5500;
  6241. text-shadow: -1px 1px 2px #9d7d00, -1px -1px 2px #9d7d00, 1px -1px 2px #9d7d00, 1px 1px 2px #9d7d00;
  6242. }
  6243. .palette-black-blue-yellow .action-item-search[type="submit"], .palette-black-blue-yellow .action-item-search[type="submit"]:link, .palette-black-blue-yellow .action-item-search[type="submit"]:visited {
  6244. color: white;
  6245. }
  6246. .palette-black-blue-yellow .action-item-search[type="submit"]:hover {
  6247. color: white;
  6248. background: #b69200 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6249. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0a600), color-stop(100%, #9d7d00));
  6250. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#d0a600, #9d7d00);
  6251. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#d0a600, #9d7d00);
  6252. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#d0a600, #9d7d00);
  6253. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#d0a600, #9d7d00);
  6254. border-color: #372c00;
  6255. text-shadow: -1px 1px 2px #9d7d00, -1px -1px 2px #9d7d00, 1px -1px 2px #9d7d00, 1px 1px 2px #9d7d00;
  6256. }
  6257. .palette-black-blue-yellow .action-item-search[type="submit"]:focus, .palette-black-blue-yellow .action-item-search[type="submit"]:active {
  6258. background: #d0a600 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6259. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b69200), color-stop(100%, #eaba00));
  6260. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#b69200, #eaba00);
  6261. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#b69200, #eaba00);
  6262. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#b69200, #eaba00);
  6263. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#b69200, #eaba00);
  6264. border-color: #6a5500;
  6265. text-shadow: -1px 1px 2px #9d7d00, -1px -1px 2px #9d7d00, 1px -1px 2px #9d7d00, 1px 1px 2px #9d7d00;
  6266. }
  6267. .palette-black-blue-yellow [disabled].action-item-search[type="submit"] {
  6268. color: #ffd737;
  6269. background: #d0a600;
  6270. border-color: #6a5500;
  6271. -webkit-box-shadow: none;
  6272. -moz-box-shadow: none;
  6273. box-shadow: none;
  6274. text-shadow: none;
  6275. }
  6276. .palette-black-blue-yellow .action-item-search[type="submit"], .palette-black-blue-yellow .action-item-search[type="submit"]:hover, .palette-black-blue-yellow .action-item-search[type="submit"]:active, .palette-black-blue-yellow .action-item-search[type="submit"]:focus {
  6277. background-position: 1.5em center;
  6278. }
  6279. .palette-black-blue-yellow .notification-count {
  6280. background: #e5b700;
  6281. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5b700), color-stop(100%, #7f6500));
  6282. background: -webkit-linear-gradient(#e5b700, #7f6500);
  6283. background: -moz-linear-gradient(#e5b700, #7f6500);
  6284. background: -o-linear-gradient(#e5b700, #7f6500);
  6285. background: linear-gradient(#e5b700, #7f6500);
  6286. -webkit-box-shadow: 0 0 2px #353535;
  6287. -moz-box-shadow: 0 0 2px #353535;
  6288. box-shadow: 0 0 2px #353535;
  6289. }
  6290. .palette-brick-brick h2 {
  6291. color: #432a26;
  6292. }
  6293. .palette-brick-brick .header-color-row-one {
  6294. background-color: #432a26;
  6295. border-top: 1.5em solid black;
  6296. }
  6297. @media only screen and (min-width: 769px) {
  6298. .palette-brick-brick .header-color-row-one {
  6299. border-top: none;
  6300. }
  6301. }
  6302. .boxshadow .palette-brick-brick .header-color-row-one {
  6303. -webkit-box-shadow: #432a26 0px -1px 0px;
  6304. -moz-box-shadow: #432a26 0px -1px 0px;
  6305. box-shadow: #432a26 0px -1px 0px;
  6306. }
  6307. .palette-brick-brick .header-color-row-two {
  6308. background-color: #723729;
  6309. border-top: 1px solid #984936;
  6310. border-bottom: 1px solid #4c251c;
  6311. }
  6312. .palette-brick-brick h1.node-title {
  6313. color: #723729;
  6314. }
  6315. .palette-brick-brick h1.node-title a {
  6316. color: #723729;
  6317. }
  6318. .palette-brick-brick a, .palette-brick-brick .commons-bw-create-all-widget-types li a {
  6319. color: #723729;
  6320. }
  6321. .palette-brick-brick .select-status:after {
  6322. border-top-color: #723729;
  6323. }
  6324. .palette-brick-brick #menu-bar.nav ul.menu li:hover .arrow:before,
  6325. .palette-brick-brick #menu-bar.nav ul.menu li.active-trail .arrow:before {
  6326. border-color: transparent transparent #984936 transparent;
  6327. }
  6328. .palette-brick-brick #menu-bar.nav ul.menu li:hover .arrow:after,
  6329. .palette-brick-brick #menu-bar.nav ul.menu li.active-trail .arrow:after {
  6330. border-color: transparent transparent #723729 transparent;
  6331. }
  6332. .palette-brick-brick ul.commons-utility-links li.last {
  6333. border-left-color: #723729;
  6334. }
  6335. .palette-brick-brick .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  6336. .palette-brick-brick .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  6337. .palette-brick-brick ul.primary.tabs li a,
  6338. .palette-brick-brick ul.primary.tabs li a span {
  6339. color: #723729;
  6340. }
  6341. .palette-brick-brick .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  6342. .palette-brick-brick ul.primary.tabs li a:hover {
  6343. color: #4c251c;
  6344. }
  6345. .palette-brick-brick .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  6346. .palette-brick-brick .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  6347. .palette-brick-brick ul.primary.tabs li.active a,
  6348. .palette-brick-brick ul.primary.tabs li.active a span {
  6349. color: #333333;
  6350. }
  6351. .palette-brick-brick .partial-node-form-title {
  6352. color: #a12e1e;
  6353. }
  6354. .palette-brick-brick .block-search {
  6355. background-color: #452119;
  6356. *zoom: 1;
  6357. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF452119', endColorstr='#FF5B2C21');
  6358. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #452119), color-stop(100%, #5b2c21));
  6359. background-image: -webkit-linear-gradient(top, #452119 0%, #5b2c21 100%);
  6360. background-image: -moz-linear-gradient(top, #452119 0%, #5b2c21 100%);
  6361. background-image: -o-linear-gradient(top, #452119 0%, #5b2c21 100%);
  6362. background-image: linear-gradient(top, #452119 0%, #5b2c21 100%);
  6363. }
  6364. .palette-brick-brick .commons-bw-create-all-widget-types, .palette-brick-brick li.sharethis .sharethis-wrapper {
  6365. border-color: #723729;
  6366. }
  6367. .palette-brick-brick li.sharethis .sharethis-wrapper:before {
  6368. border-color: #723729 transparent transparent transparent;
  6369. }
  6370. .palette-brick-brick #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-brick-brick a {
  6371. border-left: 1px solid #573631;
  6372. -webkit-box-shadow: #190f0e -1px 0px 0px;
  6373. -moz-box-shadow: #190f0e -1px 0px 0px;
  6374. box-shadow: #190f0e -1px 0px 0px;
  6375. }
  6376. .palette-brick-brick #menu-bar.nav {
  6377. border-right: 1px solid #190f0e;
  6378. -webkit-box-shadow: #573631 1px 0px 0px;
  6379. -moz-box-shadow: #573631 1px 0px 0px;
  6380. box-shadow: #573631 1px 0px 0px;
  6381. }
  6382. .palette-brick-brick .action-item-primary,
  6383. .palette-brick-brick .action-item-small-primary,
  6384. .palette-brick-brick .action-item-large-primary, .palette-brick-brick .commons-sign-up, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-brick-brick a, .palette-brick-brick .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-brick-brick a {
  6385. background-color: #a12e1e;
  6386. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b63422), color-stop(100%, #8c281a));
  6387. background: -webkit-linear-gradient(#b63422, #8c281a);
  6388. background: -moz-linear-gradient(#b63422, #8c281a);
  6389. background: -o-linear-gradient(#b63422, #8c281a);
  6390. background: linear-gradient(#b63422, #8c281a);
  6391. border-color: #4b150e;
  6392. text-shadow: -1px 1px 2px #762216, -1px -1px 2px #762216, 1px -1px 2px #762216, 1px 1px 2px #762216;
  6393. }
  6394. .palette-brick-brick .action-item-primary,
  6395. .palette-brick-brick .action-item-small-primary,
  6396. .palette-brick-brick .action-item-large-primary, .palette-brick-brick .commons-sign-up, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-brick-brick a, .palette-brick-brick .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-brick-brick a, .palette-brick-brick .action-item-primary:link,
  6397. .palette-brick-brick .action-item-small-primary:link,
  6398. .palette-brick-brick .action-item-large-primary:link, .palette-brick-brick .commons-sign-up:link, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-brick-brick a:link, .palette-brick-brick .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-brick-brick a:link, .palette-brick-brick .action-item-primary:visited,
  6399. .palette-brick-brick .action-item-small-primary:visited,
  6400. .palette-brick-brick .action-item-large-primary:visited, .palette-brick-brick .commons-sign-up:visited, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-brick-brick a:visited, .palette-brick-brick .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-brick-brick a:visited {
  6401. color: white;
  6402. }
  6403. .palette-brick-brick .action-item-primary:hover,
  6404. .palette-brick-brick .action-item-small-primary:hover,
  6405. .palette-brick-brick .action-item-large-primary:hover, .palette-brick-brick .commons-sign-up:hover, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-brick-brick a:hover, .palette-brick-brick .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-brick-brick a:hover {
  6406. color: white;
  6407. background-color: #8c281a;
  6408. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a12e1e), color-stop(100%, #762216));
  6409. background: -webkit-linear-gradient(#a12e1e, #762216);
  6410. background: -moz-linear-gradient(#a12e1e, #762216);
  6411. background: -o-linear-gradient(#a12e1e, #762216);
  6412. background: linear-gradient(#a12e1e, #762216);
  6413. border-color: #200906;
  6414. text-shadow: -1px 1px 2px #762216, -1px -1px 2px #762216, 1px -1px 2px #762216, 1px 1px 2px #762216;
  6415. }
  6416. .palette-brick-brick .action-item-primary:focus,
  6417. .palette-brick-brick .action-item-small-primary:focus,
  6418. .palette-brick-brick .action-item-large-primary:focus, .palette-brick-brick .commons-sign-up:focus, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-brick-brick a:focus, .palette-brick-brick .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-brick-brick a:focus, .palette-brick-brick .action-item-primary:active,
  6419. .palette-brick-brick .action-item-small-primary:active,
  6420. .palette-brick-brick .action-item-large-primary:active, .palette-brick-brick .commons-sign-up:active, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-brick-brick a:active, .palette-brick-brick .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-brick-brick a:active {
  6421. background: #a12e1e;
  6422. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c281a), color-stop(100%, #b63422));
  6423. background: -webkit-linear-gradient(#8c281a, #b63422);
  6424. background: -moz-linear-gradient(#8c281a, #b63422);
  6425. background: -o-linear-gradient(#8c281a, #b63422);
  6426. background: linear-gradient(#8c281a, #b63422);
  6427. border-color: #4b150e;
  6428. text-shadow: -1px 1px 2px #762216, -1px -1px 2px #762216, 1px -1px 2px #762216, 1px 1px 2px #762216;
  6429. }
  6430. .palette-brick-brick [disabled].action-item-primary,
  6431. .palette-brick-brick [disabled].action-item-small-primary,
  6432. .palette-brick-brick [disabled].action-item-large-primary, .palette-brick-brick [disabled].commons-sign-up, .palette-brick-brick .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-brick-brick a[disabled], .palette-brick-brick .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-brick-brick a[disabled] {
  6433. color: #dd5a48;
  6434. background: #a12e1e;
  6435. border-color: #4b150e;
  6436. -webkit-box-shadow: none;
  6437. -moz-box-shadow: none;
  6438. box-shadow: none;
  6439. text-shadow: none;
  6440. }
  6441. .palette-brick-brick .action-item-search[type="submit"] {
  6442. min-width: 15px;
  6443. background: #a12e1e url('../images/icons/icon-search.png?1400601840') no-repeat;
  6444. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b63422), color-stop(100%, #8c281a));
  6445. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#b63422, #8c281a);
  6446. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#b63422, #8c281a);
  6447. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#b63422, #8c281a);
  6448. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#b63422, #8c281a);
  6449. border-color: #4b150e;
  6450. text-shadow: -1px 1px 2px #762216, -1px -1px 2px #762216, 1px -1px 2px #762216, 1px 1px 2px #762216;
  6451. }
  6452. .palette-brick-brick .action-item-search[type="submit"], .palette-brick-brick .action-item-search[type="submit"]:link, .palette-brick-brick .action-item-search[type="submit"]:visited {
  6453. color: white;
  6454. }
  6455. .palette-brick-brick .action-item-search[type="submit"]:hover {
  6456. color: white;
  6457. background: #8c281a url('../images/icons/icon-search.png?1400601840') no-repeat;
  6458. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a12e1e), color-stop(100%, #762216));
  6459. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#a12e1e, #762216);
  6460. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#a12e1e, #762216);
  6461. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#a12e1e, #762216);
  6462. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#a12e1e, #762216);
  6463. border-color: #200906;
  6464. text-shadow: -1px 1px 2px #762216, -1px -1px 2px #762216, 1px -1px 2px #762216, 1px 1px 2px #762216;
  6465. }
  6466. .palette-brick-brick .action-item-search[type="submit"]:focus, .palette-brick-brick .action-item-search[type="submit"]:active {
  6467. background: #a12e1e url('../images/icons/icon-search.png?1400601840') no-repeat;
  6468. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c281a), color-stop(100%, #b63422));
  6469. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#8c281a, #b63422);
  6470. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#8c281a, #b63422);
  6471. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#8c281a, #b63422);
  6472. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#8c281a, #b63422);
  6473. border-color: #4b150e;
  6474. text-shadow: -1px 1px 2px #762216, -1px -1px 2px #762216, 1px -1px 2px #762216, 1px 1px 2px #762216;
  6475. }
  6476. .palette-brick-brick [disabled].action-item-search[type="submit"] {
  6477. color: #dd5a48;
  6478. background: #a12e1e;
  6479. border-color: #4b150e;
  6480. -webkit-box-shadow: none;
  6481. -moz-box-shadow: none;
  6482. box-shadow: none;
  6483. text-shadow: none;
  6484. }
  6485. .palette-brick-brick .action-item-search[type="submit"], .palette-brick-brick .action-item-search[type="submit"]:hover, .palette-brick-brick .action-item-search[type="submit"]:active, .palette-brick-brick .action-item-search[type="submit"]:focus {
  6486. background-position: 1.5em center;
  6487. }
  6488. .palette-brick-brick .notification-count {
  6489. background: #c2594c;
  6490. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2594c), color-stop(100%, #7d342b));
  6491. background: -webkit-linear-gradient(#c2594c, #7d342b);
  6492. background: -moz-linear-gradient(#c2594c, #7d342b);
  6493. background: -o-linear-gradient(#c2594c, #7d342b);
  6494. background: linear-gradient(#c2594c, #7d342b);
  6495. -webkit-box-shadow: 0 0 2px #432a26;
  6496. -moz-box-shadow: 0 0 2px #432a26;
  6497. box-shadow: 0 0 2px #432a26;
  6498. }
  6499. .palette-gray-lightgray-blue h2 {
  6500. color: #868686;
  6501. }
  6502. .palette-gray-lightgray-blue .header-color-row-one {
  6503. background-color: #868686;
  6504. border-top: 1.5em solid #070707;
  6505. }
  6506. @media only screen and (min-width: 769px) {
  6507. .palette-gray-lightgray-blue .header-color-row-one {
  6508. border-top: none;
  6509. }
  6510. }
  6511. .boxshadow .palette-gray-lightgray-blue .header-color-row-one {
  6512. -webkit-box-shadow: #868686 0px -1px 0px;
  6513. -moz-box-shadow: #868686 0px -1px 0px;
  6514. box-shadow: #868686 0px -1px 0px;
  6515. }
  6516. .palette-gray-lightgray-blue .header-color-row-two {
  6517. background-color: #dbdbdb;
  6518. border-top: 1px solid #f4f4f4;
  6519. border-bottom: 1px solid #c2c2c2;
  6520. }
  6521. .palette-gray-lightgray-blue h1.node-title {
  6522. color: #dbdbdb;
  6523. }
  6524. .palette-gray-lightgray-blue h1.node-title a {
  6525. color: #dbdbdb;
  6526. }
  6527. .palette-gray-lightgray-blue a, .palette-gray-lightgray-blue .commons-bw-create-all-widget-types li a {
  6528. color: #dbdbdb;
  6529. }
  6530. .palette-gray-lightgray-blue .select-status:after {
  6531. border-top-color: #dbdbdb;
  6532. }
  6533. .palette-gray-lightgray-blue #menu-bar.nav ul.menu li:hover .arrow:before,
  6534. .palette-gray-lightgray-blue #menu-bar.nav ul.menu li.active-trail .arrow:before {
  6535. border-color: transparent transparent #f4f4f4 transparent;
  6536. }
  6537. .palette-gray-lightgray-blue #menu-bar.nav ul.menu li:hover .arrow:after,
  6538. .palette-gray-lightgray-blue #menu-bar.nav ul.menu li.active-trail .arrow:after {
  6539. border-color: transparent transparent #dbdbdb transparent;
  6540. }
  6541. .palette-gray-lightgray-blue ul.commons-utility-links li.last {
  6542. border-left-color: #dbdbdb;
  6543. }
  6544. .palette-gray-lightgray-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  6545. .palette-gray-lightgray-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  6546. .palette-gray-lightgray-blue ul.primary.tabs li a,
  6547. .palette-gray-lightgray-blue ul.primary.tabs li a span {
  6548. color: #dbdbdb;
  6549. }
  6550. .palette-gray-lightgray-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  6551. .palette-gray-lightgray-blue ul.primary.tabs li a:hover {
  6552. color: #c2c2c2;
  6553. }
  6554. .palette-gray-lightgray-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  6555. .palette-gray-lightgray-blue .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  6556. .palette-gray-lightgray-blue ul.primary.tabs li.active a,
  6557. .palette-gray-lightgray-blue ul.primary.tabs li.active a span {
  6558. color: #333333;
  6559. }
  6560. .palette-gray-lightgray-blue .partial-node-form-title {
  6561. color: #04b6e7;
  6562. }
  6563. .palette-gray-lightgray-blue .block-search {
  6564. background-color: #bcbcbc;
  6565. *zoom: 1;
  6566. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFBCBCBC', endColorstr='#FFCCCCCC');
  6567. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bcbcbc), color-stop(100%, #cccccc));
  6568. background-image: -webkit-linear-gradient(top, #bcbcbc 0%, #cccccc 100%);
  6569. background-image: -moz-linear-gradient(top, #bcbcbc 0%, #cccccc 100%);
  6570. background-image: -o-linear-gradient(top, #bcbcbc 0%, #cccccc 100%);
  6571. background-image: linear-gradient(top, #bcbcbc 0%, #cccccc 100%);
  6572. }
  6573. .palette-gray-lightgray-blue .commons-bw-create-all-widget-types, .palette-gray-lightgray-blue li.sharethis .sharethis-wrapper {
  6574. border-color: #dbdbdb;
  6575. }
  6576. .palette-gray-lightgray-blue li.sharethis .sharethis-wrapper:before {
  6577. border-color: #dbdbdb transparent transparent transparent;
  6578. }
  6579. .palette-gray-lightgray-blue #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-gray-lightgray-blue a {
  6580. border-left: 1px solid #959595;
  6581. -webkit-box-shadow: #656565 -1px 0px 0px;
  6582. -moz-box-shadow: #656565 -1px 0px 0px;
  6583. box-shadow: #656565 -1px 0px 0px;
  6584. }
  6585. .palette-gray-lightgray-blue #menu-bar.nav {
  6586. border-right: 1px solid #656565;
  6587. -webkit-box-shadow: #959595 1px 0px 0px;
  6588. -moz-box-shadow: #959595 1px 0px 0px;
  6589. box-shadow: #959595 1px 0px 0px;
  6590. }
  6591. .palette-gray-lightgray-blue .action-item-primary,
  6592. .palette-gray-lightgray-blue .action-item-small-primary,
  6593. .palette-gray-lightgray-blue .action-item-large-primary, .palette-gray-lightgray-blue .commons-sign-up, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a, .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a {
  6594. background-color: #04b6e7;
  6595. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0ac7fb), color-stop(100%, #04a2ce));
  6596. background: -webkit-linear-gradient(#0ac7fb, #04a2ce);
  6597. background: -moz-linear-gradient(#0ac7fb, #04a2ce);
  6598. background: -o-linear-gradient(#0ac7fb, #04a2ce);
  6599. background: linear-gradient(#0ac7fb, #04a2ce);
  6600. border-color: #026783;
  6601. text-shadow: -1px 1px 2px #038fb5, -1px -1px 2px #038fb5, 1px -1px 2px #038fb5, 1px 1px 2px #038fb5;
  6602. }
  6603. .palette-gray-lightgray-blue .action-item-primary,
  6604. .palette-gray-lightgray-blue .action-item-small-primary,
  6605. .palette-gray-lightgray-blue .action-item-large-primary, .palette-gray-lightgray-blue .commons-sign-up, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a, .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a, .palette-gray-lightgray-blue .action-item-primary:link,
  6606. .palette-gray-lightgray-blue .action-item-small-primary:link,
  6607. .palette-gray-lightgray-blue .action-item-large-primary:link, .palette-gray-lightgray-blue .commons-sign-up:link, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a:link, .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a:link, .palette-gray-lightgray-blue .action-item-primary:visited,
  6608. .palette-gray-lightgray-blue .action-item-small-primary:visited,
  6609. .palette-gray-lightgray-blue .action-item-large-primary:visited, .palette-gray-lightgray-blue .commons-sign-up:visited, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a:visited, .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a:visited {
  6610. color: white;
  6611. }
  6612. .palette-gray-lightgray-blue .action-item-primary:hover,
  6613. .palette-gray-lightgray-blue .action-item-small-primary:hover,
  6614. .palette-gray-lightgray-blue .action-item-large-primary:hover, .palette-gray-lightgray-blue .commons-sign-up:hover, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a:hover, .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a:hover {
  6615. color: white;
  6616. background-color: #04a2ce;
  6617. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04b6e7), color-stop(100%, #038fb5));
  6618. background: -webkit-linear-gradient(#04b6e7, #038fb5);
  6619. background: -moz-linear-gradient(#04b6e7, #038fb5);
  6620. background: -o-linear-gradient(#04b6e7, #038fb5);
  6621. background: linear-gradient(#04b6e7, #038fb5);
  6622. border-color: #014051;
  6623. text-shadow: -1px 1px 2px #038fb5, -1px -1px 2px #038fb5, 1px -1px 2px #038fb5, 1px 1px 2px #038fb5;
  6624. }
  6625. .palette-gray-lightgray-blue .action-item-primary:focus,
  6626. .palette-gray-lightgray-blue .action-item-small-primary:focus,
  6627. .palette-gray-lightgray-blue .action-item-large-primary:focus, .palette-gray-lightgray-blue .commons-sign-up:focus, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a:focus, .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a:focus, .palette-gray-lightgray-blue .action-item-primary:active,
  6628. .palette-gray-lightgray-blue .action-item-small-primary:active,
  6629. .palette-gray-lightgray-blue .action-item-large-primary:active, .palette-gray-lightgray-blue .commons-sign-up:active, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a:active, .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a:active {
  6630. background: #04b6e7;
  6631. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04a2ce), color-stop(100%, #0ac7fb));
  6632. background: -webkit-linear-gradient(#04a2ce, #0ac7fb);
  6633. background: -moz-linear-gradient(#04a2ce, #0ac7fb);
  6634. background: -o-linear-gradient(#04a2ce, #0ac7fb);
  6635. background: linear-gradient(#04a2ce, #0ac7fb);
  6636. border-color: #026783;
  6637. text-shadow: -1px 1px 2px #038fb5, -1px -1px 2px #038fb5, 1px -1px 2px #038fb5, 1px 1px 2px #038fb5;
  6638. }
  6639. .palette-gray-lightgray-blue [disabled].action-item-primary,
  6640. .palette-gray-lightgray-blue [disabled].action-item-small-primary,
  6641. .palette-gray-lightgray-blue [disabled].action-item-large-primary, .palette-gray-lightgray-blue [disabled].commons-sign-up, .palette-gray-lightgray-blue .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-gray-lightgray-blue a[disabled], .palette-gray-lightgray-blue .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-gray-lightgray-blue a[disabled] {
  6642. color: #55d8fc;
  6643. background: #04b6e7;
  6644. border-color: #026783;
  6645. -webkit-box-shadow: none;
  6646. -moz-box-shadow: none;
  6647. box-shadow: none;
  6648. text-shadow: none;
  6649. }
  6650. .palette-gray-lightgray-blue .action-item-search[type="submit"] {
  6651. min-width: 15px;
  6652. background: #04b6e7 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6653. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0ac7fb), color-stop(100%, #04a2ce));
  6654. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#0ac7fb, #04a2ce);
  6655. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#0ac7fb, #04a2ce);
  6656. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#0ac7fb, #04a2ce);
  6657. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#0ac7fb, #04a2ce);
  6658. border-color: #026783;
  6659. text-shadow: -1px 1px 2px #038fb5, -1px -1px 2px #038fb5, 1px -1px 2px #038fb5, 1px 1px 2px #038fb5;
  6660. }
  6661. .palette-gray-lightgray-blue .action-item-search[type="submit"], .palette-gray-lightgray-blue .action-item-search[type="submit"]:link, .palette-gray-lightgray-blue .action-item-search[type="submit"]:visited {
  6662. color: white;
  6663. }
  6664. .palette-gray-lightgray-blue .action-item-search[type="submit"]:hover {
  6665. color: white;
  6666. background: #04a2ce url('../images/icons/icon-search.png?1400601840') no-repeat;
  6667. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04b6e7), color-stop(100%, #038fb5));
  6668. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#04b6e7, #038fb5);
  6669. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#04b6e7, #038fb5);
  6670. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#04b6e7, #038fb5);
  6671. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#04b6e7, #038fb5);
  6672. border-color: #014051;
  6673. text-shadow: -1px 1px 2px #038fb5, -1px -1px 2px #038fb5, 1px -1px 2px #038fb5, 1px 1px 2px #038fb5;
  6674. }
  6675. .palette-gray-lightgray-blue .action-item-search[type="submit"]:focus, .palette-gray-lightgray-blue .action-item-search[type="submit"]:active {
  6676. background: #04b6e7 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6677. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04a2ce), color-stop(100%, #0ac7fb));
  6678. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#04a2ce, #0ac7fb);
  6679. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#04a2ce, #0ac7fb);
  6680. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#04a2ce, #0ac7fb);
  6681. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#04a2ce, #0ac7fb);
  6682. border-color: #026783;
  6683. text-shadow: -1px 1px 2px #038fb5, -1px -1px 2px #038fb5, 1px -1px 2px #038fb5, 1px 1px 2px #038fb5;
  6684. }
  6685. .palette-gray-lightgray-blue [disabled].action-item-search[type="submit"] {
  6686. color: #55d8fc;
  6687. background: #04b6e7;
  6688. border-color: #026783;
  6689. -webkit-box-shadow: none;
  6690. -moz-box-shadow: none;
  6691. box-shadow: none;
  6692. text-shadow: none;
  6693. }
  6694. .palette-gray-lightgray-blue .action-item-search[type="submit"], .palette-gray-lightgray-blue .action-item-search[type="submit"]:hover, .palette-gray-lightgray-blue .action-item-search[type="submit"]:active, .palette-gray-lightgray-blue .action-item-search[type="submit"]:focus {
  6695. background-position: 1.5em center;
  6696. }
  6697. .palette-gray-lightgray-blue .notification-count {
  6698. background: #00ccff;
  6699. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00ccff), color-stop(100%, #007a99));
  6700. background: -webkit-linear-gradient(#00ccff, #007a99);
  6701. background: -moz-linear-gradient(#00ccff, #007a99);
  6702. background: -o-linear-gradient(#00ccff, #007a99);
  6703. background: linear-gradient(#00ccff, #007a99);
  6704. -webkit-box-shadow: 0 0 2px #868686;
  6705. -moz-box-shadow: 0 0 2px #868686;
  6706. box-shadow: 0 0 2px #868686;
  6707. }
  6708. .palette-black-white-red h2 {
  6709. color: #262626;
  6710. }
  6711. .palette-black-white-red .header-color-row-one {
  6712. background-color: #262626;
  6713. border-top: 1.5em solid black;
  6714. }
  6715. @media only screen and (min-width: 769px) {
  6716. .palette-black-white-red .header-color-row-one {
  6717. border-top: none;
  6718. }
  6719. }
  6720. .boxshadow .palette-black-white-red .header-color-row-one {
  6721. -webkit-box-shadow: #262626 0px -1px 0px;
  6722. -moz-box-shadow: #262626 0px -1px 0px;
  6723. box-shadow: #262626 0px -1px 0px;
  6724. }
  6725. .palette-black-white-red .header-color-row-two {
  6726. background-color: #383838;
  6727. border-top: 1px solid #525252;
  6728. border-bottom: 1px solid #1f1f1f;
  6729. }
  6730. .palette-black-white-red h1.node-title {
  6731. color: #383838;
  6732. }
  6733. .palette-black-white-red h1.node-title a {
  6734. color: #383838;
  6735. }
  6736. .palette-black-white-red a, .palette-black-white-red .commons-bw-create-all-widget-types li a {
  6737. color: #383838;
  6738. }
  6739. .palette-black-white-red .select-status:after {
  6740. border-top-color: #383838;
  6741. }
  6742. .palette-black-white-red #menu-bar.nav ul.menu li:hover .arrow:before,
  6743. .palette-black-white-red #menu-bar.nav ul.menu li.active-trail .arrow:before {
  6744. border-color: transparent transparent #525252 transparent;
  6745. }
  6746. .palette-black-white-red #menu-bar.nav ul.menu li:hover .arrow:after,
  6747. .palette-black-white-red #menu-bar.nav ul.menu li.active-trail .arrow:after {
  6748. border-color: transparent transparent #383838 transparent;
  6749. }
  6750. .palette-black-white-red ul.commons-utility-links li.last {
  6751. border-left-color: #383838;
  6752. }
  6753. .palette-black-white-red .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  6754. .palette-black-white-red .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  6755. .palette-black-white-red ul.primary.tabs li a,
  6756. .palette-black-white-red ul.primary.tabs li a span {
  6757. color: #383838;
  6758. }
  6759. .palette-black-white-red .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  6760. .palette-black-white-red ul.primary.tabs li a:hover {
  6761. color: #1f1f1f;
  6762. }
  6763. .palette-black-white-red .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  6764. .palette-black-white-red .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  6765. .palette-black-white-red ul.primary.tabs li.active a,
  6766. .palette-black-white-red ul.primary.tabs li.active a span {
  6767. color: #333333;
  6768. }
  6769. .palette-black-white-red .partial-node-form-title {
  6770. color: #cc0000;
  6771. }
  6772. .palette-black-white-red .block-search {
  6773. background-color: #191919;
  6774. *zoom: 1;
  6775. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF191919', endColorstr='#FF292929');
  6776. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #191919), color-stop(100%, #292929));
  6777. background-image: -webkit-linear-gradient(top, #191919 0%, #292929 100%);
  6778. background-image: -moz-linear-gradient(top, #191919 0%, #292929 100%);
  6779. background-image: -o-linear-gradient(top, #191919 0%, #292929 100%);
  6780. background-image: linear-gradient(top, #191919 0%, #292929 100%);
  6781. }
  6782. .palette-black-white-red .commons-bw-create-all-widget-types, .palette-black-white-red li.sharethis .sharethis-wrapper {
  6783. border-color: #383838;
  6784. }
  6785. .palette-black-white-red li.sharethis .sharethis-wrapper:before {
  6786. border-color: #383838 transparent transparent transparent;
  6787. }
  6788. .palette-black-white-red #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-black-white-red a {
  6789. border-left: 1px solid #353535;
  6790. -webkit-box-shadow: #050505 -1px 0px 0px;
  6791. -moz-box-shadow: #050505 -1px 0px 0px;
  6792. box-shadow: #050505 -1px 0px 0px;
  6793. }
  6794. .palette-black-white-red #menu-bar.nav {
  6795. border-right: 1px solid #050505;
  6796. -webkit-box-shadow: #353535 1px 0px 0px;
  6797. -moz-box-shadow: #353535 1px 0px 0px;
  6798. box-shadow: #353535 1px 0px 0px;
  6799. }
  6800. .palette-black-white-red .action-item-primary,
  6801. .palette-black-white-red .action-item-small-primary,
  6802. .palette-black-white-red .action-item-large-primary, .palette-black-white-red .commons-sign-up, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-black-white-red a, .palette-black-white-red .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-black-white-red a {
  6803. background-color: #cc0000;
  6804. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(100%, #b30000));
  6805. background: -webkit-linear-gradient(#e60000, #b30000);
  6806. background: -moz-linear-gradient(#e60000, #b30000);
  6807. background: -o-linear-gradient(#e60000, #b30000);
  6808. background: linear-gradient(#e60000, #b30000);
  6809. border-color: #660000;
  6810. text-shadow: -1px 1px 2px #990000, -1px -1px 2px #990000, 1px -1px 2px #990000, 1px 1px 2px #990000;
  6811. }
  6812. .palette-black-white-red .action-item-primary,
  6813. .palette-black-white-red .action-item-small-primary,
  6814. .palette-black-white-red .action-item-large-primary, .palette-black-white-red .commons-sign-up, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-black-white-red a, .palette-black-white-red .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-black-white-red a, .palette-black-white-red .action-item-primary:link,
  6815. .palette-black-white-red .action-item-small-primary:link,
  6816. .palette-black-white-red .action-item-large-primary:link, .palette-black-white-red .commons-sign-up:link, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-black-white-red a:link, .palette-black-white-red .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-black-white-red a:link, .palette-black-white-red .action-item-primary:visited,
  6817. .palette-black-white-red .action-item-small-primary:visited,
  6818. .palette-black-white-red .action-item-large-primary:visited, .palette-black-white-red .commons-sign-up:visited, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-black-white-red a:visited, .palette-black-white-red .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-black-white-red a:visited {
  6819. color: white;
  6820. }
  6821. .palette-black-white-red .action-item-primary:hover,
  6822. .palette-black-white-red .action-item-small-primary:hover,
  6823. .palette-black-white-red .action-item-large-primary:hover, .palette-black-white-red .commons-sign-up:hover, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-black-white-red a:hover, .palette-black-white-red .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-black-white-red a:hover {
  6824. color: white;
  6825. background-color: #b30000;
  6826. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc0000), color-stop(100%, #990000));
  6827. background: -webkit-linear-gradient(#cc0000, #990000);
  6828. background: -moz-linear-gradient(#cc0000, #990000);
  6829. background: -o-linear-gradient(#cc0000, #990000);
  6830. background: linear-gradient(#cc0000, #990000);
  6831. border-color: #330000;
  6832. text-shadow: -1px 1px 2px #990000, -1px -1px 2px #990000, 1px -1px 2px #990000, 1px 1px 2px #990000;
  6833. }
  6834. .palette-black-white-red .action-item-primary:focus,
  6835. .palette-black-white-red .action-item-small-primary:focus,
  6836. .palette-black-white-red .action-item-large-primary:focus, .palette-black-white-red .commons-sign-up:focus, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-black-white-red a:focus, .palette-black-white-red .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-black-white-red a:focus, .palette-black-white-red .action-item-primary:active,
  6837. .palette-black-white-red .action-item-small-primary:active,
  6838. .palette-black-white-red .action-item-large-primary:active, .palette-black-white-red .commons-sign-up:active, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-black-white-red a:active, .palette-black-white-red .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-black-white-red a:active {
  6839. background: #cc0000;
  6840. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b30000), color-stop(100%, #e60000));
  6841. background: -webkit-linear-gradient(#b30000, #e60000);
  6842. background: -moz-linear-gradient(#b30000, #e60000);
  6843. background: -o-linear-gradient(#b30000, #e60000);
  6844. background: linear-gradient(#b30000, #e60000);
  6845. border-color: #660000;
  6846. text-shadow: -1px 1px 2px #990000, -1px -1px 2px #990000, 1px -1px 2px #990000, 1px 1px 2px #990000;
  6847. }
  6848. .palette-black-white-red [disabled].action-item-primary,
  6849. .palette-black-white-red [disabled].action-item-small-primary,
  6850. .palette-black-white-red [disabled].action-item-large-primary, .palette-black-white-red [disabled].commons-sign-up, .palette-black-white-red .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-black-white-red a[disabled], .palette-black-white-red .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-black-white-red a[disabled] {
  6851. color: #ff3333;
  6852. background: #cc0000;
  6853. border-color: #660000;
  6854. -webkit-box-shadow: none;
  6855. -moz-box-shadow: none;
  6856. box-shadow: none;
  6857. text-shadow: none;
  6858. }
  6859. .palette-black-white-red .action-item-search[type="submit"] {
  6860. min-width: 15px;
  6861. background: #cc0000 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6862. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(100%, #b30000));
  6863. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#e60000, #b30000);
  6864. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#e60000, #b30000);
  6865. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#e60000, #b30000);
  6866. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#e60000, #b30000);
  6867. border-color: #660000;
  6868. text-shadow: -1px 1px 2px #990000, -1px -1px 2px #990000, 1px -1px 2px #990000, 1px 1px 2px #990000;
  6869. }
  6870. .palette-black-white-red .action-item-search[type="submit"], .palette-black-white-red .action-item-search[type="submit"]:link, .palette-black-white-red .action-item-search[type="submit"]:visited {
  6871. color: white;
  6872. }
  6873. .palette-black-white-red .action-item-search[type="submit"]:hover {
  6874. color: white;
  6875. background: #b30000 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6876. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc0000), color-stop(100%, #990000));
  6877. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#cc0000, #990000);
  6878. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#cc0000, #990000);
  6879. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#cc0000, #990000);
  6880. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#cc0000, #990000);
  6881. border-color: #330000;
  6882. text-shadow: -1px 1px 2px #990000, -1px -1px 2px #990000, 1px -1px 2px #990000, 1px 1px 2px #990000;
  6883. }
  6884. .palette-black-white-red .action-item-search[type="submit"]:focus, .palette-black-white-red .action-item-search[type="submit"]:active {
  6885. background: #cc0000 url('../images/icons/icon-search.png?1400601840') no-repeat;
  6886. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b30000), color-stop(100%, #e60000));
  6887. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#b30000, #e60000);
  6888. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#b30000, #e60000);
  6889. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#b30000, #e60000);
  6890. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#b30000, #e60000);
  6891. border-color: #660000;
  6892. text-shadow: -1px 1px 2px #990000, -1px -1px 2px #990000, 1px -1px 2px #990000, 1px 1px 2px #990000;
  6893. }
  6894. .palette-black-white-red [disabled].action-item-search[type="submit"] {
  6895. color: #ff3333;
  6896. background: #cc0000;
  6897. border-color: #660000;
  6898. -webkit-box-shadow: none;
  6899. -moz-box-shadow: none;
  6900. box-shadow: none;
  6901. text-shadow: none;
  6902. }
  6903. .palette-black-white-red .action-item-search[type="submit"], .palette-black-white-red .action-item-search[type="submit"]:hover, .palette-black-white-red .action-item-search[type="submit"]:active, .palette-black-white-red .action-item-search[type="submit"]:focus {
  6904. background-position: 1.5em center;
  6905. }
  6906. .palette-black-white-red .notification-count {
  6907. background: #e45553;
  6908. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e45553), color-stop(100%, #b51e1c));
  6909. background: -webkit-linear-gradient(#e45553, #b51e1c);
  6910. background: -moz-linear-gradient(#e45553, #b51e1c);
  6911. background: -o-linear-gradient(#e45553, #b51e1c);
  6912. background: linear-gradient(#e45553, #b51e1c);
  6913. -webkit-box-shadow: 0 0 2px #262626;
  6914. -moz-box-shadow: 0 0 2px #262626;
  6915. box-shadow: 0 0 2px #262626;
  6916. }
  6917. .palette-brown-burnt-orange h2 {
  6918. color: #62390e;
  6919. }
  6920. .palette-brown-burnt-orange .header-color-row-one {
  6921. background-color: #62390e;
  6922. border-top: 1.5em solid black;
  6923. }
  6924. @media only screen and (min-width: 769px) {
  6925. .palette-brown-burnt-orange .header-color-row-one {
  6926. border-top: none;
  6927. }
  6928. }
  6929. .boxshadow .palette-brown-burnt-orange .header-color-row-one {
  6930. -webkit-box-shadow: #62390e 0px -1px 0px;
  6931. -moz-box-shadow: #62390e 0px -1px 0px;
  6932. box-shadow: #62390e 0px -1px 0px;
  6933. }
  6934. .palette-brown-burnt-orange .header-color-row-two {
  6935. background-color: #7c4811;
  6936. border-top: 1px solid #a96217;
  6937. border-bottom: 1px solid #4f2e0b;
  6938. }
  6939. .palette-brown-burnt-orange h1.node-title {
  6940. color: #7c4811;
  6941. }
  6942. .palette-brown-burnt-orange h1.node-title a {
  6943. color: #7c4811;
  6944. }
  6945. .palette-brown-burnt-orange a, .palette-brown-burnt-orange .commons-bw-create-all-widget-types li a {
  6946. color: #7c4811;
  6947. }
  6948. .palette-brown-burnt-orange .select-status:after {
  6949. border-top-color: #7c4811;
  6950. }
  6951. .palette-brown-burnt-orange #menu-bar.nav ul.menu li:hover .arrow:before,
  6952. .palette-brown-burnt-orange #menu-bar.nav ul.menu li.active-trail .arrow:before {
  6953. border-color: transparent transparent #a96217 transparent;
  6954. }
  6955. .palette-brown-burnt-orange #menu-bar.nav ul.menu li:hover .arrow:after,
  6956. .palette-brown-burnt-orange #menu-bar.nav ul.menu li.active-trail .arrow:after {
  6957. border-color: transparent transparent #7c4811 transparent;
  6958. }
  6959. .palette-brown-burnt-orange ul.commons-utility-links li.last {
  6960. border-left-color: #7c4811;
  6961. }
  6962. .palette-brown-burnt-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li a,
  6963. .palette-brown-burnt-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li a span,
  6964. .palette-brown-burnt-orange ul.primary.tabs li a,
  6965. .palette-brown-burnt-orange ul.primary.tabs li a span {
  6966. color: #7c4811;
  6967. }
  6968. .palette-brown-burnt-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover,
  6969. .palette-brown-burnt-orange ul.primary.tabs li a:hover {
  6970. color: #4f2e0b;
  6971. }
  6972. .palette-brown-burnt-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a,
  6973. .palette-brown-burnt-orange .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span,
  6974. .palette-brown-burnt-orange ul.primary.tabs li.active a,
  6975. .palette-brown-burnt-orange ul.primary.tabs li.active a span {
  6976. color: #333333;
  6977. }
  6978. .palette-brown-burnt-orange .partial-node-form-title {
  6979. color: #e18728;
  6980. }
  6981. .palette-brown-burnt-orange .block-search {
  6982. background-color: #46290a;
  6983. *zoom: 1;
  6984. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF46290A', endColorstr='#FF61380D');
  6985. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46290a), color-stop(100%, #61380d));
  6986. background-image: -webkit-linear-gradient(top, #46290a 0%, #61380d 100%);
  6987. background-image: -moz-linear-gradient(top, #46290a 0%, #61380d 100%);
  6988. background-image: -o-linear-gradient(top, #46290a 0%, #61380d 100%);
  6989. background-image: linear-gradient(top, #46290a 0%, #61380d 100%);
  6990. }
  6991. .palette-brown-burnt-orange .commons-bw-create-all-widget-types, .palette-brown-burnt-orange li.sharethis .sharethis-wrapper {
  6992. border-color: #7c4811;
  6993. }
  6994. .palette-brown-burnt-orange li.sharethis .sharethis-wrapper:before {
  6995. border-color: #7c4811 transparent transparent transparent;
  6996. }
  6997. .palette-brown-burnt-orange #menu-bar.nav ul.menu li a, #menu-bar.nav ul.menu li .palette-brown-burnt-orange a {
  6998. border-left: 1px solid #7d4912;
  6999. -webkit-box-shadow: #281706 -1px 0px 0px;
  7000. -moz-box-shadow: #281706 -1px 0px 0px;
  7001. box-shadow: #281706 -1px 0px 0px;
  7002. }
  7003. .palette-brown-burnt-orange #menu-bar.nav {
  7004. border-right: 1px solid #281706;
  7005. -webkit-box-shadow: #7d4912 1px 0px 0px;
  7006. -moz-box-shadow: #7d4912 1px 0px 0px;
  7007. box-shadow: #7d4912 1px 0px 0px;
  7008. }
  7009. .palette-brown-burnt-orange .action-item-primary,
  7010. .palette-brown-burnt-orange .action-item-small-primary,
  7011. .palette-brown-burnt-orange .action-item-large-primary, .palette-brown-burnt-orange .commons-sign-up, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a, .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a {
  7012. background-color: #e18728;
  7013. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4933e), color-stop(100%, #d27a1d));
  7014. background: -webkit-linear-gradient(#e4933e, #d27a1d);
  7015. background: -moz-linear-gradient(#e4933e, #d27a1d);
  7016. background: -o-linear-gradient(#e4933e, #d27a1d);
  7017. background: linear-gradient(#e4933e, #d27a1d);
  7018. border-color: #8f5314;
  7019. text-shadow: -1px 1px 2px #bc6d1a, -1px -1px 2px #bc6d1a, 1px -1px 2px #bc6d1a, 1px 1px 2px #bc6d1a;
  7020. }
  7021. .palette-brown-burnt-orange .action-item-primary,
  7022. .palette-brown-burnt-orange .action-item-small-primary,
  7023. .palette-brown-burnt-orange .action-item-large-primary, .palette-brown-burnt-orange .commons-sign-up, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a, .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a, .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a, .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a, .palette-brown-burnt-orange .action-item-primary:link,
  7024. .palette-brown-burnt-orange .action-item-small-primary:link,
  7025. .palette-brown-burnt-orange .action-item-large-primary:link, .palette-brown-burnt-orange .commons-sign-up:link, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a:link, .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a:link, .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a:link, .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a:link, .palette-brown-burnt-orange .action-item-primary:visited,
  7026. .palette-brown-burnt-orange .action-item-small-primary:visited,
  7027. .palette-brown-burnt-orange .action-item-large-primary:visited, .palette-brown-burnt-orange .commons-sign-up:visited, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a:visited, .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a:visited, .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a:visited, .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a:visited {
  7028. color: white;
  7029. }
  7030. .palette-brown-burnt-orange .action-item-primary:hover,
  7031. .palette-brown-burnt-orange .action-item-small-primary:hover,
  7032. .palette-brown-burnt-orange .action-item-large-primary:hover, .palette-brown-burnt-orange .commons-sign-up:hover, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a:hover, .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a:hover, .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a:hover, .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a:hover {
  7033. color: white;
  7034. background-color: #d27a1d;
  7035. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e18728), color-stop(100%, #bc6d1a));
  7036. background: -webkit-linear-gradient(#e18728, #bc6d1a);
  7037. background: -moz-linear-gradient(#e18728, #bc6d1a);
  7038. background: -o-linear-gradient(#e18728, #bc6d1a);
  7039. background: linear-gradient(#e18728, #bc6d1a);
  7040. border-color: #62390e;
  7041. text-shadow: -1px 1px 2px #bc6d1a, -1px -1px 2px #bc6d1a, 1px -1px 2px #bc6d1a, 1px 1px 2px #bc6d1a;
  7042. }
  7043. .palette-brown-burnt-orange .action-item-primary:focus,
  7044. .palette-brown-burnt-orange .action-item-small-primary:focus,
  7045. .palette-brown-burnt-orange .action-item-large-primary:focus, .palette-brown-burnt-orange .commons-sign-up:focus, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a:focus, .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a:focus, .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a:focus, .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a:focus, .palette-brown-burnt-orange .action-item-primary:active,
  7046. .palette-brown-burnt-orange .action-item-small-primary:active,
  7047. .palette-brown-burnt-orange .action-item-large-primary:active, .palette-brown-burnt-orange .commons-sign-up:active, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a:active, .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a:active, .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a:active, .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a:active {
  7048. background: #e18728;
  7049. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d27a1d), color-stop(100%, #e4933e));
  7050. background: -webkit-linear-gradient(#d27a1d, #e4933e);
  7051. background: -moz-linear-gradient(#d27a1d, #e4933e);
  7052. background: -o-linear-gradient(#d27a1d, #e4933e);
  7053. background: linear-gradient(#d27a1d, #e4933e);
  7054. border-color: #8f5314;
  7055. text-shadow: -1px 1px 2px #bc6d1a, -1px -1px 2px #bc6d1a, 1px -1px 2px #bc6d1a, 1px 1px 2px #bc6d1a;
  7056. }
  7057. .palette-brown-burnt-orange [disabled].action-item-primary,
  7058. .palette-brown-burnt-orange [disabled].action-item-small-primary,
  7059. .palette-brown-burnt-orange [disabled].action-item-large-primary, .palette-brown-burnt-orange [disabled].commons-sign-up, .palette-brown-burnt-orange .pane-commons-groups-commons-groups-create-group a[disabled], .pane-commons-groups-commons-groups-create-group .palette-brown-burnt-orange a[disabled], .palette-brown-burnt-orange .pane-commons-events-commons-events-create-event-link a[disabled], .pane-commons-events-commons-events-create-event-link .palette-brown-burnt-orange a[disabled] {
  7060. color: #edb982;
  7061. background: #e18728;
  7062. border-color: #8f5314;
  7063. -webkit-box-shadow: none;
  7064. -moz-box-shadow: none;
  7065. box-shadow: none;
  7066. text-shadow: none;
  7067. }
  7068. .palette-brown-burnt-orange .action-item-search[type="submit"] {
  7069. min-width: 15px;
  7070. background: #e18728 url('../images/icons/icon-search.png?1400601840') no-repeat;
  7071. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4933e), color-stop(100%, #d27a1d));
  7072. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#e4933e, #d27a1d);
  7073. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#e4933e, #d27a1d);
  7074. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#e4933e, #d27a1d);
  7075. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#e4933e, #d27a1d);
  7076. border-color: #8f5314;
  7077. text-shadow: -1px 1px 2px #bc6d1a, -1px -1px 2px #bc6d1a, 1px -1px 2px #bc6d1a, 1px 1px 2px #bc6d1a;
  7078. }
  7079. .palette-brown-burnt-orange .action-item-search[type="submit"], .palette-brown-burnt-orange .action-item-search[type="submit"]:link, .palette-brown-burnt-orange .action-item-search[type="submit"]:visited {
  7080. color: white;
  7081. }
  7082. .palette-brown-burnt-orange .action-item-search[type="submit"]:hover {
  7083. color: white;
  7084. background: #d27a1d url('../images/icons/icon-search.png?1400601840') no-repeat;
  7085. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e18728), color-stop(100%, #bc6d1a));
  7086. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#e18728, #bc6d1a);
  7087. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#e18728, #bc6d1a);
  7088. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#e18728, #bc6d1a);
  7089. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#e18728, #bc6d1a);
  7090. border-color: #62390e;
  7091. text-shadow: -1px 1px 2px #bc6d1a, -1px -1px 2px #bc6d1a, 1px -1px 2px #bc6d1a, 1px 1px 2px #bc6d1a;
  7092. }
  7093. .palette-brown-burnt-orange .action-item-search[type="submit"]:focus, .palette-brown-burnt-orange .action-item-search[type="submit"]:active {
  7094. background: #e18728 url('../images/icons/icon-search.png?1400601840') no-repeat;
  7095. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d27a1d), color-stop(100%, #e4933e));
  7096. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -webkit-linear-gradient(#d27a1d, #e4933e);
  7097. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -moz-linear-gradient(#d27a1d, #e4933e);
  7098. background: url('../images/icons/icon-search.png?1400601840') no-repeat, -o-linear-gradient(#d27a1d, #e4933e);
  7099. background: url('../images/icons/icon-search.png?1400601840') no-repeat, linear-gradient(#d27a1d, #e4933e);
  7100. border-color: #8f5314;
  7101. text-shadow: -1px 1px 2px #bc6d1a, -1px -1px 2px #bc6d1a, 1px -1px 2px #bc6d1a, 1px 1px 2px #bc6d1a;
  7102. }
  7103. .palette-brown-burnt-orange [disabled].action-item-search[type="submit"] {
  7104. color: #edb982;
  7105. background: #e18728;
  7106. border-color: #8f5314;
  7107. -webkit-box-shadow: none;
  7108. -moz-box-shadow: none;
  7109. box-shadow: none;
  7110. text-shadow: none;
  7111. }
  7112. .palette-brown-burnt-orange .action-item-search[type="submit"], .palette-brown-burnt-orange .action-item-search[type="submit"]:hover, .palette-brown-burnt-orange .action-item-search[type="submit"]:active, .palette-brown-burnt-orange .action-item-search[type="submit"]:focus {
  7113. background-position: 1.5em center;
  7114. }
  7115. .palette-brown-burnt-orange .notification-count {
  7116. background: #eb9039;
  7117. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb9039), color-stop(100%, #ad5d11));
  7118. background: -webkit-linear-gradient(#eb9039, #ad5d11);
  7119. background: -moz-linear-gradient(#eb9039, #ad5d11);
  7120. background: -o-linear-gradient(#eb9039, #ad5d11);
  7121. background: linear-gradient(#eb9039, #ad5d11);
  7122. -webkit-box-shadow: 0 0 2px #62390e;
  7123. -moz-box-shadow: 0 0 2px #62390e;
  7124. box-shadow: 0 0 2px #62390e;
  7125. }
  7126. .palette-black-blue-yellow .block-search {
  7127. background-color: #161616;
  7128. *zoom: 1;
  7129. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF161616', endColorstr='#FF2B2B2B');
  7130. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #161616), color-stop(100%, #3f3f3f));
  7131. background-image: -webkit-linear-gradient(top, #161616 0%, #3f3f3f 100%);
  7132. background-image: -moz-linear-gradient(top, #161616 0%, #3f3f3f 100%);
  7133. background-image: -o-linear-gradient(top, #161616 0%, #3f3f3f 100%);
  7134. background-image: linear-gradient(top, #161616 0%, #3f3f3f 100%);
  7135. }
  7136. .palette-gray-lightgray-blue h2 {
  7137. color: #262626;
  7138. }
  7139. .palette-gray-lightgray-blue h1.node-title {
  7140. color: #262626;
  7141. }
  7142. .palette-gray-lightgray-blue h1.node-title a {
  7143. color: #262626;
  7144. }
  7145. .palette-gray-lightgray-blue a, .palette-gray-lightgray-blue .commons-bw-create-all-widget-types li a {
  7146. color: #04b6e7;
  7147. }
  7148. .palette-gray-lightgray-blue .block-search {
  7149. background-color: #838383;
  7150. *zoom: 1;
  7151. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF838383', endColorstr='#FF6D6D6D');
  7152. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #838383), color-stop(100%, #a0a0a0));
  7153. background-image: -webkit-linear-gradient(top, #838383 0%, #a0a0a0 100%);
  7154. background-image: -moz-linear-gradient(top, #838383 0%, #a0a0a0 100%);
  7155. background-image: -o-linear-gradient(top, #838383 0%, #a0a0a0 100%);
  7156. background-image: linear-gradient(top, #838383 0%, #a0a0a0 100%);
  7157. }
  7158. .palette-black-white-red h2 {
  7159. color: #cc0000;
  7160. }
  7161. .palette-black-white-red a, .palette-black-white-red .commons-bw-create-all-widget-types li a {
  7162. color: #cc0000;
  7163. }
  7164. .palette-brown-burnt-orange a, .palette-brown-burnt-orange .commons-bw-create-all-widget-types li a {
  7165. color: #e18728;
  7166. }
  7167. .palette-blue-blue .block-search {
  7168. background-color: #0b769c;
  7169. *zoom: 1;
  7170. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0B769C', endColorstr='#FF0C80AB');
  7171. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0b769c), color-stop(100%, #0c80ab));
  7172. background-image: -webkit-linear-gradient(top, #0b769c 0%, #0c80ab 100%);
  7173. background-image: -moz-linear-gradient(top, #0b769c 0%, #0c80ab 100%);
  7174. background-image: -o-linear-gradient(top, #0b769c 0%, #0c80ab 100%);
  7175. background-image: linear-gradient(top, #0b769c 0%, #0c80ab 100%);
  7176. }