You are here

Home » API reference » Sweaver 6

sweaver-grey.css in Sweaver 6

Same filename and directory in other branches
  1. 7 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 !important;

  15.   color: #fff !important;

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

  17.   font-size: 12px !important;

  18.   font-style: normal !important;

  19.   font-weight: normal !important;

  20.   text-decoration: none !important;

  21.   text-transform: none !important;

  22.   background-image: none !important;

  23.   line-height: 1.3em !important;

  24.   text-align: left !important;

  25.   padding: 0 !important;

  26.   margin: 0 !important;

  27.   border: 0 none !important;

  28.   width: auto;

  29.   height: auto;

  30.   outline: 0;

  31. }

  32. 

  33. 

  34. /*****************

  35.  * General theming.

  36.  ******************/

  37. 

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

  39. 

  40. body.sweaver {

  41.   margin-bottom: 299px;

  42. }

  43. 

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

  45. 

  46. .sweaver-hovered {

  47.   outline: 1px dotted #ccc;

  48. }

  49. 

  50. .sweaver-clicked {

  51.   outline: 1px solid #ccc;

  52. }

  53. 

  54. /* sweaver bar */

  55. 

  56. #sweaver {

  57.   width: 100%;

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

  59.   position: fixed;

  60.   bottom: 0;

  61.   left: 0;

  62.   z-index: 1000;

  63. }

  64. 

  65. #sweaver #sweaver-middle {

  66.   overflow: hidden;

  67. }

  68. 

  69. #sweaver .sweaver-content {

  70.   padding: 10px !important;

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

  72.   position: relative !important;

  73.   height: 180px;

  74.   overflow: hidden;

  75.   z-index: 1;

  76. }

  77. 

  78. /* header region */

  79. 

  80. #sweaver .sweaver-header {

  81.    padding: 7px !important;

  82.    clear: both !important;

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

  84.    position: relative;

  85.    z-index: 2;

  86. }

  87. 

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

  89.   float: right;

  90. }

  91. 

  92. /* Horizontal tabs */

  93. 

  94. #sweaver #sweaver-tabs {

  95.   background-color: #000 !important;

  96.   padding-top: 3px !important;

  97. }

  98. 

  99. #sweaver .close a,

  100. #sweaver .tab a {

  101.   height: 16px !important;

  102.   display: block !important;

  103.   float: left !important;

  104.   padding: 10px !important;

  105.   font-size: 13px !important;

  106.   line-height: 16px !important;

  107.   margin-left: 7px !important;

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

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

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

  111. }

  112. 

  113. #sweaver .close a {

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

  115.   text-indent: -10000px;

  116.   overflow: hidden;

  117.   padding: 5px 10px !important;

  118.   margin-top: 7px !important;

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

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

  121.   border-radius: 9px !important;

  122.   height:10px !important;

  123. }

  124. 

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

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

  127. }

  128. 

  129. #sweaver .active-tab a {

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

  131. }

  132. 

  133. /* style actions */

  134. 

  135. #sweaver-style-actions {

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

  137.   height: 36px !important;

  138.   display: block !important;

  139.   float: right !important;

  140.   padding: 0px 15px !important;

  141.   line-height: 16px !important;

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

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

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

  145. }

  146. 

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

  148.   float: left !important;

  149. }

  150. 

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

  152.   padding: 10px !important;

  153.   display: block !important;

  154.   font-size: 13px !important;

  155. }

  156. 

  157. /* message region */

  158. 

  159. #sweaver-messages,

  160. #sweaver-popup {

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

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

  163.   border-radius: 7px !important;

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

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

  166.   display: none;

  167.   padding: 15px !important;

  168.   position: fixed !important;

  169.   z-index: 1100 !important;

  170.   top: 7px;

  171.   left: 7px;

  172.   width: 300px;

  173.   min-height: 50px;

  174. }

  175. 

  176. #sweaver-popup {

  177.   width: auto;

  178.   padding: 25px 15px !important;

  179. }

  180. 

  181. #sweaver-messages .close,

  182. #sweaver-popup .close {

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

  184.   text-indent: -10000px;

  185.   overflow: hidden;

  186.   width: 16px;

  187.   height: 15px;

  188.   line-height: 15px;

  189.   position: absolute;

  190.   top: 5px;

  191.   right: 5px;

  192. }

  193. 

  194. #sweaver-messages .close:hover,

  195. #sweaver-popup .close:hover {

  196.   cursor: pointer;

  197. }

  198. 

  199. #sweaver-popup h2 {

  200.   font-size: 16px !important;

  201.   margin-bottom: 5px !important;

  202. }

  203. 

  204. #sweaver-popup a {

  205.   text-decoration: underline !important;

  206. }

  207. 

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

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

  210.   font-style: italic !important;

  211.   margin: 10px 0 !important;

  212. }

  213. 

  214. #sweaver-popup legend {

  215.   font-size: 16px !important;

  216.   line-height:19px !important;

  217.   margin:0 0 10px !important;

  218. }

  219. 

  220. #sweaver-popup fieldset fieldset legend {

  221.   font-size: 12px !important;

  222.   line-height: 13px !important;

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

  224.   padding-left: 25px !important;

  225.   height: 16px !important;

  226. }

  227. 

  228. #sweaver-popup fieldset fieldset .fieldset-wrapper {

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

  230. }

  231. 

  232. #sweaver-popup fieldset {

  233.   background: transparent none !important;

  234. }

  235. 

  236. #sweaver-popup fieldset .description {

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

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

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

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

  241.   color: #EEEEEE !important;

  242.   padding: 10px !important;

  243.   margin: 0 !important;

  244. }

  245. 

  246. #sweaver-popup fieldset fieldset .description {

  247.   margin-top: 10px !important;

  248. }

  249. 

  250. #sweaver-popup fieldset .form-item .description {

  251.   font-size: 0.9em !important;

  252. }

  253. 

  254. #sweaver-popup fieldset .form-item {

  255.   padding: 15px 0 !important;

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

  257. }

  258. 

  259. #sweaver-popup fieldset fieldset {

  260.   background: transparent none !important;

  261.   padding: 5px 0 !important;

  262. }

  263. 

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

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

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

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

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

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

  270. }

  271. 

  272. /* Popup link */

  273. 

  274. #sweaver .popup-link {

  275.   float: left;

  276.   margin-right: 10px !important;

  277. }

  278. 

  279. #sweaver .popup-link a {

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

  281.   font-weight: bold !important;

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

  283.   display: block !important;

  284.   border-radius: 4px;

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

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

  287. }

  288. 

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

  290.   background: #999 none !important;

  291.   padding: 1px !important;

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

  293.   border-radius: 4px;

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

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

  296. }

  297. 

  298. /* style actions */

  299. 

  300. #sweaver-popup #edit-save-type-wrapper,

  301. #sweaver-popup #edit-save-style-wrapper,

  302. #sweaver-popup #edit-style-existing-id-wrapper {

  303.   float: left !important;

  304. }

  305. 

  306. #sweaver-popup #edit-save-type-wrapper select,

  307. #sweaver-popup #edit-save-style-wrapper input,

  308. #sweaver-popup #edit-style-existing-id-wrapper select {

  309.   margin-right: 15px !important;

  310. }

  311. 

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

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

  314.   padding:5px !important;

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

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

  317.   border-radius: 7px !important;

  318.   margin-top: 15px !important;

  319. }

  320. 

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

  322.   clear: both;

  323. }

  324. 

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

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

  327.   float: left !important;

  328.   margin-right: 15px !important;

  329.   clear: none !important;

  330. }

  331. 

  332. /* general theming */

  333. 

  334. #sweaver a {

  335.   display: inline !important;

  336. }

  337. 

  338. #sweaver h2 {

  339.   font-weight: bold !important;

  340.   font-size: 14px !important;

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

  342.   line-height: 1.1em !important;

  343. }

  344. 

  345. #sweaver h3 {

  346.   color: #222 !important;

  347.   font-size:13px !important;

  348.   font-weight:bold !important;

  349.   line-height:18px !important;

  350.   margin: 5px 0 !important;

  351. }

  352. 

  353. #sweaver-frontend label {

  354.   width: 115px !important;

  355.   float: left !important;

  356.   clear: left !important;

  357. }

  358. 

  359. #sweaver-frontend .form-item {

  360.   padding: 5px 0 !important;

  361. }

  362. 

  363. #sweaver-frontend input,

  364. #sweaver-frontend select,

  365. #sweaver-frontend textarea {

  366.   width: 140px !important;

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

  368.   padding: 3px !important;

  369.   color: #222 !important;

  370.   background-color: #fff !important;

  371.   border-radius: 2px !important;

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

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

  374.   height: auto !important;

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

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

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

  378. }

  379. 

  380. #sweaver-frontend option {

  381.   color: #222 !important;

  382.   padding: 2px !important;

  383. }

  384. 

  385. #sweaver textarea {

  386.   width: 400px !important;

  387.   height:175px !important;

  388. }

  389. 

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

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

  392.   width: auto !important;

  393. }

  394. 

  395. #sweaver a.button {

  396.   width: 50px !important;

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

  398.   padding: 2px !important;

  399.   color: #222 !important;

  400.   background-color: #fff !important;

  401.   display: block !important;

  402.   text-align: center !important;

  403.   font-size: 13px !important;

  404.   margin-left: 15px !important;

  405. }

  406. 

  407. #sweaver-frontend .form-submit,

  408. #sweaver-popup .form-submit {

  409.   clear: left;

  410.   display: block !important;

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

  412.   background-color: #efefef !important;

  413.   color: #000 !important;

  414.   width: auto !important;

  415.   padding: 5px 10px !important;

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

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

  418.   border-radius: 15px !important;

  419.   cursor: pointer;

  420. }

  421. 

  422. #sweaver-frontend label.option {

  423.   width: auto !important;

  424.   float: none !important;

  425. }

  426. 

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

  428.   margin: 0 !important;

  429.   padding: 0 !important;

  430.   width: auto !important;

  431. }

  432. 

  433. #sweaver-frontend .description {

  434.   margin-left: 120px !important;

  435.   font-size: 0.9em !important;

  436.   margin-top: 5px !important;

  437. }

  438. 

  439. /* containers */

  440. 

  441. #sweaver .container {

  442.   float: left !important;

  443. }

  444. 

  445. #sweaver .container-inner {

  446.   padding: 0 20px !important;

  447.   background: transparent url(images/container-separator.png) repeat-y top right !important;

  448.   height: 180px !important;

  449. }

  450. 

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

  452.   padding-left: 0 !important;

  453. }

  454. 

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

  456.   background: 0 none !important;

  457.   padding-right: 0 !important;

  458. }

  459. 

  460. /* Custom css */

  461. 

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

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

  464.   float: left !important;

  465.   clear: none !important;

  466. }

  467. 

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

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

  470. }

  471. 

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

  473. 

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

  475.   float: left;

  476.   margin-right: 10px !important;

  477. }

  478. 

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

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

  481.   color: #fff !important;

  482.   font-weight: bold !important;

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

  484.   display: block !important;

  485.   border-radius: 4px;

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

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

  488. }

  489. 

  490. /* Theme switching tab */

  491. 

  492. #sweaver .selected-image {

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

  494.   background: #FFFFFF !important;

  495.   color: #333333 !important;

  496.   float: left;

  497.   margin-right: 25px !important;

  498.   padding: 5px !important;

  499.   text-align: center !important;

  500.   margin-top: 10px !important;

  501. }

  502. 

  503. #sweaver .selected-image img {

  504.   width: 150px;

  505.   height: 90px;

  506. }

  507. 

  508. #sweaver .selected-image-default {

  509.   background: #333333 !important;

  510.   color: #FFFFFF !important;

  511.   margin-top: 0 !important;

  512.   padding: 15px !important;

  513. }

  514. 

  515. #themeswitch-pane {

  516.   overflow: hidden;

  517.   width: 100%;

  518.   height: 170px;

  519. }

  520. 

  521. #sweaver_plugin_themeswitch .scroll-bar-wrap {

  522.   clear: left;

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

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

  525. }

  526. 

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

  528.   position: relative;

  529.   width: 100%;

  530.   height: 100%;

  531.   margin: 0 auto !important;

  532. }

  533. 

  534. 

  535. /*****************

  536.  * Editor

  537.  *****************/

  538. 

  539. #sweaver_plugin_editor #sweaver-editor {

  540.   display: none;

  541. }

  542. 

  543. /* vertical tabs in editor screen */

  544. 

  545. #sweaver .vertical-tabs {

  546.   background: transparent url(images/container-separator.png) repeat-y top right !important;

  547.   float: left !important;

  548.   height: 180px !important;

  549.   padding-right: 15px !important;

  550. }

  551. 

  552. #sweaver .vertical-tab a {

  553.   display: block !important;

  554.   font-size: 13px !important;

  555.   margin-bottom: 5px !important;

  556.   padding: 7px !important;

  557.   width: 150px !important;

  558. }

  559. 

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

  561.   background-color: transparent !important;

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

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

  564.   border-radius: 7px !important;

  565.   background-color: #222 !important;

  566. }

  567. 

  568. #sweaver .vertical-content {

  569.   height: 180px !important;

  570.   margin-left: 180px !important;

  571.   padding-left:15px !important;

  572. }

  573. 

  574. .vertical-content .container-wrapper {

  575.   display: none;

  576. }

  577. 

  578. .vertical-content #container-one {

  579.   display: block;

  580. }

  581. 

  582. /* form items */

  583. 

  584. #sweaver_plugin_editor label {

  585.   line-height: 16px !important;

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

  587. }

  588. 

  589. #sweaver_plugin_editor .form-item,

  590. #sweaver_plugin_editor .sweaver-group {

  591.   padding: 5px !important;

  592.   clear: both !important;

  593.   position: relative !important;

  594.   z-index: 1;

  595. }

  596. 

  597. #sweaver_plugin_editor .form-item.active,

  598. #sweaver_plugin_editor .sweaver-group.active {

  599.   z-index: 2;

  600. }

  601. 

  602. /* parent / children */

  603. 

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

  605.   display: none;

  606. }

  607. 

  608. #sweaver_plugin_editor .sweaver-group-content {

  609.   float: left;

  610. }

  611. 

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

  613.   float: left !important;

  614.   clear: none !important;

  615.   margin-right: 5px !important;

  616.   padding: 0 !important;

  617. }

  618. 

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

  620.   width: auto !important;

  621. }

  622. 

  623. /* slider */

  624. 

  625. #sweaver_plugin_editor .slider-value {

  626.   border: none !important;

  627.   background-color: #fff !important;

  628.   width: 30px !important;

  629.   text-align: center !important;

  630. }

  631. 

  632. #sweaver_plugin_editor .slider {

  633.   width: 122px;

  634. }

  635. 

  636. #sweaver_plugin_editor .slider-wrapper {

  637.   visibility: hidden;

  638.   padding: 10px !important;

  639.   background-color: #666 !important;

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

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

  642.   border-radius: 5px !important;

  643.   position: absolute;

  644.   top: 0;

  645.   left: 0;

  646.   z-index: 100 !important;

  647. }

  648. 

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

  650. 

  651. #sweaver-frontend .ui-slider {

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

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

  654.   font-size: 100%;

  655.   height: 0.8em;

  656.   line-height: 1.3;

  657. }

  658. 

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

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

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

  662.   font-size:100%;

  663.   height: 1.2em;

  664.   width: 1.2em;

  665.   line-height:1.3;

  666. }

  667. 

  668. /* selectors path */

  669. 

  670. #sweaver_plugin_editor #full-path,

  671. #sweaver_plugin_editor #selected-path {

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

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

  674. }

  675. 

  676. #sweaver_plugin_editor #selected-path {

  677.   padding-bottom: 0 !important;

  678. }

  679. 

  680. #sweaver_plugin_editor .path-label {

  681.   width: 100px !important;

  682.   background-color: transparent !important;

  683.   clear: left;

  684.   display: block;

  685.   float: left;

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

  687.   font-weight: bold !important;

  688. }

  689. 

  690. #sweaver_plugin_editor .path-content {

  691.   margin-left: 113px !important;

  692.   display: block;

  693. }

  694. 

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

  696.   padding: 3px 0 !important;

  697.   position: relative;

  698. }

  699. 

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

  701.   padding: 3px 0 !important;

  702.   position: relative;

  703.   float: left;

  704.   z-index: 1;

  705.   white-space: nowrap;

  706. }

  707. 

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

  709.   z-index: 2;

  710. }

  711. 

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

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

  714.   float: left;

  715. }

  716. 

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

  718.   cursor: pointer;

  719.   white-space: nowrap;

  720. }

  721. 

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

  723.   text-decoration: underline !important;

  724. }

  725. 

  726. /* selector popup */

  727. 

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

  729.   position: absolute !important;

  730.   top: 0px !important;

  731.   left: -10000px;

  732.   background: #666 !important;

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

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

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

  736.   border-radius: 3px !important;

  737.   z-index: 1113 !important;

  738.   white-space: nowrap !important;

  739. }

  740. 

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

  742.   float: left !important;

  743. }

  744. 

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

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

  747.   padding-right: 15px !important;

  748. }

  749. 

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

  751.   padding-left: 8px !important;

  752. }

  753. 

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

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

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

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

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

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

  760. }

  761. 

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

  763.   border-top: 0 none;

  764. }

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

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

  767. }

  768. 

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

  770.   border-bottom: 0 none;

  771. }

  772. 

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

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

  775.   width: 16px !important;

  776.   height: 15px !important;

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

  778.   overflow: hidden !important;

  779.   float: left;

  780.   cursor: pointer;

  781.   display: none;

  782.   margin-right: 3px !important;

  783. }

  784. 

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

  786.   display: block;

  787. }

  788. 

  789. /* Follow link */

  790. 

  791. #follow-link {

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

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

  794.   border-radius: 7px !important;

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

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

  797.   color: #fff !important;

  798.   display: none;

  799.   opacity: 0.8 !important;

  800.   padding: 3px 7px !important;

  801.   position: absolute !important;

  802.   font-size: 11px !important;

  803.   z-index: 1100 !important;

  804.   text-decoration: none !important;

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

  806.   font-size: 12px !important;

  807. }

  808. 

  809. #follow-link:hover {

  810.   text-decoration: underline !important;

  811. }

  812. 

  813. /* Changes */

  814. 

  815. #editor-changes {

  816.   position: absolute !important;

  817.   bottom: 22px;

  818.   right: -10000px;

  819.   padding: 5px !important;

  820.   width: 400px !important;

  821.   background-color: #000 !important;

  822.   color: #fff !important;

  823.   height: 160px;

  824.   overflow-y: scroll;

  825.   z-index : 1112;

  826.   border: 1px solid #000;

  827. }

  828. 

  829. #sweaver_plugin_editor #changes-toggler {

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

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

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

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

  834.   position: absolute;

  835.   bottom: 0;

  836.   right: 10px;

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

  838.   z-index : 1111;

  839.   width: 100px !important;

  840.   cursor: pointer;

  841. }

  842. 

  843. #sweaver_plugin_editor #changes-toggler.open {

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

  845. }

  846. 

  847. #sweaver_plugin_editor #editor-changes p {

  848.   margin-bottom: 5px !important;

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

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

  851.   cursor: pointer;

  852. }

  853. 

  854. /* color picker */

  855. 

  856. #sweaver #sweaver_plugin_editor .colorSelector div {

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

  858. }

  859. 

  860. 

  861. /*****************

  862.   Palettes

  863.  ******************/

  864. 

  865. #sweaver_plugin_palettes .color {

  866.   width: 15px !important;

  867.   height: 15px !important;

  868.   overflow: hidden;

  869.   text-indent: -10000px;

  870.   float: left;

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

  872.   margin-left: -1px;

  873. }

  874. 

  875. #sweaver_plugin_palettes .name {

  876.   margin-left: 7px !important;

  877.   float: left;

  878. }

  879. 

  880. #sweaver_plugin_palettes .colors {

  881.   clear: both;

  882.   margin-bottom: 5px !important;

  883.   padding: 7px !important;

  884.   width: 150px;

  885. }

  886. 

  887. #sweaver_plugin_palettes .colors:hover,

  888. #sweaver_plugin_palettes .colors.active,

  889. #sweaver_plugin_palettes .colors.active:hover {

  890.   background: #444 !important;

  891.   border-radius: 7px;

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

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

  894.   cursor: pointer;

  895. }

  896. 

  897. #sweaver_plugin_palettes .colors:hover {

  898.   background-color: #666 !important;

  899. }