Created
February 17, 2013 05:39
-
-
Save jblac/4970343 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * This is a manifest file that'll be compiled into application.css, which will include all the files | |
| * listed below. | |
| * | |
| * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, | |
| * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. | |
| * | |
| * You're free to add application-wide styles to this file and they'll appear at the top of the | |
| * compiled file, but it's generally better to create a new file per style scope. | |
| * | |
| *= require_self | |
| *= require ui | |
| */ | |
| .bg01 { background-image:image-url("bg/01.png"); } | |
| .bg02 { background-image:image-url("bg/02.png"); } | |
| .bg03 { background-image:image-url("bg/03.png"); } | |
| .bg04 { background-image:image-url("bg/04.png"); } | |
| .bg05 { background-image:image-url("bg/05.png"); } | |
| .bg06 { background-image:image-url("bg/06.png"); } | |
| .bg07 { background-image:image-url("bg/07.png"); } | |
| .bg08 { background-image:image-url("bg/08.png"); } | |
| .bg09 { background-image:image-url("bg/09.png"); } | |
| .bg10 { background-image:image-url("bg/10.png"); } | |
| .bg11 { background-image:image-url("bg/11.png"); } | |
| .bg12 { background-image:image-url("bg/12.png"); } | |
| .bg13 { background-image:image-url("bg/13.png"); } | |
| .bg14 { background-image:image-url("bg/14.png"); } | |
| /*----------------------------------------------------------------------*/ | |
| /* Reset | |
| /*----------------------------------------------------------------------*/ | |
| html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ | |
| margin:0; | |
| padding:0; | |
| border:0; | |
| outline:0; | |
| font-weight:100; | |
| font-style:inherit; | |
| font-family:inherit; | |
| vertical-align:baseline; | |
| } | |
| *{ | |
| -webkit-text-size-adjust:none; | |
| -webkit-tap-highlight-color:rgba(0,0,0,0); | |
| } | |
| /*----------------------------------------------------------------------*/ | |
| /* Font Declaration | |
| /*----------------------------------------------------------------------*/ | |
| html, textarea, input, input[type=submit], button, a.btn, span, div.alert p, header{ | |
| font-family:'PT Sans', sans-serif; | |
| } | |
| code, pre{ | |
| font-family:"Courier New", Courier, monospace; | |
| } | |
| /*-------------------------------------------------------------------------- | |
| /* GENERAL SETTINGS | |
| /*--------------------------------------------------------------------------*/ | |
| html { | |
| background-attachment: fixed; | |
| overflow-y: scroll; | |
| background-image:image-url("paper_02.png"); | |
| } | |
| html,body,textarea,input { | |
| font-size: 101%; | |
| font-size: 12px; | |
| -webkit-text-size-adjust: none; | |
| color: #6f6f6f; | |
| } | |
| body { margin: 0 15px; } | |
| a { | |
| color: #000; | |
| text-decoration: none; | |
| cursor: pointer; | |
| &:hover, &:visited, &:link { | |
| @extend a; | |
| color: #000; | |
| } | |
| &:hover { | |
| text-decoration: underline; | |
| } | |
| } | |
| ::-moz-selection, ::selection { | |
| background: #bada55; | |
| color: #ffffff; | |
| text-shadow: none; | |
| } | |
| header, footer, nav, section { display: block; } | |
| h1,h2,h3,h4,h5,h6 { font-weight: 100; text-shadow: 0 1px 0 #ffffff; color: #777777; } | |
| h1 { | |
| font-size: 28px; | |
| line-height: 32px; | |
| margin-top: 22px; | |
| span { | |
| font-size: 14px; | |
| line-height: 14px; | |
| } | |
| } | |
| h2 { | |
| font-size: 24px; | |
| line-height: 26px; | |
| span { | |
| font-size: 12px; | |
| line-height: 12px; | |
| } | |
| } | |
| h3 { | |
| font-size: 20px; | |
| line-height: 24px; | |
| span { | |
| font-size: 10px; | |
| line-height: 10px; | |
| } | |
| } | |
| h4 { font-size: 18px; line-height: 22px; } | |
| h5 { font-size: 16px; line-height: 22px; } | |
| h6 { font-size: 14px; line-height: 20px; } | |
| p,ul,li,pre { | |
| margin-bottom: 18px; | |
| line-height: 18px; | |
| font-size: 12px; | |
| } | |
| blockquote { | |
| font-size: 16px; | |
| font-family: Georiga, "Times New Roman", Times, serif; | |
| font-style: italic; | |
| border-left: 5px solid; | |
| padding: 0 18px; | |
| margin: 36px; | |
| border-color: #999999; | |
| color: #999999; | |
| } | |
| li { margin-left: 18px; } | |
| hr { | |
| display: block; | |
| height: 0px; | |
| line-height: 0px; | |
| border: 0; | |
| border-top: 1px solid; | |
| border-bottom: 1px solid; | |
| margin: 16px 0; | |
| float: none; | |
| clear: both; | |
| padding: 0; | |
| border-top-color: #e1e1e1; | |
| border-bottom-color: #ffffff; | |
| } | |
| strong { font-weight: 700; } | |
| em { font-style: italic; } | |
| img { border: 0; } | |
| .small { font-size: 10px; } | |
| /*-------------------------------------------------------------------------- | |
| /* PAGE OPTIONS | |
| /*--------------------------------------------------------------------------*/ | |
| #pageoptions { | |
| position: relative; | |
| overflow: hidden; | |
| width: auto; | |
| padding: 0; | |
| min-height: 20px; | |
| h1,h2,h3,h4,h5,h6 { text-shadow: 0 2px 0 #000000; color: #f1f1f1; } | |
| ul { | |
| overflow: hidden; | |
| margin: 0; | |
| padding: 1px 6px; | |
| li { | |
| float: right; | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| margin-left: 1px; | |
| a { | |
| text-decoration: none; | |
| padding: 0 8px 6px; | |
| -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-radius-topleft: 4px; | |
| -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-radius-topright: 4px; | |
| color: #999999; | |
| &:hover, &.active { | |
| color: #f1f1f1; | |
| background-color: #2e2e33; | |
| } | |
| } | |
| } | |
| } | |
| div { | |
| position:absolute; | |
| left:15px; | |
| right:15px; | |
| padding:15px; | |
| overflow:hidden; | |
| min-height:400px; | |
| -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; | |
| -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; | |
| color: #f1f1f1; | |
| background-color: #2e2e33; | |
| -webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.5); | |
| -moz-box-shadow:inset 0 2px 1px rgba(0,0,0,0.5); | |
| box-shadow:inset 0 2px 1px rgba(0,0,0,0.5); | |
| li { float: none; } | |
| h3 {} | |
| p {} | |
| } | |
| } | |
| /*-------------------------------------------------------------------------- | |
| /* HEADER | |
| /*--------------------------------------------------------------------------*/ | |
| header { | |
| height: 60px; | |
| position:relative; | |
| border-top:1px solid; | |
| z-index:2; | |
| -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; | |
| -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; | |
| -webkit-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); | |
| box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); | |
| border-top-color:#d7d7d7; | |
| background:#f3f3f3; | |
| /* the filter causes an overflow problem on IE9 http://stackoverflow.com/questions/3619383/internet-explorer-css-property-filter-ignores-overflowvisible | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');*/ | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); | |
| background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| #logo { | |
| text-indent: -999999px; | |
| height: 24px; | |
| padding: 18px 0 18px 15px; | |
| width: 224px; | |
| border-top-left-radius: 4px; | |
| background:image-url("logo.png") left center no-repeat; | |
| a { | |
| text-indent: -99999px; | |
| } | |
| } | |
| #header { | |
| height: 60px; | |
| position: absolute; | |
| top:0; | |
| left: 240px; | |
| right: 0; | |
| border: 0; | |
| -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius:4px; | |
| ul { | |
| width: 75%; | |
| height: 46px; | |
| float: left; | |
| margin: 0; | |
| li { | |
| list-style: none; | |
| margin: 0; | |
| ul { | |
| width: 100%; | |
| height: auto; | |
| float: none; | |
| padding: 18px 0; | |
| margin: 0; | |
| &.shown { display: block !important; } | |
| li { | |
| border: 1px solid; | |
| position: relative; | |
| float: left; | |
| margin: 0 10px 0 0; | |
| display: block; | |
| -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; | |
| border-color: #d7d7d7 #c2c2c2 #c2c2c2 #d7d7d7; | |
| a { | |
| padding: 2px 20px 4px 20px; | |
| font-size: 14px; | |
| display: block; | |
| border-top: 1px solid; | |
| -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; | |
| color: #353535; | |
| text-shadow: 0px 1px 0 #ffffff; | |
| border-top-color: #ffffff; | |
| background: #f1f1f1; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); | |
| background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| &:hover { | |
| text-decoration: none; | |
| background:#f6f6f6; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); | |
| background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| } | |
| &:active, &.active { | |
| border:0; | |
| padding:4px 20px 3px 20px; | |
| -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); | |
| -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); | |
| box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); | |
| background:#e8e8e8; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e3e3e3'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#e3e3e3)); | |
| background:-moz-linear-gradient(top, #e8e8e8, #e3e3e3); | |
| background:-o-linear-gradient(top, #e8e8e8, #e3e3e3); | |
| } | |
| } | |
| ul { | |
| display: none; | |
| padding: 0; | |
| -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; | |
| -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; | |
| background-color: #2e2e33; | |
| &.shown { display: block !important; } | |
| li { | |
| margin: a; | |
| max-width: 180px; | |
| border-left: 0; | |
| border-right: 0; | |
| border: 0; | |
| border-top: 1px solid; | |
| float: none; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius:0; | |
| border-radius: 0; | |
| border-color: #dddddd; | |
| width: 100%; | |
| a { | |
| -webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0; | |
| } | |
| &:lastchild, a:last-child { | |
| -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; | |
| -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; | |
| } | |
| } | |
| } | |
| span { | |
| font-family: sans-serif; | |
| display: block; | |
| position: absolute; | |
| right: -12px; | |
| top: -12px; | |
| font-size:10px; | |
| line-height: 10px; | |
| font-weight: 700; | |
| padding: 4px 4px 5px; | |
| text-align: center; | |
| min-width: 10px; | |
| z-index: 100; | |
| border: 1px solid; | |
| cursor: pointer; | |
| -webkit-border-radius:36px; -moz-border-radius:36px; border-radius: 36px; | |
| background-color:#f0a8a8; | |
| color: #ffffff; | |
| border-color: #bbb; | |
| -webkit-box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); | |
| -moz-box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); | |
| box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); | |
| } | |
| } | |
| } | |
| } | |
| } | |
| #searchbox { | |
| float: right; | |
| margin: 17px 10px 17px 0; | |
| padding: 0; | |
| border: 1px solid; | |
| -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; | |
| border-color: #d7d7d7 #c2c2c2 #c2c2c2 #d7d7d7; | |
| form { | |
| width: 90px; | |
| padding: 0; | |
| border:0; | |
| -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; | |
| input { | |
| -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; | |
| -webkit-appearance:none !important; | |
| padding: 3px 0; | |
| font-size: 14px; | |
| width: 100%; | |
| text-align: center; | |
| border:0; | |
| border-top: 1px solid; | |
| margin: 0; | |
| font-style: normal; | |
| color:#353535; | |
| text-shadow:0px 1px 0 #ffffff; | |
| border-top-color:#ffffff; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none; | |
| background:#f1f1f1; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); | |
| background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| &:hover { | |
| background:#f6f6f6; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); | |
| background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| } | |
| &:focus { | |
| border:0; | |
| padding: 4px 0 3px; | |
| -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); | |
| -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); | |
| box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); | |
| background:#ffffff; | |
| filter:none; | |
| } | |
| } | |
| input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-recoration { | |
| display: none; | |
| } | |
| } | |
| } | |
| #searchboxresults { | |
| } | |
| } | |
| } | |
| /*-------------------------------------------------------------------------- | |
| /* LEFT NAVIGATION | |
| /*--------------------------------------------------------------------------*/ | |
| nav { | |
| position: absolute; | |
| width: 216px; | |
| z-index: 2; | |
| border-right: 0px solid; | |
| border-left: 1px solid; | |
| -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-radius-bottomright: 4px; | |
| border-right-color:#e1e1e1 !important; | |
| border-left-color:#e1e1e1; | |
| -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1); | |
| box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1); | |
| ul { | |
| border-top: 1px solid; | |
| margin: 0; | |
| -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; | |
| -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; | |
| border-top-color:#e1e1e1; | |
| background-color:#2e2e33; | |
| height: 100%; | |
| li { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| background-repeat: no-repeat; | |
| background-position: -9999px; | |
| background-image: none !important; | |
| a { | |
| display: block; | |
| padding-right: 0; | |
| background:#f1f1f1; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); | |
| background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| text-decoration: none; | |
| span { | |
| padding: 12px 40px 11px; | |
| font-size: 14px; | |
| display: block; | |
| border: 1px solid; | |
| border-left: 0; | |
| border-right: 0; | |
| background-repeat: no-repeat; | |
| background-position: 12px 10px; | |
| white-space: nowrap; | |
| color: #353535; | |
| text-shadow: 0px 1px 0 #ffffff; | |
| border-color: #ffffff #f7f7f7 #dddddd #f7f7f7; | |
| background-image:image-url("icons/dark/arrow_right.png"); | |
| } | |
| &:hover { | |
| text-decoration: none; | |
| cursor: pointer; | |
| padding-right: 0px; | |
| background:#f6f6f6; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); | |
| background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| } | |
| &.active { | |
| padding-right:0px; | |
| padding-bottom:0px; | |
| background-repeat:repeat-x; | |
| background-position:left center; | |
| filter:none; | |
| background-image:image-url("nav_active.png"); | |
| background-repeat:repeat-x; | |
| background-color:#bada55; | |
| color: #ffffff; | |
| background-position:left center; | |
| filter:none; | |
| span{ | |
| border-bottom:0; | |
| padding:12px 40px 12px; | |
| color:#ffffff; | |
| text-shadow:0px -1px 0 rgba(0,0,0,0.3); | |
| } | |
| } | |
| } | |
| ul { | |
| border: 0; | |
| margin-right: 10px; | |
| margin-left: 10px; | |
| display: none; | |
| margin-bottom:10px; | |
| border-bottom-color: #dddddd; | |
| li { | |
| background-image: none !important; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| a { | |
| padding-right: 0; | |
| -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; | |
| span { | |
| border:0; | |
| font-size:12px; | |
| line-height:12px; | |
| border-top:1px solid #ddd; | |
| padding-top:6px; | |
| padding-bottom:6px; | |
| padding-left:15px; | |
| background-position:-9999px; | |
| -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; | |
| border-top-color: #dddddd; | |
| background-image: none !important; | |
| } | |
| &.active { | |
| } | |
| } | |
| &:last-child, &:last-child a, &:last-child a span { | |
| -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; | |
| -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| /*-------------------------------------------------------------------------- | |
| /* CONTENT | |
| /*--------------------------------------------------------------------------*/ | |
| #content { | |
| overflow: hidden; | |
| left: 0px; | |
| right: 0px; | |
| top: 0px; | |
| z-index: 1; | |
| border: 0; | |
| padding: 15px 5px 15px 230px; | |
| margin: 0; | |
| min-height: 600px; | |
| border: 1px solid; | |
| -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-radius-bottomleft: 4px; | |
| -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-radius-bottomright:4px; | |
| -webkit-box-shadow: 3px 0 4px rgba(0,0,0,0.1); | |
| -moz-box-shadow: 3px 0 4px rgba(0,0,0,0.1); | |
| box-shadow: 3px 0 4px rgba(0,0,0,0.1); | |
| background-color: #eeeeee; | |
| background-image:image-url("paper_01.png"); | |
| border-color: #ededed; | |
| } | |
| .bgsample { | |
| border: 1px solid; | |
| float: left; | |
| margin: 8px; | |
| padding: 27px 30px; | |
| border-color: #999999; | |
| -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); | |
| -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); | |
| box-shadow: inset 0 0 2px rgba(0,0,0,0.5); | |
| background-color: #ffffff; | |
| } | |
| /*----------------------------------------------------------------------*/ | |
| /* width | |
| /*----------------------------------------------------------------------*/ | |
| .w_5{ width:5% !important; } | |
| .w_10{ width:10% !important; } | |
| .w_15{ width:15% !important; } | |
| .w_20{ width:20% !important; } | |
| .w_25{ width:25% !important; } | |
| .w_30{ width:30% !important; } | |
| .w_33{ width:33% !important; } | |
| .w_35{ width:35% !important; } | |
| .w_40{ width:40% !important; } | |
| .w_45{ width:45% !important; } | |
| .w_50{ width:50% !important; } | |
| .w_55{ width:55% !important; } | |
| .w_60{ width:60% !important; } | |
| .w_65{ width:65% !important; } | |
| .w_66{ width:66% !important; } | |
| .w_70{ width:70% !important; } | |
| .w_75{ width:75% !important; } | |
| .w_80{ width:80% !important; } | |
| .w_85{ width:85% !important; } | |
| .w_90{ width:90% !important; } | |
| .w_95{ width:95% !important; } | |
| .w_5p{ width:5px !important; } | |
| .w_10p{ width:10px !important; } | |
| .w_15p{ width:15px !important; } | |
| .w_20p{ width:20px !important; } | |
| .w_25p{ width:25px !important; } | |
| .w_30p{ width:30px !important; } | |
| .w_35p{ width:35px !important; } | |
| .w_40p{ width:40px !important; } | |
| .w_45p{ width:45px !important; } | |
| .w_50p{ width:50px !important; } | |
| .w_55p{ width:55px !important; } | |
| .w_60p{ width:60px !important; } | |
| .w_65p{ width:65px !important; } | |
| .w_70p{ width:70px !important; } | |
| .w_75p{ width:75px !important; } | |
| .w_80p{ width:80px !important; } | |
| .w_85p{ width:85px !important; } | |
| .w_90p{ width:90px !important; } | |
| .w_95p{ width:95px !important; } | |
| .w_100p{ width:100px !important; } | |
| .w_105p{ width:105px !important; } | |
| .w_110p{ width:110px !important; } | |
| .w_115p{ width:115px !important; } | |
| .w_120p{ width:120px !important; } | |
| .w_125p{ width:125px !important; } | |
| .w_130p{ width:130px !important; } | |
| .w_135p{ width:135px !important; } | |
| .w_140p{ width:140px !important; } | |
| .w_145p{ width:145px !important; } | |
| .w_150p{ width:150px !important; } | |
| .w_155p{ width:155px !important; } | |
| .w_160p{ width:160px !important; } | |
| .w_165p{ width:165px !important; } | |
| .w_170p{ width:170px !important; } | |
| .w_175p{ width:175px !important; } | |
| .w_180p{ width:180px !important; } | |
| .w_185p{ width:185px !important; } | |
| .w_190p{ width:190px !important; } | |
| .w_195p{ width:195px !important; } | |
| .w_200p{ width:200px !important; } | |
| .fl{ float:left !important; } | |
| .fr{ float:right !important; } | |
| .l{ text-align:left; } | |
| .c{ text-align:center; } | |
| .j{ text-align:justify; } | |
| .r{ text-align:right; } | |
| /*----------------------------------------------------------------------*/ | |
| /* Clear Floats | |
| /*----------------------------------------------------------------------*/ | |
| /* http://sonspring.com/journal/clearing-floats */ | |
| .clear { | |
| clear:both; | |
| display:block; | |
| overflow:hidden; | |
| visibility:hidden; | |
| width:0; | |
| height:0; | |
| } | |
| /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ | |
| .clearfix:after { | |
| clear:both; | |
| content:' '; | |
| display:block; | |
| font-size:0; | |
| line-height:0; | |
| visibility:hidden; | |
| width:0; | |
| height:0; | |
| } | |
| .clearfix { | |
| display:inline-block; | |
| } | |
| * html .clearfix { | |
| height:1%; | |
| } | |
| .clearfix { | |
| display:block; | |
| } | |
| /*----------------------------------------------------------------------*/ | |
| /* Grid System (based on the 960 Grid System (http://960.gs) | |
| /*----------------------------------------------------------------------*/ | |
| .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 { | |
| display:inline; | |
| float:left; | |
| margin-left:1%; | |
| margin-right:1%; | |
| padding:9px 0; | |
| min-height:10px; | |
| } | |
| .alpha{margin-left:0;} | |
| .omega{margin-right:0;} | |
| .g1{width:6.333%;} | |
| .g2{width:14.667%;} | |
| .g3{width:23.0%;} | |
| .g4{width:31.333%;} | |
| .g5{width:39.667%;} | |
| .g6{width:48.0%;} | |
| .g7{width:56.333%;} | |
| .g8{width:64.667%;} | |
| .g9{width:73.0%;} | |
| .g10{width:81.333%;} | |
| .g11{width:89.667%;} | |
| .g12{width:98.0%;} | |
| .p1{padding-left:8.333%;} | |
| .p2{padding-left:16.667%;} | |
| .p3{padding-left:25.0%;} | |
| .p4{padding-left:33.333%;} | |
| .p5{padding-left:41.667%;} | |
| .p6{padding-left:50.0%;} | |
| .p7{padding-left:58.333%;} | |
| .p8{padding-left:66.667%;} | |
| .p9{padding-left:75.0%;} | |
| .p10{padding-left:83.333%;} | |
| .p11{padding-left:91.667%;} | |
| .s1{padding-right:8.333%;} | |
| .s2{padding-right:16.667%;} | |
| .s3{padding-right:25.0%;} | |
| .s4{padding-right:33.333%;} | |
| .s5{padding-right:41.667%;} | |
| .s6{padding-right:50.0%;} | |
| .s7{padding-right:58.333%;} | |
| .s8{padding-right:66.667%;} | |
| .s9{padding-right:75.0%;} | |
| .s10{padding-right:83.333%;} | |
| .s11{padding-right:91.667%;} | |
| .ps1{left:8.333%;} | |
| .ps2{left:16.667%;} | |
| .ps3{left:25.0%;} | |
| .ps4{left:33.333%;} | |
| .ps5{left:41.667%;} | |
| .ps6{left:50.0%;} | |
| .ps7{left:58.333%;} | |
| .ps8{left:66.667%;} | |
| .ps9{left:75.0%;} | |
| .ps10{left:83.333%;} | |
| .ps11{left:91.667%;} | |
| .pl1{left:-8.333%;} | |
| .pl2{left:-16.667%;} | |
| .pl3{left:-25.0%;} | |
| .pl4{left:-33.333%;} | |
| .pl5{left:-41.667%;} | |
| .pl6{left:-50.0%;} | |
| .pl7{left:-58.333%;} | |
| .pl8{left:-66.667%;} | |
| .pl9{left:-75.0%;} | |
| .pl10{left:-83.333%;} | |
| .pl11{left:-91.667%;} | |
| /*-------------------------------------------------------------------------- | |
| /* MEDIA QUERIES | |
| /*--------------------------------------------------------------------------*/ | |
| @media screen and (min-width:1281px) { | |
| body{ | |
| margin-left:10%; | |
| margin-right:10%; | |
| } | |
| } | |
| /* Move the Headernav to a drop down menu to the right */ | |
| @media screen and (max-width:960px) { | |
| #header ul#headernav li ul, #header ul#headernav li ul.collapsed{ | |
| display:none; | |
| } | |
| #header ul#headernav li ul.shown{ | |
| display:block !important; | |
| } | |
| #header ul#headernav{ | |
| border-left:1px solid; | |
| position:relative; | |
| float:right; | |
| height:60px; | |
| width:60px; | |
| cursor:pointer; | |
| background-repeat:no-repeat; | |
| background-position:center center; | |
| } | |
| #header ul#headernav li ul{ | |
| position:absolute; | |
| right:0; | |
| width:170px; | |
| padding:0; | |
| margin:0; | |
| top:60px; | |
| } | |
| #header ul#headernav li ul li{ | |
| float:none; | |
| margin:0; | |
| border-bottom:0; | |
| border-top:0; | |
| } | |
| #header ul#headernav li ul li a{ | |
| padding:10px; | |
| } | |
| #header ul#headernav li ul li:last-child{ | |
| border-bottom:1px solid; | |
| } | |
| #header ul#headernav li ul span{ | |
| right:5px; | |
| top:10px; | |
| } | |
| #header ul#headernav li ul li ul{ | |
| position:relative; | |
| top:0; | |
| padding:0; | |
| display:none; | |
| padding-bottom:6%; | |
| z-index:20; | |
| width:99%; | |
| } | |
| #header ul#headernav li ul li ul.shown{ | |
| display:block; | |
| } | |
| #header ul#headernav li ul li ul li{ | |
| margin:0 6%; | |
| } | |
| #header ul#headernav li ul li ul li a{ | |
| font-size:12px; | |
| padding:5px; | |
| } | |
| .g1,.g2,.g3,.g4,.g5,.g6 { | |
| padding:0; | |
| width:48.0%; | |
| } | |
| .g7,.g8,.g9,.g10,.g11,.g12 { | |
| padding:0; | |
| width:98%; | |
| } | |
| #header ul li ul li,#header ul li ul li a, #header ul#headernav li ul li ul{ | |
| -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; | |
| } | |
| #header ul li ul li:last-child,#header ul li ul li:last-child a{ | |
| -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; | |
| } | |
| } | |
| @media screen and (max-width:900px) and (min-width:701px) { | |
| form fieldset > section > div{ | |
| width:69%; | |
| } | |
| form fieldset > section label{ | |
| width:24%; | |
| } | |
| } | |
| /* For more smaller Screens (iPad) */ | |
| @media screen and (max-width:700px) { | |
| header #search,header #searchbox{ | |
| max-width:100px; | |
| } | |
| form label{ | |
| padding:10px 1%; | |
| } | |
| form fieldset > section{ | |
| padding-bottom:8px; | |
| } | |
| form fieldset > section > label{ | |
| left:0; | |
| right:0; | |
| width:98%; | |
| margin:0; | |
| float:none; | |
| padding:1%; | |
| padding-bottom:8px; | |
| } | |
| form fieldset > section > div{ | |
| float:none; | |
| width:98%; | |
| padding:4px; | |
| border:0; | |
| } | |
| .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 { | |
| width:98%; | |
| } | |
| } | |
| @media screen and (max-width:800px) and (min-width:481px) { | |
| nav{ | |
| width:150px; | |
| } | |
| nav ul li a span{ | |
| font-size:12px; | |
| } | |
| nav ul li ul{ | |
| margin-left:10px; | |
| margin-right:10px; | |
| } | |
| nav ul li ul li a span{ | |
| padding-right:4px; | |
| } | |
| #content{ | |
| padding:15px 0 15px 160px; | |
| } | |
| } | |
| /* iPhone and real small devicces */ | |
| @media screen and (max-width:480px) { | |
| body#login{ | |
| position:static; | |
| left:auto; | |
| right:auto; | |
| width:96%; | |
| margin:10px auto; | |
| padding:0; | |
| } | |
| body#login #content{ | |
| padding:0; | |
| padding-top:20px; | |
| width:99%; | |
| } | |
| body#login form{ | |
| border:0; | |
| } | |
| body#login form section label{ | |
| border:0; | |
| } | |
| body#login fieldset{ | |
| margin:0px; | |
| } | |
| body#login form > section a{ | |
| margin:10px 4%; | |
| float:left; | |
| } | |
| #pageoptions > div{ | |
| left:2px; | |
| right:2px; | |
| padding:15px; | |
| } | |
| header #searchbox{ | |
| display:none; | |
| max-width:40px; | |
| } | |
| header #searchbox input{ | |
| max-width:40px; | |
| } | |
| body{ | |
| width:96%; | |
| margin:1%; | |
| } | |
| body, header, nav, #content{ | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none; | |
| } | |
| #header{ | |
| } | |
| #logo{ | |
| width:100%; | |
| } | |
| #logo, header, #content{ | |
| width:100%; | |
| } | |
| nav, nav ul, nav ul li, nav ul li a, nav ul li a span, nav ul li a:active span, nav ul li a.active span{ | |
| margin:0; | |
| padding:0; | |
| } | |
| nav ul li a:active span, nav ul li a.active span{ | |
| border-top:1px solid; | |
| background-position:center center; | |
| } | |
| nav{ | |
| border-top:1px solid; | |
| position:static; | |
| width:98%; | |
| margin:0 1%; | |
| } | |
| nav ul li{ | |
| width:44px; | |
| display:inline-block; | |
| margin-left:-2px; | |
| margin-right:-2px; | |
| } | |
| nav ul li a span{ | |
| border-left:1px solid; | |
| border-bottom:0; | |
| height:40px; | |
| text-indent:-9999px; | |
| background-position:center center; | |
| } | |
| nav ul li:first-child a span{ | |
| border-left:0; | |
| } | |
| nav ul li ul{ | |
| position:absolute; | |
| left:0; | |
| margin:0; | |
| z-index:15; | |
| background:none; | |
| width:98%; | |
| margin:0 1%; | |
| } | |
| nav ul li ul li{ | |
| display:block; | |
| width:100%; | |
| } | |
| nav ul li ul li a span{ | |
| height:20px; | |
| text-indent:0; | |
| } | |
| #content{ | |
| padding:0; | |
| } | |
| form{ | |
| padding:0; | |
| margin:0; | |
| } | |
| form input, form textarea{ | |
| font-size:14px; | |
| max-width:96%; | |
| } | |
| #wl_msg{ | |
| right:5px; | |
| left:5px; | |
| width:auto; | |
| } | |
| .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 { | |
| width:100%; | |
| margin:0; | |
| min-height:0; | |
| } | |
| } | |
| /*-------------------------------------------------------------------------- | |
| /* BUTTONS | |
| /*--------------------------------------------------------------------------*/ | |
| button, a.btn, .dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active { | |
| border: 1px solid; | |
| position: relative; | |
| padding: 9px 12px; | |
| display: inline-block; | |
| cursor: pointer; | |
| background-repeat: no-repeat; | |
| background-position: 4px 5px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| text-decoration: none; | |
| font-size: 11px; | |
| font-weight: 700; | |
| outline: 0 none; | |
| text-aline: center; | |
| text-transform: uppercase; | |
| margin: 2px; | |
| min-height: 22px; | |
| min-width: 8px; | |
| white-space: pre-line; | |
| vertical-align: baseline; | |
| border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7; | |
| text-shadow:0 1px 0 rgba(255,255,255,0.7); | |
| color:#555555; | |
| background-color:#e6e6e6; | |
| -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); | |
| box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); | |
| } | |
| button, a.btn { | |
| &:hover {} | |
| &.icon { | |
| padding-left: 27px; | |
| } | |
| .nt { | |
| background-position: 50% 50%; | |
| text-indent: -9999px; | |
| } | |
| &.small { | |
| min-height: 14px; | |
| line-height: 14px; | |
| font-size: 10px; | |
| padding: 4px 7px; | |
| &.icon { | |
| padding-left: 23px; | |
| background-position: 0 -2px; | |
| } | |
| &.nt { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| } | |
| &.big { | |
| font-size: 14px; | |
| padding: 12px 16px; | |
| &.icon { | |
| padding-left: 27px; | |
| background-position: -0 8px; | |
| } | |
| } | |
| &.red { | |
| background-color: #f0a8a8; | |
| &:hover { | |
| background-color: #f0cccc; | |
| } | |
| } | |
| &.green { | |
| background-color: #a2e8a2; | |
| &:hover { | |
| background-color: #c5e8c5; | |
| } | |
| } | |
| &.yellow { | |
| background-color: #e8e8a2; | |
| &:hover { | |
| background-color: #e8e8c5; | |
| } | |
| } | |
| &.blue { | |
| background-color: #a8f0f0; | |
| &:hover { | |
| background-color: #ccf0f0; | |
| } | |
| } | |
| &.pink { | |
| background-color: #f0a8f0; | |
| &:hover { | |
| background-color: #f0ccf0; | |
| } | |
| } | |
| &.purple { | |
| background-color: #aea8f0; | |
| &:hover { | |
| background-color: #cfccf0; | |
| } | |
| } | |
| } | |
| a.btn { line-height: 18px; min-height: 18px; } | |
| button:hover, a.btn:hover, .dataTables_paginate span.paginate_active:hover{ background-color:#f1f1f1; } | |
| button:active, a.btn.active, .dataTables_paginate span.paginate_active { | |
| top: 1px; | |
| background-color:#f1f1f1; | |
| border-color:#b2b2b2 #c7c7c7 #c7c7c7 #b2b2b2; | |
| -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1); | |
| box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1); | |
| } | |
| /*-------------------------------------------------------------------------- | |
| /* WIDGETS | |
| /*--------------------------------------------------------------------------*/ | |
| .widget:hover h3.handle .collapse, .widget.loading h3.handle .reload, .widget:hover h3.handle .reload{ | |
| display:block; | |
| } | |
| .widget.loading { | |
| background-color:#ffffff; | |
| border-color:#dddddd #efefef #f1f1f1 #efefef; | |
| background-image:image-url("paper_02.png"); | |
| h3 { | |
| &.handle { | |
| .reload { | |
| background-image:image-url("loading.png"); | |
| } | |
| } | |
| } | |
| } | |
| .widget{ | |
| margin-bottom:15px; | |
| border:1px solid; | |
| -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; | |
| background-color:#ffffff; | |
| border-color:#dddddd #efefef #f1f1f1 #efefef; | |
| background-image:image-url("paper_02.png"); | |
| &> div{ | |
| margin:2px; | |
| padding:15px 6px 2px; | |
| border:1px solid; | |
| -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; | |
| border-color:#dddddd #e7e7e7 #bbbbbb #e7e7e7; | |
| background-image:image-url("paper_01.png"); | |
| > img{ | |
| -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; | |
| } | |
| &.ui-widget{ | |
| width:99%; | |
| padding:0; | |
| background-image:none; | |
| } | |
| } | |
| .ui-widget-header{ | |
| overflow:hidden; | |
| } | |
| &.ui-sortable-helper { | |
| -webkit-box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6); | |
| -moz-box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6); | |
| box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6); | |
| } | |
| &.sortable { | |
| h3 { | |
| &.handle { | |
| cursor: move; | |
| } | |
| } | |
| } | |
| h3{ | |
| margin:0; | |
| &.handle{ | |
| position:relative; | |
| font-size:14px !important; | |
| border-top:1px solid; | |
| border-bottom:1px solid; | |
| padding:8px 10px; | |
| margin:0; | |
| line-height:18px; | |
| margin-bottom:1px; | |
| cursor:pointer; | |
| -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; | |
| -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; | |
| color:#444444; | |
| text-shadow:0 0 1px #ffffff; | |
| border-top-color:#ffffff; | |
| border-bottom-color:#aaaaaa; | |
| background:#f1f1f1; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); | |
| background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); | |
| &:hover { | |
| -webkit-box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5); | |
| -moz-box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5); | |
| box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5); | |
| background:#f6f6f6; | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1'); | |
| background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); | |
| background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); | |
| } | |
| &.red {} | |
| &.blue {} | |
| &.yellow {} | |
| &.pink {} | |
| &.purple {} | |
| &.collapse { | |
| background-image:image-url("icons/dark/collapse.png"); | |
| } | |
| .collapse, .reload { | |
| position:absolute; | |
| right:8px; | |
| top:5px; | |
| display:block; | |
| height:24px; | |
| width:24px; | |
| background-repeat:no-repeat; | |
| background-position:center center; | |
| display:none; | |
| } | |
| .reload{ | |
| right:30px; | |
| background-image:image-url("icons/dark/refresh_3.png"); | |
| } | |
| a:first-child { | |
| right: 8px; | |
| } | |
| .icon{ | |
| margin-top:-3px; | |
| margin-left:-4px; | |
| height:24px; | |
| width:24px; | |
| display:inline-block; | |
| float:left; | |
| background-position:center; | |
| } | |
| } | |
| } | |
| &:hover{ | |
| border:1px solid; | |
| border-color: #cccccc; | |
| } | |
| &.collapsed { | |
| border-bottom: 1px solid; | |
| border-bottom-color:#aaaaaa; | |
| h3 { | |
| &.handle { | |
| border-bottom:0; | |
| -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; | |
| .collapse { | |
| background-image:image-url("icons/dark/expand.png"); | |
| } | |
| } | |
| } | |
| } | |
| &.number-widget > div{ | |
| ul { | |
| overflow: auto; | |
| li { | |
| display:block; | |
| margin:0; | |
| list-style:none; | |
| border-top:1px dotted; | |
| padding:14px 10px 4px; | |
| margin:0; | |
| border-top-color:#555555; | |
| &:first-child { | |
| border-top:0; | |
| } | |
| a { | |
| font-size:12px; | |
| display:block; | |
| color:#555555; | |
| text-shadow:0 1px 0 #ffffff; | |
| &:hover { text-decoration: none; color:#999999; } | |
| span { | |
| text-align:right; | |
| display:inline-block; | |
| width:80px; | |
| font-size:32px; | |
| font-weight:700; | |
| letter-spacing:-0.05em; | |
| padding:2px 6px 2px 0; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| .sortable_placeholder{ | |
| margin-bottom:15px; | |
| border:1px solid; | |
| z-index:1; | |
| -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; | |
| } | |
| table{ | |
| width:100%; | |
| border-collapse:collapse; | |
| margin-bottom:18px; | |
| } | |
| table td, table th{ | |
| border:1px solid; | |
| padding:6px 3px; | |
| text-align:center; | |
| } | |
| table th{ | |
| font-weight:700; | |
| } | |
| div.chart .legend table{ | |
| border:0; | |
| width:auto; | |
| } | |
| div.chart{ | |
| max-width:100%; | |
| margin-bottom:18px; | |
| } | |
| div.chart .legend table td{ | |
| vertical-align:middle; | |
| text-align:center; | |
| } | |
| div.chart .legend table td.legendColorBox{ | |
| opacity:0.6; | |
| filter:Alpha(opacity=60); | |
| } | |
| table.documentation{ | |
| } | |
| table.documentation th, table.documentation td{ | |
| text-align:left; | |
| } | |
| /*-------------------------------------------------------------------------- | |
| /* JQUERY UI MODS | |
| /*--------------------------------------------------------------------------*/ | |
| .ui-tabs { | |
| padding: 0 !important; | |
| &.ui-tabs-nav { | |
| padding: 0 !important; | |
| li { | |
| margin: 0 2px 0 0 !important; | |
| } | |
| } | |
| &.ui-tabs-panel { | |
| padding: 0 !important; | |
| p { | |
| margin: 1em 1.3em !important; | |
| } | |
| } | |
| &.ui-tabs-selected { margin: 0 !important; } | |
| } | |
| .ui-widget { padding: 0 !important; } | |
| .ui-widget-header { | |
| border: 0 !important; | |
| border-top: 1px solid !important; | |
| border-bottom: 1px solid !important; | |
| border-repeat: repeat !important; | |
| margin:0 !important; | |
| } | |
| .ui-widget-header a, .ui-accordion-header a, .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year{ | |
| font-size:14px !important; | |
| } | |
| .ui-state-default a{ | |
| border-top:1px solid !important; | |
| -webkit-border-radius:4px !important; | |
| -moz-border-radius:4px !important; | |
| border-radius:4px !important; | |
| } | |
| .ui-accordion-content { | |
| p { margin: 0 !important; } | |
| } | |
| .ui-accordion .ui-accordion-header { margin-top: 0 !important; } | |
| .ui-widget-overlay { background-repeat: repeat !important; } | |
| .ui-slider-range.ui-widget-header{ | |
| background-position:center !important; | |
| border:0 !important; | |
| } | |
| .ui-slider-horizontal .ui-slider-handle{ | |
| top:-5px !important; | |
| min-height:22px; | |
| min-width:18px; | |
| margin-left:-10px !important; | |
| cursor:pointer !important; | |
| } | |
| .ui-slider-vertical{ | |
| float:left; | |
| } | |
| .ui-slider-vertical .ui-slider-handle{ | |
| left:-5px !important; | |
| min-height:18px; | |
| min-width:22px; | |
| margin-bottom:-10px !important; | |
| cursor:pointer !important; | |
| } | |
| .ui-slider{ | |
| min-height:14px; | |
| min-width:14px; | |
| border:1px solid; | |
| background-repeat:repeat !important; | |
| margin:10px; | |
| } | |
| .ui-slider .ui-slider-handle{ | |
| background-repeat:no-repeat !important; | |
| z-index:1 !important; | |
| } | |
| .ui-slider-horizontal .ui-slider-handle{ | |
| background-position:right center !important; | |
| } | |
| .ui-slider-vertical .ui-slider-handle{ | |
| background-position:left center !important; | |
| } | |
| .ui-slider-range{ | |
| -webkit-border-radius:4px !important; | |
| -moz-border-radius:4px !important; | |
| border-radius:4px !important; | |
| } | |
| .widget h3.handle .collapse{ | |
| background-image:image-url("icons/dark/collapse.png"); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment