You are here

Home » API reference » Sweaver 7

sweaver-grey.css in Sweaver 7

Same filename and directory in other branches
  1. 6 skins/grey/sweaver-grey.css

Sweaver grey skin CSS.

File

skins/grey/sweaver-grey.css
View source 
  1. 

  2. /**

  3.  * @file

  4.  * Sweaver grey skin CSS.

  5.  */

  6. 

  7. /******************************************************

  8.  * Reset all css with !important

  9.  * so that sweavering doesn't affect the sweaver bar.

  10.  ******************************************************/

  11. 

  12. #sweaver-frontend *,

  13. #sweaver-messages * {

  14.   background: transparent 0 none;

  15.   color: #fff !important;

  16.   font-family: "Lucida Grande",Lucida,Verdana,sans-serif;

  17.   font-size: 12px;

  18.   font-style: normal;

  19.   font-weight: normal;

  20.   text-decoration: none;

  21.   text-shadow: none;

  22.   text-transform: none;

  23.   background-image: none;

  24.   line-height: 1.3em !important;

  25.   text-align: left !important;

  26.   padding: 0;

  27.   margin: 0;

  28.   border: 0 none;

  29.   width: auto;

  30.   height: auto;

  31.   outline: 0;

  32. }

  33. 

  34. 

  35. /*****************

  36.  * General theming.

  37.  ******************/

  38. 

  39. /* correct the body so that the Sweaver frontend does not overlap any content */

  40. 

  41. body.sweaver {

  42.   margin-bottom: 299px !important;

  43. }

  44. 

  45. html.sweaver {

  46.   height: auto;

  47. }

  48. 

  49. /* Show which selector was hovered/clicked */

  50. 

  51. .sweaver-hovered {

  52.   outline: 1px dashed #dc1515;

  53. }

  54. 

  55. .sweaver-clicked {

  56.   outline: 1px solid #b13a3a;

  57. }

  58. 

  59. /* sweaver bar */

  60. 

  61. #sweaver {

  62.   width: 100%;

  63.   background-color: #3E3E3E !important;

  64.   position: fixed;

  65.   bottom: 0;

  66.   left: 0;

  67.   z-index: 499;

  68. }

  69. 

  70. #sweaver #sweaver-middle {

  71.   overflow: hidden;

  72. }

  73. 

  74. #sweaver .sweaver-content {

  75.   padding: 10px !important;

  76.   background-color: #3E3E3E !important;

  77.   position: relative !important;

  78.   height: 180px;

  79.   overflow: hidden;

  80.   z-index: 1;

  81. }

  82. 

  83. /* header region */

  84. 

  85. #sweaver .sweaver-header {

  86.    padding: 7px !important;

  87.    clear: both !important;

  88.    background: transparent url(images/header-bg.png) repeat-x bottom left !important;

  89.    position: relative;

  90.    z-index: 2;

  91. }

  92. 

  93. #sweaver #sweaver-header a.button {

  94.   float: right;

  95. }

  96. 

  97. /* Horizontal tabs */

  98. 

  99. #sweaver #sweaver-tabs {

  100.   background-color: #000 !important;

  101.   padding-top: 3px !important;

  102. }

  103. 

  104. #sweaver .close a,

  105. #sweaver .tab a {

  106.   height: 16px !important;

  107.   display: block !important;

  108.   float: left !important;

  109.   padding: 10px !important;

  110.   font-size: 13px !important;

  111.   line-height: 16px !important;

  112.   margin-left: 7px !important;

  113.   -moz-border-radius: 7px 7px 0 0 !important;

  114.   border-radius: 7px 7px 0 0 !important;

  115.   -webkit-border-radius: 7px 7px 0 0 !important;

  116. }

  117. 

  118. #sweaver .close a {

  119.   background: #666 url(images/close.png) no-repeat center center !important;

  120.   text-indent: -10000px;

  121.   overflow: hidden;

  122.   padding: 5px 10px !important;

  123.   margin-top: 7px !important;

  124.   -moz-border-radius: 9px !important;

  125.   -webkit-border-radius: 9px !important;

  126.   border-radius: 9px !important;

  127.   height:10px !important;

  128. }

  129. 

  130. #sweaver .close.active-tab a {

  131.   background-image: url(images/open.png) !important;

  132. }

  133. 

  134. #sweaver .active-tab a {

  135.   background-color: #3E3E3E !important;

  136. }

  137. 

  138. /* style actions */

  139. 

  140. #sweaver-style-actions {

  141.   background-color: #3E3E3E !important;

  142.   height: 36px !important;

  143.   display: block !important;

  144.   float: right !important;

  145.   padding: 0px 15px !important;

  146.   line-height: 16px !important;

  147.   -moz-border-radius: 7px 0 0 0 !important;

  148.   border-radius: 7px 0 0 0 !important;

  149.   -webkit-border-top-left-radius: 7px !important;

  150. }

  151. 

  152. #sweaver-style-actions .style-actions-link {

  153.   float: left !important;

  154. }

  155. 

  156. #sweaver-style-actions .style-actions-link a {

  157.   padding: 10px !important;

  158.   display: block !important;

  159.   font-size: 13px !important;

  160. }

  161. 

  162. /* message region */

  163. 

  164. #sweaver-messages,

  165. #sweaver-popup {

  166.   -moz-border-radius: 7px !important;

  167.   -webkit-border-radius: 7px !important;

  168.   border-radius: 7px !important;

  169.   background: rgb(51,51,51) !important;

  170.   background: rgba(51,51,51,0.9) !important;

  171.   display: none;

  172.   padding: 15px !important;

  173.   position: fixed !important;

  174.   z-index: 1100 !important;

  175.   top: 7px;

  176.   left: 7px;

  177.   width: 300px;

  178.   min-height: 50px;

  179. }

  180. 

  181. #sweaver-popup {

  182.   width: auto;

  183.   padding: 25px 15px !important;

  184. }

  185. 

  186. #sweaver-messages .close,

  187. #sweaver-popup .close {

  188.   background: url(images/close-message.png) no-repeat center center !important;

  189.   text-indent: -10000px;

  190.   overflow: hidden;

  191.   width: 16px;

  192.   height: 15px;

  193.   line-height: 15px;

  194.   position: absolute;

  195.   top: 5px;

  196.   right: 5px;

  197. }

  198. 

  199. #sweaver-messages .close:hover,

  200. #sweaver-popup .close:hover {

  201.   cursor: pointer;

  202. }

  203. 

  204. #sweaver-popup h2 {

  205.   font-size: 16px !important;

  206.   margin-bottom: 5px !important;

  207. }

  208. 

  209. #sweaver-popup a {

  210.   text-decoration: underline !important;

  211. }

  212. 

  213. #sweaver-frontend #sweaver-popup p,

  214. #sweaver-frontend #sweaver-popup span {

  215.   font-style: italic !important;

  216.   margin: 10px 0 !important;

  217. }

  218. 

  219. #sweaver-frontend #sweaver-popup legend {

  220.   position: static;

  221.   text-indent: 0;

  222. }

  223. 

  224. #sweaver-frontend #sweaver-popup legend span {

  225.   font-size: 16px !important;

  226.   line-height:19px !important;

  227.   margin:0 0 10px !important;

  228.   display: block;

  229. }

  230. 

  231. #sweaver-frontend #sweaver-popup fieldset fieldset legend span {

  232.   font-size: 12px !important;

  233.   line-height: 13px !important;

  234.   background: transparent url(images/close.png) no-repeat left center !important;

  235.   padding-left: 25px !important;

  236.   height: 16px !important;

  237. }

  238. 

  239. #sweaver-frontend #sweaver-popup fieldset fieldset .fieldset-wrapper {

  240.   margin: 0px 0 10px 25px;

  241. }

  242. 

  243. #sweaver-frontend #sweaver-popup fieldset {

  244.   background: transparent none !important;

  245. }

  246. 

  247. #sweaver-frontend #sweaver-popup fieldset .description {

  248.   border-radius: 5px 5px 5px 5px !important;

  249.   -moz-border-radius: 5px 5px 5px 5px !important;

  250.   -webkit-border-radius: 5px 5px 5px 5px !important;

  251.   background: none repeat scroll 0 0 #666666 !important;

  252.   color: #EEEEEE !important;

  253.   padding: 10px !important;

  254.   margin-top: 10px !important;

  255.   margin-left: 0 !important;

  256. }

  257. 

  258. #sweaver-frontend #sweaver-popup fieldset fieldset .description {

  259.   margin-top: 10px !important;

  260. }

  261. 

  262. #sweaver-frontend #sweaver-popup fieldset .form-item .description {

  263.   font-size: 0.9em !important;

  264. }

  265. 

  266. #sweaver-frontend #sweaver-popup fieldset .form-item {

  267.   padding: 15px 0 !important;

  268.   border-bottom: 1px solid #777 !important;

  269. }

  270. 

  271. #sweaver-frontend #sweaver-popup fieldset fieldset {

  272.   background: transparent none !important;

  273.   padding: 5px 0 !important;

  274. }

  275. 

  276. #sweaver-frontend #sweaver-popup input,

  277. #sweaver-frontend #sweaver-popup select,

  278. #sweaver-frontend #sweaver-popup textarea {

  279.   width:230px;

  280.   box-shadow: 1px 1px 2px #333 !important;

  281.   -moz-box-shadow: 1px 1px 2px #333 !important;

  282.   -webkit-box-shadow: 1px 1px 2px #333 !important;

  283. }

  284. 

  285. #sweaver-frontend #sweaver-popup label {

  286.     width: 230px !important;

  287. }

  288. 

  289. /* Popup link */

  290. 

  291. #sweaver .popup-link {

  292.   float: left;

  293.   margin-right: 10px !important;

  294. }

  295. 

  296. #sweaver .popup-link a {

  297.   background: #999 url(images/popup.png) no-repeat 4px center !important;

  298.   font-weight: bold !important;

  299.   padding: 5px 5px 5px 25px !important;

  300.   display: block !important;

  301.   border-radius: 4px;

  302.   -moz-border-radius: 4px;

  303.   -webkit-border-radius: 4px;

  304. }

  305. 

  306. #sweaver-style-actions .popup-link a {

  307.   background: #999 none !important;

  308.   padding: 1px !important;

  309.   border: 1px solid #ddd !important;

  310.   border-radius: 4px;

  311.   -moz-border-radius: 4px;

  312.   -webkit-border-radius: 4px;

  313. }

  314. 

  315. /* style actions */

  316. 

  317. #sweaver-popup .form-item-save-type,

  318. #sweaver-popup .form-item-save-style,

  319. #sweaver-popup .form-item-style-existing-id {

  320.   float: left !important;

  321. }

  322. 

  323. #sweaver-popup .form-item-save-type select,

  324. #sweaver-popup .form-item-save-style input,

  325. #sweaver-popup .form-item-style-existing-id select {

  326.   margin-right: 15px !important;

  327. }

  328. 

  329. #sweaver-popup .delete-style-question {

  330.   background:none repeat scroll 0 0 #666666 !important;

  331.   padding:5px !important;

  332.   -moz-border-radius: 7px !important;

  333.   -webkit-border-radius: 7px !important;

  334.   border-radius: 7px !important;

  335.   margin-top: 15px !important;

  336. }

  337. 

  338. #sweaver-popup .save-publish-buttons {

  339.   clear: both;

  340. }

  341. 

  342. #sweaver-popup .delete-style-question input,

  343. #sweaver-popup .save-publish-buttons input {

  344.   float: left !important;

  345.   margin-right: 15px !important;

  346.   clear: none !important;

  347. }

  348. 

  349. /* general theming */

  350. 

  351. #sweaver a {

  352.   display: inline !important;

  353. }

  354. 

  355. #sweaver h2 {

  356.   font-weight: bold !important;

  357.   font-size: 14px !important;

  358.   padding: 0 0 5px 0 !important;

  359.   line-height: 1.1em !important;

  360. }

  361. 

  362. #sweaver h3 {

  363.   color: #222 !important;

  364.   font-size:13px !important;

  365.   font-weight:bold !important;

  366.   line-height:18px !important;

  367.   margin: 5px 0 !important;

  368. }

  369. 

  370. #sweaver-frontend label {

  371.   width: 115px;

  372.   float: left !important;

  373.   clear: left !important;

  374. }

  375. 

  376. #sweaver-frontend .form-item {

  377.   padding: 5px 0 !important;

  378. }

  379. 

  380. #sweaver-frontend input,

  381. #sweaver-frontend select,

  382. #sweaver-frontend textarea {

  383.   width: 140px;

  384.   border: 1px solid #fff !important;

  385.   padding: 2px !important;

  386.   color: #222 !important;

  387.   background-color: #fff !important;

  388.   border-radius: 2px !important;

  389.   -moz-border-radius: 2px !important;

  390.   -webkit-border-radius: 2px !important;

  391.   height: auto !important;

  392.   box-shadow: 1px 1px 2px #000 !important;

  393.   -moz-box-shadow: 1px 1px 2px #000 !important;

  394.   -webkit-box-shadow: 1px 1px 2px #000 !important;

  395. }

  396. 

  397. #sweaver-frontend option {

  398.   color: #222 !important;

  399.   padding: 2px !important;

  400. }

  401. 

  402. #sweaver textarea {

  403.   width: 400px;

  404.   height:175px !important;

  405. }

  406. 

  407. #sweaver-frontend input.form-file,

  408. #sweaver-frontend input.form-checkbox {

  409.   width: auto;

  410. }

  411. 

  412. #sweaver a.button {

  413.   width: 50px !important;

  414.   border: 1px solid #fff !important;

  415.   padding: 2px !important;

  416.   color: #222 !important;

  417.   background-color: #fff !important;

  418.   display: block !important;

  419.   text-align: center !important;

  420.   font-size: 13px !important;

  421.   margin-left: 15px !important;

  422. }

  423. 

  424. #sweaver-frontend .form-submit,

  425. #sweaver-popup .form-submit {

  426.   clear: left;

  427.   display: block !important;

  428.   margin: 1em 0 0 0 !important;

  429.   background-color: #efefef !important;

  430.   color: #000 !important;

  431.   width: auto !important;

  432.   padding: 5px 10px !important;

  433.   -moz-border-radius: 15px !important;

  434.   -webkit-border-radius: 15px !important;

  435.   border-radius: 15px !important;

  436.   cursor: pointer;

  437. }

  438. 

  439. #sweaver-frontend label.option {

  440.   width: auto !important;

  441.   float: none !important;

  442. }

  443. 

  444. #sweaver-frontend input.form-checkbox {

  445.   margin: 0 !important;

  446.   padding: 0 !important;

  447.   width: auto !important;

  448. }

  449. 

  450. #sweaver-frontend .description {

  451.   margin-left: 120px !important;

  452.   font-size: 0.9em !important;

  453.   margin-top: 5px !important;

  454. }

  455. 

  456. /* containers */

  457. 

  458. #sweaver .container {

  459.   float: left !important;

  460. }

  461. 

  462. #sweaver .container-inner {

  463.   padding: 0 20px !important;

  464.   border-left:1px solid #555555 !important;

  465.   border-right: 1px solid #272623 !important;

  466.   height: 180px !important;

  467. }

  468. 

  469. #sweaver .container-first .container-inner  {

  470.   border-left: 0 none !important;

  471.   padding-left: 0 !important;

  472. }

  473. 

  474. #sweaver .container-last .container-inner  {

  475.   border-right: 0 none !important;

  476.   padding-right: 0 !important;

  477. }

  478. 

  479. /* Plugin advanced : Custom css */

  480. 

  481. #sweaver .form-floater .form-submit,

  482. #sweaver .form-floater .form-item {

  483.   float: left !important;

  484.   clear: none !important;

  485. }

  486. 

  487. #sweaver .form-floater .form-item {

  488.   margin: 0 10px 0 0 !important;

  489. }

  490. 

  491. #sweaver .form-item-sweaver-plugin-custom-css{

  492.   width:90%;

  493. }

  494. 

  495. #sweaver .form-item-sweaver-plugin-custom-css textarea{

  496.   width:100%;

  497. }

  498. 

  499. /* Plugin advanced : Context */

  500. 

  501. #sweaver-frontend #sweaver-advanced .context-container input{

  502.   width: 50px;

  503. }

  504. 

  505. #sweaver-frontend #sweaver-advanced .context-container textarea{

  506.   width: 95% !important;

  507.   height: 110px !important;

  508. }

  509. 

  510. /* link for 'theme styles' tab */

  511. 

  512. #sweaver .sweaver-switch-to-style {

  513.   float: left;

  514.   margin-right: 10px !important;

  515. }

  516. 

  517. #sweaver .sweaver-switch-to-style a {

  518.   background: #999 url(images/style.png) no-repeat 4px center !important;

  519.   color: #fff !important;

  520.   font-weight: bold !important;

  521.   padding: 5px 5px 5px 25px !important;

  522.   display: block !important;

  523.   border-radius: 4px;

  524.   -moz-border-radius: 4px;

  525.   -webkit-border-radius: 4px;

  526. }

  527. 

  528. /* Theme switching tab */

  529. 

  530. #sweaver .selected-image {

  531.   -moz-box-shadow: 1px 1px 2px #000;

  532.   background: #FFFFFF !important;

  533.   color: #333333 !important;

  534.   float: left;

  535.   margin-right: 25px !important;

  536.   padding: 5px !important;

  537.   text-align: center !important;

  538.   margin-top: 10px !important;

  539. }

  540. 

  541. #sweaver .selected-image img {

  542.   width: 150px;

  543.   height: 90px;

  544. }

  545. 

  546. #sweaver .selected-image-default {

  547.   background: #333333 !important;

  548.   color: #FFFFFF !important;

  549.   margin-top: 0 !important;

  550.   padding: 15px !important;

  551. }

  552. 

  553. #themeswitch-pane {

  554.   overflow: hidden;

  555.   width: 100%;

  556.   height: 170px;

  557. }

  558. 

  559. #sweaver_plugin_themeswitch .scroll-bar-wrap {

  560.   clear: left;

  561.   padding: 10px 4px 0 2px !important;

  562.   margin: 0 -1px -1px -1px !important;

  563. }

  564. 

  565. #sweaver_plugin_themeswitch .scroll-bar-wrap .ui-handle-helper-parent {

  566.   position: relative;

  567.   width: 100%;

  568.   height: 100%;

  569.   margin: 0 auto !important;

  570. }

  571. 

  572. 

  573. /*****************

  574.  * Editor

  575.  *****************/

  576. 

  577. #sweaver_plugin_editor #sweaver-editor {

  578.   display: none;

  579. }

  580. 

  581. /* vertical tabs in editor screen */

  582. 

  583. #sweaver .vertical-tabs {

  584.   border-right: 1px solid #272623 !important;

  585.   float: left !important;

  586.   height: 180px !important;

  587.   padding-right: 15px !important;

  588. }

  589. 

  590. #sweaver .vertical-tab a {

  591.   display: block !important;

  592.   font-size: 13px !important;

  593.   margin-bottom: 5px !important;

  594.   padding: 7px !important;

  595.   width: 150px !important;

  596. }

  597. 

  598. #sweaver .vertical-tab a.active {

  599.   background-color: transparent !important;

  600.   -moz-border-radius: 7px !important;

  601.   -webkit-border-radius: 7px !important;

  602.   border-radius: 7px !important;

  603.   background-color: #222 !important;

  604. }

  605. 

  606. #sweaver .vertical-content {

  607.   border-left:1px solid #555555 !important;

  608.   height: 180px !important;

  609.   margin-left: 180px !important;

  610.   padding-left:15px !important;

  611. }

  612. 

  613. .vertical-content .container-wrapper {

  614.   display: none;

  615. }

  616. 

  617. .vertical-content #container-one {

  618.   display: block;

  619. }

  620. 

  621. /* form items */

  622. 

  623. #sweaver_plugin_editor label {

  624.   line-height: 16px !important;

  625.   padding: 5px 0 0 0 !important;

  626. }

  627. 

  628. #sweaver_plugin_editor .form-item,

  629. #sweaver_plugin_editor .sweaver-group {

  630.   padding: 5px 0;

  631.   margin: 0;

  632.   clear: both;

  633.   position: relative !important;

  634.   z-index: 1;

  635. }

  636. 

  637. #sweaver_plugin_editor .form-item.active,

  638. #sweaver_plugin_editor .sweaver-group.active {

  639.   z-index: 2;

  640. }

  641. 

  642. #sweaver_plugin_editor .form-managed-file {

  643.   float: left;

  644. }

  645. 

  646. /* parent / children */

  647. 

  648. #sweaver_plugin_editor .sweaver-group-content label {

  649.   display: none;

  650. }

  651. 

  652. #sweaver_plugin_editor .sweaver-group-content {

  653.   float: left;

  654. }

  655. 

  656. #sweaver_plugin_editor .sweaver-group-content .form-item {

  657.   float: left !important;

  658.   clear: none !important;

  659.   margin-right: 5px !important;

  660.   padding: 0 !important;

  661. }

  662. 

  663. #sweaver_plugin_editor .sweaver-group-content select {

  664.   width: auto !important;

  665. }

  666. 

  667. /* slider */

  668. 

  669. #sweaver_plugin_editor .slider-value {

  670.   border: none !important;

  671.   background-color: #fff !important;

  672.   width: 30px !important;

  673.   text-align: center !important;

  674. }

  675. 

  676. #sweaver_plugin_editor .slider {

  677.   width: 122px;

  678. }

  679. 

  680. #sweaver_plugin_editor .slider-wrapper {

  681.   visibility: hidden;

  682.   padding: 10px !important;

  683.   background-color: #666 !important;

  684.   -moz-border-radius: 5px !important;

  685.   -webkit-border-radius: 5px !important;

  686.   border-radius: 5px !important;

  687.   position: absolute;

  688.   top: 0;

  689.   left: 0;

  690.   z-index: 100 !important;

  691. }

  692. 

  693. /* Overwrite of jquery ui css to be able to add !important */

  694. 

  695. #sweaver-frontend .ui-slider {

  696.   background: none repeat scroll 0 0 #FFFFFF !important;

  697.   border: 1px solid #D3D3D3 !important;

  698.   font-size: 100%;

  699.   height: 0.8em;

  700.   line-height: 1.3;

  701. }

  702. 

  703. #sweaver-frontend .ui-slider-handle {

  704.   background:url(images/slider-handle.png) repeat-x scroll 0 50% #FFFFFF !important;

  705.   border: 1px solid #DDDDDD !important;

  706.   margin-left: -8px !important;

  707.   font-size:100%;

  708.   height: 1.2em;

  709.   width: 1.2em;

  710.   line-height:1.3;

  711. }

  712. 

  713. /* selectors path */

  714. 

  715. #sweaver_plugin_editor #full-path,

  716. #sweaver_plugin_editor #selected-path {

  717.   margin: 0 0 0 -7px !important;

  718.   padding: 3px 7px 3px 0 !important;

  719. }

  720. 

  721. #sweaver_plugin_editor #selected-path {

  722.   padding-bottom: 0 !important;

  723. }

  724. 

  725. #sweaver_plugin_editor .path-label {

  726.   width: 100px !important;

  727.   background-color: transparent !important;

  728.   clear: left;

  729.   display: block;

  730.   float: left;

  731.   padding: 0px 3px 0px 10px !important;

  732.   font-weight: bold !important;

  733. }

  734. 

  735. #sweaver_plugin_editor .path-content {

  736.   margin-left: 113px !important;

  737.   display: block;

  738. }

  739. 

  740. #sweaver_plugin_editor #selected-path .path-content span {

  741.   padding: 3px 0 !important;

  742.   position: relative;

  743. }

  744. 

  745. #sweaver_plugin_editor #full-path .selector-wrapper {

  746.   padding: 3px 0 !important;

  747.   position: relative;

  748.   float: left;

  749.   z-index: 1;

  750.   white-space: nowrap;

  751. }

  752. 

  753. #sweaver_plugin_editor #full-path .selector-wrapper.open {

  754.   z-index: 2;

  755. }

  756. 

  757. #sweaver_plugin_editor #full-path .first-selector,

  758. #sweaver_plugin_editor #full-path .selector-separator {

  759.   float: left;

  760. }

  761. 

  762. #sweaver_plugin_editor #full-path .first-selector {

  763.   cursor: pointer;

  764.   white-space: nowrap;

  765. }

  766. 

  767. #sweaver_plugin_editor #full-path .active .first-selector a {

  768.   text-decoration: underline !important;

  769. }

  770. 

  771. /* selector popup */

  772. 

  773. #sweaver_plugin_editor #full-path .selector-popup {

  774.   position: absolute !important;

  775.   top: 0px !important;

  776.   left: -10000px;

  777.   background: #666 !important;

  778.   padding: 4px 16px 4px 8px !important;

  779.   -moz-border-radius: 3px !important;

  780.   -webkit-border-radius: 3px !important;

  781.   border-radius: 3px !important;

  782.   z-index: 1113 !important;

  783.   white-space: nowrap !important;

  784. }

  785. 

  786. #sweaver_plugin_editor #full-path .selector-popup ul {

  787.   float: left !important;

  788. }

  789. 

  790. #sweaver_plugin_editor #full-path .selector-popup ul.selectors {

  791.   border-right: 1px solid #555;

  792.   padding-right: 15px !important;

  793. }

  794. 

  795. #sweaver_plugin_editor #full-path .selector-popup ul.pseudoclasses {

  796.   padding-left: 8px !important;

  797. }

  798. 

  799. #sweaver_plugin_editor #full-path .selector-popup li {

  800.   list-style-type: none !important;

  801.   list-style-image: none !important;

  802.   padding: 4px 0 4px 15px !important;

  803.   border-bottom: 1px solid #555;

  804.   border-top: 1px solid #777;

  805. }

  806. 

  807. #sweaver_plugin_editor #full-path .selector-popup li.first {

  808.   border-top: 0 none;

  809. }

  810. #sweaver_plugin_editor #full-path .selector-popup li.active {

  811.   background: transparent url(images/active-selector.png) no-repeat left center !important;

  812. }

  813. 

  814. #sweaver_plugin_editor #full-path .selector-popup li.last {

  815.   border-bottom: 0 none;

  816. }

  817. 

  818. #sweaver_plugin_editor #full-path .selector-popup-opener {

  819.   background: transparent url(images/selector-popup.png) no-repeat center center !important;

  820.   width: 16px !important;

  821.   height: 15px !important;

  822.   text-indent: -2000px !important;

  823.   overflow: hidden !important;

  824.   float: left;

  825.   cursor: pointer;

  826.   display: none;

  827.   margin-right: 3px !important;

  828. }

  829. 

  830. #sweaver_plugin_editor #full-path .active .selector-popup-opener {

  831.   display: block;

  832. }

  833. 

  834. #sweaver_plugin_editor #full-path .deploy-selectors {

  835.   cursor: pointer;

  836.   float: left;

  837.   font-size: 1.2em;

  838.   font-weight: bold;

  839.   margin-left: 5px;

  840.   margin-right: 5px;

  841. }

  842. 

  843. /* Follow link */

  844. 

  845. #follow-link {

  846.   -moz-border-radius: 7px !important;

  847.   -webkit-border-radius: 7px !important;

  848.   border-radius: 7px !important;

  849.   background: rgb(51,51,51) !important;

  850.   background: rgba(51,51,51,0.9) !important;

  851.   color: #fff !important;

  852.   display: none;

  853.   opacity: 0.8 !important;

  854.   padding: 3px 7px !important;

  855.   position: absolute !important;

  856.   font-size: 11px !important;

  857.   z-index: 498 !important;

  858.   text-decoration: none !important;

  859.   font-family: "trebuchet MS", Helvetica, Arial !important;

  860.   font-size: 12px !important;

  861. }

  862. 

  863. #follow-link:hover {

  864.   text-decoration: underline !important;

  865. }

  866. 

  867. /* Changes */

  868. 

  869. #editor-changes {

  870.   position: absolute !important;

  871.   bottom: 22px;

  872.   right: -10000px;

  873.   padding: 5px !important;

  874.   width: 400px !important;

  875.   background-color: #000 !important;

  876.   color: #fff !important;

  877.   height: 160px;

  878.   overflow-y: scroll;

  879.   z-index : 1112;

  880.   border: 1px solid #000;

  881. }

  882. 

  883. #sweaver_plugin_editor #changes-toggler {

  884.   border-radius: 7px 7px 0 0 !important;

  885.   -moz-border-radius: 7px 7px 0 0 !important;

  886.   -webkit-border-radius: 7px 7px 0 0 !important;

  887.   background: #000 url(images/open2.png) no-repeat 95% 50% !important;

  888.   position: absolute;

  889.   bottom: 0;

  890.   right: 10px;

  891.   padding: 5px 24px 5px 5px !important;

  892.   z-index : 1111;

  893.   width: 100px !important;

  894.   cursor: pointer;

  895. }

  896. 

  897. #sweaver_plugin_editor #changes-toggler.open {

  898.   background-image: url(images/close2.png) !important;

  899. }

  900. 

  901. #sweaver_plugin_editor #editor-changes p {

  902.   margin-bottom: 5px !important;

  903.   padding: 2px 2px 2px 20px !important;

  904.   background: #3E3E3E url(images/remove.png) no-repeat left center !important;

  905.   cursor: pointer;

  906. }

  907. 

  908. /* color picker */

  909. 

  910. #sweaver #sweaver_plugin_editor .colorSelector div {

  911.   -moz-box-shadow:0 0 0 transparent !important;

  912. }

  913. 

  914. 

  915. /*****************

  916.   Palettes

  917.  ******************/

  918. 

  919. #sweaver_plugin_palettes .color {

  920.   width: 15px !important;

  921.   height: 15px !important;

  922.   overflow: hidden;

  923.   text-indent: -10000px;

  924.   float: left;

  925.   border: 1px solid #fff !important;

  926.   margin-left: -1px;

  927. }

  928. 

  929. #sweaver_plugin_palettes .name {

  930.   margin-left: 7px !important;

  931.   float: left;

  932. }

  933. 

  934. #sweaver_plugin_palettes .colors {

  935.   clear: both;

  936.   margin-bottom: 5px !important;

  937.   padding: 7px !important;

  938.   width: 200px;

  939. }

  940. 

  941. #sweaver_plugin_palettes .colors:hover,

  942. #sweaver_plugin_palettes .colors.active,

  943. #sweaver_plugin_palettes .colors.active:hover {

  944.   background: #444 !important;

  945.   border-radius: 7px;

  946.   -webkit-border-radius: 7px;

  947.   -moz-border-radius: 7px;

  948.   cursor: pointer;

  949. }

  950. 

  951. #sweaver_plugin_palettes .colors:hover {

  952.   background-color: #666 !important;

  953. }

  954. 

  955. /* New icons */

  956. #sweaver_plugin_editor .editor_icons {

  957.     background: url('images/sweaver_icons.png');

  958.     float: left;

  959.     cursor: pointer;

  960.     margin:5px 0 5px 10px;

  961.     width: 32px;

  962.     height: 32px;

  963. }

  964. 

  965. #sweaver_plugin_editor #button-checkbox-font-weight { background-position: 0 0; }

  966. #sweaver_plugin_editor #button-checkbox-font-weight:hover { background-position: -80px 0; }

  967. #sweaver_plugin_editor #button-checkbox-font-weight.button_active { background-position: -160px 0; }

  968. #sweaver_plugin_editor #button-checkbox-font-weight.button_active:hover { background-position: -240px 0; }

  969. 

  970. #sweaver_plugin_editor #button-checkbox-font-style { background-position: 0 -60px; }

  971. #sweaver_plugin_editor #button-checkbox-font-style:hover { background-position: -80px -60px; }

  972. #sweaver_plugin_editor #button-checkbox-font-style.button_active { background-position: -160px -60px; }

  973. #sweaver_plugin_editor #button-checkbox-font-style.button_active:hover { background-position: -240px -60px; }

  974. 

  975. #sweaver_plugin_editor #button-radio-text-align-left { background-position: 0 -120px; }

  976. #sweaver_plugin_editor #button-radio-text-align-left:hover { background-position: -80px -120px; }

  977. #sweaver_plugin_editor #button-radio-text-align-left.button_active { background-position: -160px -120px; }

  978. #sweaver_plugin_editor #button-radio-text-align-left.button_active:hover { background-position: -240px -120px; }

  979. 

  980. #sweaver_plugin_editor #button-radio-text-align-center { background-position: 0 -180px; }

  981. #sweaver_plugin_editor #button-radio-text-align-center:hover { background-position: -80px -180px; }

  982. #sweaver_plugin_editor #button-radio-text-align-center.button_active { background-position: -160px -180px; }

  983. #sweaver_plugin_editor #button-radio-text-align-center.button_active:hover { background-position: -240px -180px; }

  984. 

  985. #sweaver_plugin_editor #button-radio-text-align-right { background-position: 0 -240px; }

  986. #sweaver_plugin_editor #button-radio-text-align-right:hover { background-position: -80px -240px; }

  987. #sweaver_plugin_editor #button-radio-text-align-right.button_active { background-position: -160px -240px; }

  988. #sweaver_plugin_editor #button-radio-text-align-right.button_active:hover { background-position: -240px -240px; }

  989. 

  990. #sweaver_plugin_editor #button-radio-text-align-justify { background-position: 0 -300px; }

  991. #sweaver_plugin_editor #button-radio-text-align-justify:hover { background-position: -80px -300px; }

  992. #sweaver_plugin_editor #button-radio-text-align-justify.button_active { background-position: -160px -300px; }

  993. #sweaver_plugin_editor #button-radio-text-align-justify.button_active:hover { background-position: -240px -300px; }

  994. 

  995. #sweaver_plugin_editor #button-radio-text-decoration-underline { background-position: 0 -360px; }

  996. #sweaver_plugin_editor #button-radio-text-decoration-underline:hover { background-position: -80px -360px; }

  997. #sweaver_plugin_editor #button-radio-text-decoration-underline.button_active { background-position: -160px -360px; }

  998. #sweaver_plugin_editor #button-radio-text-decoration-underline.button_active:hover { background-position: -240px -360px; }

  999. 

  1000. #sweaver_plugin_editor #button-radio-text-decoration-none { background-position: 0 -420px; width: 45px; }

  1001. #sweaver_plugin_editor #button-radio-text-decoration-none:hover { background-position: -80px -420px; width: 45px; }

  1002. #sweaver_plugin_editor #button-radio-text-decoration-none.button_active { background-position: -160px -420px; width: 45px; }

  1003. #sweaver_plugin_editor #button-radio-text-decoration-none.button_active:hover { background-position: -240px -420px; width: 45px; }

  1004. 

  1005. #sweaver_plugin_editor #button-radio-text-decoration-line-through { background-position: 0 -480px; width: 45px; }

  1006. #sweaver_plugin_editor #button-radio-text-decoration-line-through:hover { background-position: -80px -480px; width: 45px; }

  1007. #sweaver_plugin_editor #button-radio-text-decoration-line-through.button_active { background-position: -160px -480px; width: 45px; }

  1008. #sweaver_plugin_editor #button-radio-text-decoration-line-through.button_active:hover { background-position: -240px -480px; width: 45px; }

  1009. 

  1010. #sweaver_plugin_editor #button-radio-background-repeat-no-repeat { background-position: 0 -720px; }

  1011. #sweaver_plugin_editor #button-radio-background-repeat-no-repeat:hover { background-position: -80px -720px; }

  1012. #sweaver_plugin_editor #button-radio-background-repeat-no-repeat.button_active { background-position: -160px -720px; }

  1013. #sweaver_plugin_editor #button-radio-background-repeat-no-repeat.button_active:hover { background-position: -240px -720px; }

  1014. 

  1015. #sweaver_plugin_editor #button-radio-background-repeat-repeat-x { background-position: 0 -600px; width: 45px; }

  1016. #sweaver_plugin_editor #button-radio-background-repeat-repeat-x:hover { background-position: -80px -600px; width: 45px; }

  1017. #sweaver_plugin_editor #button-radio-background-repeat-repeat-x.button_active { background-position: -160px -600px; width: 45px; }

  1018. #sweaver_plugin_editor #button-radio-background-repeat-repeat-x.button_active:hover { background-position: -240px -600px; width: 45px; }

  1019. 

  1020. #sweaver_plugin_editor #button-radio-background-repeat-repeat-y { background-position: 0 -660px; width: 45px; }

  1021. #sweaver_plugin_editor #button-radio-background-repeat-repeat-y:hover { background-position: -80px -660px; width: 45px; }

  1022. #sweaver_plugin_editor #button-radio-background-repeat-repeat-y.button_active { background-position: -160px -660px; width: 45px; }

  1023. #sweaver_plugin_editor #button-radio-background-repeat-repeat-y.button_active:hover { background-position: -240px -660px; width: 45px; }

  1024. 

  1025. #sweaver_plugin_editor #button-radio-background-repeat-repeat { background-position: 0 -540px; width: 45px; }

  1026. #sweaver_plugin_editor #button-radio-background-repeat-repeat:hover { background-position: -80px -540px; width: 45px; }

  1027. #sweaver_plugin_editor #button-radio-background-repeat-repeat.button_active { background-position: -160px -540px; width: 45px; }

  1028. #sweaver_plugin_editor #button-radio-background-repeat-repeat.button_active:hover { background-position: -240px -540px; width: 45px; }

  1029. 

  1030. #sweaver_plugin_editor #button-radio-background-attachment-scroll { background-position: 0 -780px; width: 45px; }

  1031. #sweaver_plugin_editor #button-radio-background-attachment-scroll:hover { background-position: -80px -780px; width: 45px; }

  1032. #sweaver_plugin_editor #button-radio-background-attachment-scroll.button_active { background-position: -160px -780px; width: 45px; }

  1033. #sweaver_plugin_editor #button-radio-background-attachment-scroll.button_active:hover { background-position: -240px -780px; width: 45px; }

  1034. 

  1035. #sweaver_plugin_editor #button-radio-background-attachment-fixed { background-position: 0 -840px; }

  1036. #sweaver_plugin_editor #button-radio-background-attachment-fixed:hover { background-position: -80px -840px; }

  1037. #sweaver_plugin_editor #button-radio-background-attachment-fixed.button_active { background-position: -160px -840px; }

  1038. #sweaver_plugin_editor #button-radio-background-attachment-fixed.button_active:hover { background-position: -240px -840px; }

  1039. 

  1040. #sweaver_plugin_editor .editor_logos {

  1041.     background: url('images/sweaver_icons.png');

  1042.     float: left;

  1043.     margin:10px 10px 5px 10px;

  1044.     width: 32px;

  1045.     height: 20px;

  1046. }

  1047. 

  1048. #sweaver_plugin_editor #logo-font-size { background-position: 0 -900px; width: 17px; }

  1049. 

  1050. #sweaver_plugin_editor #logo-line-height { background-position: -17px -900px; width: 23px; }

  1051. 

  1052. /* Table */

  1053. #sweaver_plugin_editor table label {

  1054.     display:none;

  1055. }

  1056. 

  1057. #sweaver_plugin_editor table#sweaver-font .form-item {

  1058.     clear: none;

  1059.     float: left;

  1060. }

  1061. 

  1062. #sweaver_plugin_editor table#sweaver-font {

  1063.     border-collapse: separate;

  1064.     border-top: 1px solid #272623 !important;

  1065.     border-bottom:1px solid #555555 !important;

  1066.     margin-top: 20px;

  1067. }

  1068. 

  1069. #sweaver_plugin_editor table#sweaver-font td {

  1070.     padding: 0;

  1071.     border-top:1px solid #555555 !important;

  1072.     border-bottom: 1px solid #272623 !important;

  1073. }

  1074. 

  1075. #sweaver_plugin_editor table#sweaver-font td.open-container{

  1076. 	border-left:1px solid #555555 !important;

  1077.     padding-left: 5px;

  1078. }

  1079. 

  1080. #sweaver_plugin_editor table#sweaver-font td.close-container{

  1081. 	border-right: 1px solid #272623 !important;

  1082.     padding-right: 15px;

  1083. }

  1084. 

  1085. #sweaver_plugin_editor table#sweaver-font #edit-color-wrapper{

  1086.     margin-left: 10px;

  1087. }

  1088. 

  1089. #sweaver_plugin_editor table#sweaver-font .form-type-textfield{

  1090.     margin-top: 3px;

  1091. }

  1092. 

  1093. #sweaver_plugin_editor table#sweaver-style-margin td {

  1094.     vertical-align:middle;

  1095.     padding:0;

  1096.     height: 20px;

  1097.     width: 20px;

  1098. }

  1099. 

  1100. #sweaver_plugin_editor table#sweaver-style-margin td.corner {

  1101.     vertical-align:top;

  1102. }

  1103. 

  1104. 

  1105. #sweaver_plugin_editor table#sweaver-style-margin td.table-center{

  1106.     border:2px solid #000;

  1107.     color:#000;

  1108.     font-size:14px;

  1109.     margin:1px;

  1110.     padding:1px 3px;

  1111. }

  1112. 

  1113. #sweaver_plugin_editor #sweaver-style-margin {

  1114.     border:1px solid #000;

  1115. }

  1116. 

  1117. #sweaver_plugin_editor #sweaver-style-border {

  1118.     background-color:#777;

  1119.     border: 1px dashed black;

  1120. }

  1121. 

  1122. #sweaver_plugin_editor #sweaver-style-padding {

  1123.     width:115px;

  1124.     background-color:#333;

  1125.     border: 1px solid black;

  1126. }

  1127. 

  1128. #sweaver_plugin_editor #sweaver-style-margin .side .form-item {

  1129.     text-align:center !important;

  1130.     padding:3px 0px !important;

  1131. }

  1132. 

  1133. #sweaver_plugin_editor #sweaver-style-margin .side .form-item input {

  1134.     float:center !important;

  1135.     margin: 0 6px !important;

  1136.     font-size:11px;

  1137.     height:15px !important;

  1138. }

  1139. 

  1140. #sweaver_plugin_editor #sweaver-style-margin .label {

  1141.     padding: 5px 0 0 5px;

  1142. }

  1143. 

  1144. #sweaver_plugin_editor #sweaver-style-margin .label span {

  1145.     position: absolute;

  1146. }

  1147. 

  1148. /* Advanced Plugin */

  1149. #watchdog #scrollable_area {

  1150. 	overflow-y: scroll;

  1151. 	height: 160px;

  1152.     border-bottom-left-radius: 7px;

  1153.     border-bottom-right-radius: 7px;

  1154.     -webkit-border-bottom-right-radius: 7px;

  1155.     -webkit-border-bottom-left-radius: 7px;

  1156.     -moz-border-radius-bottomright: 7px;

  1157.     -moz-border-radius-bottomleft: 7px;  

  1158. }

  1159. 

  1160. #watchdog table{

  1161. 	width: 100%;	

  1162. }

  1163. 

  1164. #watchdog .header{

  1165. 	background-color: black;

  1166.     border-bottom: 2px solid black;

  1167.     border-top-left-radius: 7px;

  1168.     border-top-right-radius: 7px;

  1169.     -webkit-border-top-right-radius: 7px;

  1170.     -webkit-border-top-left-radius: 7px;

  1171.     -moz-border-radius-topright: 7px;

  1172.     -moz-border-radius-topleft: 7px;

  1173. }

  1174. 

  1175. #watchdog #scrollable_area table {

  1176. 	background-color: #2c2c2a;

  1177.     box-shadow: inset 0 -5px 20px black;

  1178.     padding-bottom: 5px;  

  1179.     border-bottom-left-radius: 7px;

  1180.     border-bottom-right-radius: 7px;

  1181.     -webkit-border-bottom-right-radius: 7px;

  1182.     -webkit-border-bottom-left-radius: 7px;

  1183.     -moz-border-radius-bottomright: 7px;

  1184.     -moz-border-radius-bottomleft: 7px;  

  1185. }

  1186. 

  1187. #watchdog #scrollable_area table .active {

  1188. 	background-color: #444;

  1189. }

  1190. 

  1191. #watchdog #scrollable_area table .separator {

  1192. 	border-top: 1px solid #585858;

  1193. }

  1194. 

  1195. #watchdog #scrollable_area table tr:hover {

  1196.     background-color: #111;

  1197. }

  1198. 

  1199. #watchdog #scrollable_area table th {

  1200. 	font-size:11px;

  1201. 	font-weight:bold;

  1202. 	padding:2px 1em;

  1203. }

  1204. 

  1205. #watchdog table td {

  1206. 	padding: 3px 2em;	

  1207. }

  1208. 

  1209. #watchdog .header td {

  1210. 	padding-top: 7px;	

  1211. }

  1212. 

  1213. #watchdog .hidden .property {

  1214.     color: #d6d6d6 !important;

  1215.     text-decoration: line-through;

  1216. }

  1217. 

  1218. #watchdog .operations {

  1219. 	width: 230px;

  1220. 	float: right;

  1221. 	text-align: left;

  1222.     padding-right: 0;

  1223. }

  1224. 

  1225. #watchdog .header .operations {

  1226. 	margin-right: 20px;

  1227.     padding-right: 0;

  1228. }

  1229. 

  1230. #watchdog .operations span {

  1231.     cursor: pointer;

  1232.     float: right;

  1233.     width: 65px;

  1234.     margin: 0 5px;

  1235. }

  1236. 

  1237. #watchdog .operations .disabled {

  1238. 	display:none;

  1239. }

  1240. 

  1241. #watchdog .header .operations .title {

  1242.     font-size: 12px;

  1243. }

  1244. 

  1245. #watchdog .operations .title {

  1246. 	font-weight:bold;

  1247.     font-size: 11px;

  1248. }