API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 18th, 2014
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.04 KB | None | 0 0
raw download clone embed print report
  1. .numberCircle {
  2.     -webkit-border-radius: 999px;
  3.     -moz-border-radius: 999px;
  4.     border-radius: 999px;
  5.     behavior: url(PIE.htc);
  6.    
  7.     width: 26px;
  8.     height: 26px;
  9.     padding: 4px;
  10.    
  11.     margin-bottom: -4px;
  12.     margin-top: -4px;
  13.     margin-right: 16px;
  14.     background: #fff;
  15.     border: 2px solid #666;
  16.     color: #666;
  17.     text-align: center;
  18.    
  19.     float: left;
  20.     font: 22px Arial, sans-serif
  21. }
  22. #fragment {
  23.     overflow: hidden;
  24.     height: auto;
  25. }
  26. #wrapper {
  27.     width: 751px;
  28.     margin-left: auto;
  29.     margin-right: auto;
  30.     }
  31.  
  32. .accordionButton { 
  33.     width: 751px;
  34.     height: 25px;
  35.     float: left;
  36.     background: #C5C5C5;
  37.     margin-top: 3px;
  38.     cursor: pointer;
  39.     -moz-border-radius-topright: 5px 5px;
  40.     border-top-right-radius: 5px 5px;
  41.     -moz-border-radius-topleft: 5px 5px;
  42.     border-top-left-radius: 5px 5px;
  43.     -moz-border-radius-bottomright: 5px 5px;
  44.     border-bottom-right-radius: 5px 5px;
  45.     -moz-border-radius-bottomleft: 5px 5px;
  46.     border-bottom-left-radius: 5px 5px;
  47.     font-family: 'trebuchet MS', sans-serif;
  48.     color: #737373;
  49.     text-align: center;
  50.     font-size: 18px;
  51.     font-weight: bold;
  52.     letter-spacing: 0.4pt;
  53.     word-spacing: 0pt;
  54. }
  55. .accordionButton.on{
  56.     color: #0073BF !important; 
  57.     -moz-border-radius-bottomright: 0px 0px !important;
  58.     border-bottom-right-radius: 0px 0px !important;
  59.     -moz-border-radius-bottomleft: 0px 0px !important;
  60.     border-bottom-left-radius: 0px 0px !important;
  61. }  
  62.    
  63. .accordionContent {
  64.     width: 751px;
  65.     float: left;
  66.     background: #F3F3F3;
  67.     display: none;
  68.     -moz-border-radius-bottomright: 5px 5px;
  69.     border-bottom-right-radius: 5px 5px;
  70.     -moz-border-radius-bottomleft: 5px 5px;
  71.     border-bottom-left-radius: 5px 5px;
  72.     }
  73. #tabs  ul li a{
  74.     pointer-events: none;
  75.     cursor: default;
  76. }
  77. .numberCircle.active  {
  78.     background: #ff0 !important;
  79. }
  80.    
  81. body {
  82.     font: small "Lucida Grand", "Lucida Sans Unicode", Helvetica, verdana, arial, sans-serif;
  83.     width: 800px;
  84.     margin-left: auto;
  85.     margin-right: auto;
  86.     margin-top: 50px;
  87.     -webkit-touch-callout: none;
  88.     -webkit-user-select: none;
  89.     -khtml-user-select: none;
  90.     -moz-user-select: none;
  91.     -ms-user-select: none;
  92.     user-select: none;
  93.     }
  94.  
  95. #tabs {
  96.     font-size: 12px;
  97.     margin: 20px 0;
  98.     }
  99. #tabs > * {
  100.     margin: 0;
  101. }
  102. #tabs ul {
  103.     float: right;
  104.     background:
  105.     #BEBEBE;
  106.     width: 800px;
  107.     padding-left: 0px;
  108.     padding-top: 5px;
  109.     padding-bottom: 5px;
  110.     -moz-border-radius-topright: 15px 15px;
  111.     border-top-right-radius: 15px 15px;
  112.     -moz-border-radius-topleft: 15px 15px;
  113.     border-top-left-radius: 15px 15px;
  114. }
  115.    
  116. #tabs li {
  117.    
  118.     list-style: none;
  119.     }
  120.    
  121. * html #tabs li {
  122.     display: inline; /* ie6 double float margin bug */
  123.    
  124. }
  125.        
  126. #tabs li,
  127. #tabs li a {
  128.     float: left;
  129.  
  130. }
  131.    
  132. #tabs ul li a {
  133.     margin-left: 4px;
  134.     text-decoration: none;
  135.     padding: 8px;
  136.     background:
  137.     white;
  138.     background: -moz-linear-gradient(top,
  139.     rgba(255, 255, 255, 1) 0%,
  140.     rgba(229, 229, 229, 1) 100%);
  141.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
  142.     rgba(255, 255, 255, 1)), color-stop(100%,
  143.     rgba(229, 229, 229, 1)));
  144.     background: -webkit-linear-gradient(top,
  145.     rgba(255, 255, 255, 1) 0%,
  146.     rgba(229, 229, 229, 1) 100%);
  147.     background: -o-linear-gradient(top,
  148.     rgba(255, 255, 255, 1) 0%,
  149.     rgba(229, 229, 229, 1) 100%);
  150.     background: -ms-linear-gradient(top,
  151.     rgba(255, 255, 255, 1) 0%,
  152.     rgba(229, 229, 229, 1) 100%);
  153.     background: linear-gradient(top,
  154.     rgba(255, 255, 255, 1) 0%,
  155.     rgba(229, 229, 229, 1) 100%);
  156.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  157.     border-radius: 10px 10px;
  158.     color:
  159.     #0073BF;
  160.     width: 179px;
  161.    
  162.    
  163. }
  164. #tabs ul li a span{
  165.    
  166.     font-weight: bold;
  167.     font-size: 22px;
  168. }  
  169. #tabs ul li.active {
  170.     background: #CEE1EF url(img/nav-right.gif) no-repeat right top;
  171.     }
  172.    
  173. #tabs ul li.active a {
  174.     background:  url(img/nav-left.gif) no-repeat left top;
  175.     color: #333333;
  176.     }
  177.    
  178. #tabs > div {
  179.     border-width: 4px;
  180.     border-style: solid;
  181.     border-top-style: none;
  182.     border-bottom-style: none;
  183.     border-color: #BEBEBE;
  184.     background: #D8D8D8;
  185.     clear: both;
  186.     padding: 20px;
  187.     min-height: 200px;
  188. }
  189. #tabs #foot{
  190.     border-width: 4px;
  191.     border-style: solid;
  192.     border-color: #BEBEBE;
  193.     background: #D8D8D8;
  194.     clear: both;
  195.     padding: 5px;
  196.     padding-left: 10px;
  197.     min-height: 25px;
  198.     -moz-border-radius-bottomright: 15px 15px;
  199.     border-bottom-right-radius: 15px 15px;
  200.     -moz-border-radius-bottomleft: 15px 15px;
  201.     border-bottom-left-radius: 15px 15px;
  202. }
  203.  
  204.    
  205. #tabs div p {
  206.     line-height: 150%;
  207.     }
  208.  
  209. #tabs .ui-tabs-hide {
  210.     display: none !important;
  211. }
  212. /*Button Style*/
  213. .button {
  214.     float:left;
  215.     height:auto;
  216.     font:90%/150% "Lucida Grande", Geneva,
  217.     Verdana, Arial, Helvetica, sans-serif;
  218.     width:10em;
  219.     text-align:center;
  220.     white-space:nowrap;
  221. }
  222.  
  223. .button-check{
  224.     width:18em;
  225.     margin-right: 356px;
  226. }
  227. .button-back:not(.main){
  228.     margin-left: 550px;
  229. }
  230. /*Button Arrow Styles*/
  231. .arrows {
  232.     font-size:90%;
  233.     margin:0.2em;
  234. }
  235. /*Button link styles*/
  236. .button a:link, .button a:visited {
  237.     color: #333;
  238.     background-color:#A7A7A7;
  239.     font-size:1em;
  240.     font-weight:bolder;
  241.     text-decoration: none;
  242.     border-bottom:0.1em solid #555;
  243.     border-right:0.1em solid #555;
  244.     border-top:0.1em solid #ccc;
  245.     border-left:0.1em solid #ccc;
  246.     margin: 0.2em;
  247.     padding:0.2em;
  248.     display:block;
  249.    
  250.     -moz-border-radius: 4px 4px;
  251.     border-radius: 4px 4px;
  252.     -moz-border-radius: 4px 4px;
  253.     border-radius: 4px 4px;
  254. }
  255. .button a:hover {
  256.     background-color:#A7A7A7;;;
  257.     color:#444;
  258.     border-top:0.1em solid #777;
  259.     border-left:0.1em solid #777;
  260.     border-bottom:0.1em solid #aaa;
  261.     border-right:0.1em solid #aaa;
  262.     padding:0.2em;
  263.     margin: 0.2em;
  264.    
  265.     -moz-border-radius: 4px 4px;
  266.     border-radius: 4px 4px;
  267.     -moz-border-radius: 4px 4px;
  268.     border-radius: 4px 4px;
  269. }
  270. .button-disabled  a{
  271.     background-color:#eee !important;
  272.     color:#AAA !important;
  273.     pointer-events: none;
  274.     cursor: default;
  275. }
  276. #fragment .ui-button, #servers .ui-button {
  277.     display: block;
  278.     position: relative;
  279.     padding: 0;
  280.     margin-right: .1em;
  281.     text-decoration: none !important;
  282.     cursor: pointer;
  283.     zoom: 1;
  284.     overflow: visible;
  285. }
  286. #fragment .ui-button img, #servers .ui-button img{
  287.     margin: 4px;
  288.     margin-bottom: -6px;
  289. }
  290. #fragment .ui-button, #servers .ui-button{
  291.     margin-top: -4px;
  292.     margin-bottom: 7px;
  293.     padding-top: 1px;
  294.     padding-bottom: 6px;
  295. }
  296. #fragment .ui-button span, #servers .ui-button span{
  297.     font-size: 19px;
  298. }
  299.  
  300. #fragment .ui-helper-hidden-accessible, #servers .ui-helper-hidden-accessible {
  301. position: absolute !important;
  302. clip: rect(1px 1px 1px 1px);
  303. clip: rect(1px,1px,1px,1px);
  304. }
  305. #fragment .ui-buttonset .ui-button, #servers .ui-buttonset .ui-button {
  306. margin-left: 0;
  307. margin-right: -.3em;
  308. }
  309.  
  310. #fragment .ui-state-default,#fragment .ui-widget-content .ui-state-default,#fragment .ui-widget-header .ui-state-default, #servers .ui-state-default, #servers .ui-widget-content .ui-state-default, #servers .ui-state-default {
  311.     border: 1px solid lightGrey/*{borderColorDefault}*/;
  312.     background: #E6E6E6;
  313.     font-weight: normal/*{fwDefault}*/;
  314.     color: #555/*{fcDefault}*/;
  315. }
  316. #fragment .ui-state-active,#fragment  .ui-widget-content .ui-state-active,#fragment .ui-widget-header .ui-state-active, #servers .ui-state-active, #servers .ui-widget-content .ui-state-active, #servers .ui-widget-header .ui-state-active {
  317.     border: 1px solid #AAA/*{borderColorActive}*/;
  318.     background: white;
  319.     font-weight: normal/*{fwDefault}*/;
  320.     color: #212121/*{fcActive}*/;
  321. }
  322.  
  323.  
  324.  
  325. #services .ui-state-default,#services .ui-widget-content .ui-state-default,#services .ui-widget-header .ui-state-default {
  326.     border: 1px solid #eee/*{borderColorDefault}*/;
  327.     border-radius: 5px;
  328.     font-weight: normal/*{fwDefault}*/;
  329.     color: #eee/*{fcDefault}*/;
  330. }
  331.  
  332. .ui-dialog {
  333.     float: right;
  334.    
  335.     width: 800px;
  336.     padding-left: 0px;
  337.     padding-top: 5px;
  338.     padding-bottom: 5px;
  339.     -moz-border-radius-topright: 5px 5px;
  340.     border-top-right-radius: 5px 5px;
  341.     -moz-border-radius-topleft: 5px 5px;
  342.     border-top-left-radius: 5px 5px;
  343.     -moz-border-radius-bottomright: 5px 5px;
  344.     border-bottom-right-radius: 5px 5px;
  345.     -moz-border-radius-bottomleft: 5px 5px;
  346.     border-bottom-left-radius: 5px 5px;
  347.     border-width: 4px;
  348.     border-style: solid;
  349.     border-color: #BEBEBE;
  350.     background: #D8D8D8;
  351.     clear: both;
  352.     padding: 5px;
  353.     padding-left: 600px;
  354.     min-height: 20px;
  355.     position: absolute;
  356.     border-style: solid;
  357.     padding: .2em;
  358.     width: 300px;
  359.     overflow: hidden;
  360. }
  361. .ui-dialog .ui-dialog-titlebar {
  362.     background:
  363.     #BEBEBE;
  364.     padding: 0.4em 1em;
  365.     margin: -3px;
  366.     padding-top: 20px;
  367.     position: relative;
  368. }
  369. .ui-dialog .ui-dialog-title {
  370.     float: left;
  371.     margin-top: -20px;
  372.     margin-left: -11px;
  373.     margin-top: -22px;
  374.     font-weight: bolder;
  375.     font-size: 19px;
  376.     color: #555;
  377. }
  378. .ui-icon { width: 16px; height: 16px; background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }
  379. .ui-icon-closethick {
  380.     background-position: -96px -128px;
  381.     text-indent: -99999px;
  382. }
  383. .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
  384. .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
  385. .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  386.    
  387.  }
  388. .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
  389. .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
  390. .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
  391. .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
  392. .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
  393. .ui-draggable .ui-dialog-titlebar { cursor: move; }
  394. .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  395. .ui-widget-overlay { background: #000 ; opacity: .85;filter:Alpha(Opacity=85); }
  396.  
  397. .ui-accordion { width: 100%; }
  398. .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
  399. .ui-accordion .ui-accordion-li-fix { display: inline; }
  400. .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
  401. .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
  402. .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
  403. .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
  404. .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
  405. .ui-accordion .ui-accordion-content-active { display: block; }
  406. .ui-accordion .ui-helper-reset {
  407.     margin: 0;
  408.     padding: 0;
  409.     border: 0;
  410.     outline: 0;
  411.     line-height: 1.3;
  412.     text-decoration: none;
  413.     font-size: 100%;
  414.     list-style: none;
  415. }
  416. .ui-accordion {
  417.     font: 62.5% "Trebuchet MS", sans-serif;
  418. }
  419. .ui-accordion .ui-icon {
  420.     display: block;
  421.     text-indent: -99999px;
  422.     overflow: hidden;
  423.     background-repeat: no-repeat;
  424. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!