mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-23 09:53:15 +00:00
wip - refactoring frontend dependency and build tools - removed deprecated features (client interface)
This commit is contained in:
Florian BLOUET
1016
resources/www/account/_skin.scss
Normal file
1016
resources/www/account/_skin.scss
Normal file
File diff suppressed because it is too large
Load Diff
346
resources/www/account/_variables.scss
Normal file
346
resources/www/account/_variables.scss
Normal file
@@ -0,0 +1,346 @@
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
@mixin glow($glow) {
|
||||
box-shadow: $glow;
|
||||
-webkit-box-shadow: $glow;
|
||||
-moz-box-shadow: $glow;
|
||||
}
|
||||
|
||||
@mixin gradient ($colorButton, $multiplier){
|
||||
$colorHsl: lightness($colorButton) * $multiplier;
|
||||
|
||||
background: -moz-linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* FF 3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $colorButton), color-stop(100%, hsl(hue($colorButton), saturation($colorButton), $colorHsl))); /*Safari 4+, Chrome 2+*/
|
||||
background: -webkit-linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* Safari 5.1+, Chrome 10+ */
|
||||
background: -o-linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* Opera 11.10 */
|
||||
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff'); IE6 & IE7
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff')"; IE8+ */
|
||||
background: linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* the standard */
|
||||
}
|
||||
|
||||
// Global values
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
$black: #000;
|
||||
$grayDarker: #222;
|
||||
$grayDark: #333;
|
||||
$gray: #555;
|
||||
$grayLight: #999;
|
||||
$grayLighter: #eee;
|
||||
$white: #fff;
|
||||
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
$blue: #049cdb;
|
||||
$blueDark: #0064cd;
|
||||
$green: #46a546;
|
||||
$red: #9d261d;
|
||||
$yellow: #ffc40d;
|
||||
$orange: #f89406;
|
||||
$pink: #c3325f;
|
||||
$purple: #7a43b6;
|
||||
|
||||
|
||||
// Own variables
|
||||
// ----------------------------
|
||||
|
||||
$inputOutsideBorder: #4c4c4c;
|
||||
$colorError: #af3030;
|
||||
$colorSuccess: #108946;
|
||||
$colorFacebook: #3b5a97;
|
||||
$colorGooglePlus: #ba2828;
|
||||
$colorViadeo: #242424;
|
||||
$colorTwitter: #2fa3dc;
|
||||
$colorLinkedin: #025b8e;
|
||||
$colorGithub: #908c8b;
|
||||
$backgroundSideBar: #1a1a1a;
|
||||
$background: #141414;
|
||||
$defaultFontFamily: 'tahoma', lucida grande,verdana,arial,sans-serif;
|
||||
$sideBarGlow: 0 0 15px rgba(0, 0, 0, 1);
|
||||
$dropDownLanguageGlow: 0 0 15px rgba(0, 0, 0, 1);
|
||||
$sideBarBlockBorderColorBottom: $black;
|
||||
$sideBarBlockBorderColorTop: #232222;
|
||||
$identityPhraseanetBackgroundColor: #f2f2f2;
|
||||
$identityPhraseanetColor: #323232;
|
||||
$identityPhraseanetIconColor: #b3b3b3;
|
||||
$languageCaretColor: $white;
|
||||
$inputIEBackground: #6D6D6D;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
$bodyBackground: $white;
|
||||
$textColor: $white;
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
$linkColor: #fff;
|
||||
$linkColorHover: darken($linkColor, 15%);
|
||||
$footerLinkColor: $linkColor;
|
||||
$footerLinkColorHover: $linkColorHover;
|
||||
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
||||
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
|
||||
|
||||
$baseFontSize: 14px;
|
||||
$baseFontFamily: $defaultFontFamily;
|
||||
$baseLineHeight: 20px;
|
||||
$altFontFamily: $serifFontFamily;
|
||||
|
||||
$headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
|
||||
$headingsFontWeight: bold; // instead of browser default, bold
|
||||
$headingsColor: inherit; // empty to use BS default, $textColor
|
||||
|
||||
|
||||
// Component sizing
|
||||
// -------------------------
|
||||
// Based on 14px font-size and 20px line-height
|
||||
|
||||
$fontSizeLarge: $baseFontSize * 1.25; // ~18px
|
||||
$fontSizeSmall: $baseFontSize * 0.85; // ~12px
|
||||
$fontSizeMini: $baseFontSize * 0.75; // ~11px
|
||||
|
||||
$paddingLarge: 11px 19px; // 44px
|
||||
$paddingSmall: 2px 10px; // 26px
|
||||
$paddingMini: 0 6px; // 22px
|
||||
|
||||
$baseBorderRadius: 4px;
|
||||
$borderRadiusLarge: 6px;
|
||||
$borderRadiusSmall: 3px;
|
||||
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
$tableBackground: transparent; // overall background-color
|
||||
$tableBackgroundAccent: #f9f9f9; // for striping
|
||||
$tableBackgroundHover: #f5f5f5; // for hover
|
||||
$tableBorder: #ddd; // table and cell border
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
$btnBackground: $white;
|
||||
$btnBackgroundHighlight: darken($white, 10%);
|
||||
$btnBorder: #bbb;
|
||||
|
||||
$btnPrimaryBackground: $linkColor;
|
||||
$btnPrimaryBackgroundHighlight: spin($btnPrimaryBackground, 20%);
|
||||
|
||||
$btnInfoBackground: #3d8fa8;
|
||||
$btnInfoBackgroundHighlight: #0d4461;
|
||||
|
||||
$btnSuccessBackground: #2fac74;
|
||||
$btnSuccessBackgroundHighlight: #118749;
|
||||
|
||||
$btnWarningBackground: lighten($orange, 15%);
|
||||
$btnWarningBackgroundHighlight: $orange;
|
||||
|
||||
$btnDangerBackground: #ee5f5b;
|
||||
$btnDangerBackgroundHighlight: #bd362f;
|
||||
|
||||
$btnInverseBackground: #444;
|
||||
$btnInverseBackgroundHighlight: $grayDarker;
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
$inputBackground: $black;
|
||||
$inputBorder: none;
|
||||
$inputBorderRadius: 0px;
|
||||
$inputDisabledBackground: $grayLighter;
|
||||
$formActionsBackground: #f5f5f5;
|
||||
$inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
|
||||
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
$dropdownBackground: $backgroundSideBar;
|
||||
$dropdownBorder: rgba(0,0,0,.2);
|
||||
$dropdownDividerTop: #e5e5e5;
|
||||
$dropdownDividerBottom: $white;
|
||||
|
||||
$dropdownLinkColor: $white;
|
||||
$dropdownLinkColorHover: $white;
|
||||
$dropdownLinkColorActive: $white;
|
||||
|
||||
$dropdownLinkBackgroundActive: lighten($backgroundSideBar, 10%);
|
||||
$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive;
|
||||
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
$zindexDropdown: 1000;
|
||||
$zindexPopover: 1010;
|
||||
$zindexTooltip: 1030;
|
||||
$zindexFixedNavbar: 1030;
|
||||
$zindexModalBackdrop: 1040;
|
||||
$zindexModal: 1050;
|
||||
|
||||
|
||||
// Sprite icons path
|
||||
// -------------------------
|
||||
$iconSpritePath: "/skins/build/bootstrap/img/glyphicons-halflings.png";
|
||||
$iconWhiteSpritePath: "/skins/build/bootstrap/img/glyphicons-halflings-white.png";
|
||||
|
||||
|
||||
// Input placeholder text color
|
||||
// -------------------------
|
||||
$placeholderText: $grayLight;
|
||||
|
||||
|
||||
// Hr border color
|
||||
// -------------------------
|
||||
$hrBorder: $grayLighter;
|
||||
|
||||
|
||||
// Horizontal forms , lists
|
||||
// -------------------------
|
||||
$horizontalComponentOffset: 180px;
|
||||
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
$wellBackground: #f5f5f5;
|
||||
|
||||
|
||||
// Navbar
|
||||
// -------------------------
|
||||
$navbarCollapseWidth: 979px;
|
||||
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
|
||||
|
||||
$navbarHeight: 40px;
|
||||
$navbarBackgroundHighlight: #ffffff;
|
||||
$navbarBackground: darken($navbarBackgroundHighlight, 5%);
|
||||
$navbarBorder: darken($navbarBackground, 12%);
|
||||
|
||||
$navbarText: #777;
|
||||
$navbarLinkColor: #777;
|
||||
$navbarLinkColorHover: $grayDark;
|
||||
$navbarLinkColorActive: $gray;
|
||||
$navbarLinkBackgroundHover: transparent;
|
||||
$navbarLinkBackgroundActive: darken($navbarBackground, 5%);
|
||||
|
||||
$navbarBrandColor: $navbarLinkColor;
|
||||
|
||||
// Inverted navbar
|
||||
$navbarInverseBackground: #111111;
|
||||
$navbarInverseBackgroundHighlight: #222222;
|
||||
$navbarInverseBorder: #252525;
|
||||
|
||||
$navbarInverseText: $grayLight;
|
||||
$navbarInverseLinkColor: $grayLight;
|
||||
$navbarInverseLinkColorHover: $white;
|
||||
$navbarInverseLinkColorActive: $navbarInverseLinkColorHover;
|
||||
$navbarInverseLinkBackgroundHover: transparent;
|
||||
$navbarInverseLinkBackgroundActive: $navbarInverseBackground;
|
||||
|
||||
$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%);
|
||||
$navbarInverseSearchBackgroundFocus: $white;
|
||||
$navbarInverseSearchBorder: $navbarInverseBackground;
|
||||
$navbarInverseSearchPlaceholderColor: #ccc;
|
||||
|
||||
$navbarInverseBrandColor: $navbarInverseLinkColor;
|
||||
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
$paginationBackground: #fff;
|
||||
$paginationBorder: #ddd;
|
||||
$paginationActiveBackground: #f5f5f5;
|
||||
|
||||
|
||||
// Hero unit
|
||||
// -------------------------
|
||||
$heroUnitBackground: $grayLighter;
|
||||
$heroUnitHeadingColor: inherit;
|
||||
$heroUnitLeadColor: inherit;
|
||||
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
$warningText: $white;
|
||||
$warningBackground: $grayDark;
|
||||
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
|
||||
|
||||
$errorText: $white;
|
||||
$errorBackground: #c9322b;
|
||||
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
|
||||
|
||||
$successText: $white;
|
||||
$successBackground: #1f914f;
|
||||
$successBorder: darken(adjust-hue($successBackground, -10), 5%);
|
||||
|
||||
$infoText: $white;
|
||||
$infoBackground: #4889af;
|
||||
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
|
||||
|
||||
|
||||
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
$tooltipColor: #fff;
|
||||
$tooltipBackground: #000;
|
||||
$tooltipArrowWidth: 5px;
|
||||
$tooltipArrowColor: $tooltipBackground;
|
||||
|
||||
$popoverBackground: #fff;
|
||||
$popoverArrowWidth: 10px;
|
||||
$popoverArrowColor: #fff;
|
||||
$popoverTitleBackground: darken($popoverBackground, 3%);
|
||||
|
||||
// Special enhancement for popovers
|
||||
$popoverArrowOuterWidth: $popoverArrowWidth + 1;
|
||||
$popoverArrowOuterColor: rgba(0,0,0,.25);
|
||||
|
||||
|
||||
|
||||
// GRID
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Default 940px grid
|
||||
// -------------------------
|
||||
$gridColumns: 12;
|
||||
$gridColumnWidth: 60px;
|
||||
$gridGutterWidth: 20px;
|
||||
$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
|
||||
|
||||
// 1200px min
|
||||
$gridColumnWidth1200: 70px;
|
||||
$gridGutterWidth1200: 30px;
|
||||
$gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1));
|
||||
|
||||
// 768px-979px
|
||||
$gridColumnWidth768: 42px;
|
||||
$gridGutterWidth768: 20px;
|
||||
$gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1));
|
||||
|
||||
|
||||
// Fluid grid
|
||||
// -------------------------
|
||||
$fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth);
|
||||
$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth);
|
||||
|
||||
// 1200px min
|
||||
$fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200);
|
||||
$fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200);
|
||||
|
||||
// 768px-979px
|
||||
$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768);
|
||||
$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768);
|
||||
9
resources/www/account/main.scss
Normal file
9
resources/www/account/main.scss
Normal file
@@ -0,0 +1,9 @@
|
||||
$fontAwesomePath: "../../common/font"; // dist path
|
||||
@import '../../../www/bower_components/normalize-css/normalize'; // not extension for inline import
|
||||
@import '../shared/bootstrap';
|
||||
// @TODO enable importation of: @import "../../../../plugins/login.less";
|
||||
@import 'variables';
|
||||
@import 'skin';
|
||||
@import '../shared/skin/geonames';
|
||||
@import '../../../www/bower_components/font-awesome/sass/font-awesome.scss';
|
||||
@import '../../../www/bower_components/jquery-ui/themes/base/jquery.ui.autocomplete'; // not extension for inline import
|
||||
82
resources/www/admin/_databases.scss
Normal file
82
resources/www/admin/_databases.scss
Normal file
@@ -0,0 +1,82 @@
|
||||
/******* DATABASES ************************************************************/
|
||||
.db_recommand {
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
}
|
||||
.db_exception {
|
||||
margin-top: 10px;
|
||||
background-color: #fceb3f;
|
||||
}
|
||||
.db_infos {
|
||||
width: 100%;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.db_infos h2 {
|
||||
line-height: 22px;
|
||||
}
|
||||
.db_infos input[type="text"],
|
||||
.db_infos input[type="password"],
|
||||
.db_infos input[type="submit"],
|
||||
.db_infos select,
|
||||
.db_infos textarea,
|
||||
.db_infos ul {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
/******* DATABASE *************************************************************/
|
||||
.db_box {
|
||||
margin: 0 10px 10px;
|
||||
}
|
||||
.db_box p {
|
||||
margin: 0 0 9px;
|
||||
}
|
||||
#INDEX_P_BAR p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div[id$="_indexed_bar"] {
|
||||
width: 0;
|
||||
height: 15px;
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
background: #e5d4a0;
|
||||
}
|
||||
div[id$="_indexed_percent"] {
|
||||
width: 198px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
border: 1px solid #333333;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.logo_box {
|
||||
margin: 0 10px 10px;
|
||||
}
|
||||
.logo_box hr {
|
||||
border-top: 1px solid #cccccc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.logo_box div[id^="printLogoDIV_"] {
|
||||
margin: 0 0 5px 0;
|
||||
display: none;
|
||||
}
|
||||
/******* DATABASE - FIELDS ****************************************************/
|
||||
#field_adder .help-block label {
|
||||
color: #666666;
|
||||
}
|
||||
#form_struct {
|
||||
margin: 10px 0;
|
||||
}
|
||||
#form_struct thead tr th:not(:first-child) {
|
||||
min-width: 70px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.status-img {
|
||||
max-width: 16px;
|
||||
max-heigh: 16px;
|
||||
}
|
||||
291
resources/www/admin/_fields.scss
Normal file
291
resources/www/admin/_fields.scss
Normal file
@@ -0,0 +1,291 @@
|
||||
#admin-field-app .row-top {
|
||||
min-height: 60px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
#admin-field-app .row-bottom {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#admin-field-app .right-block {
|
||||
border-left: 1px dashed #000;
|
||||
overflow: auto;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
#admin-field-app h4 {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#admin-field-app .lng-label a {
|
||||
color: #aaa;
|
||||
text-transform: capitalize;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#admin-field-app .lng-label.select a {
|
||||
color: #0080FF;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li {
|
||||
background: #FFF;
|
||||
border-top: 1px solid #ccc;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
#admin-field-app ul.inline li {
|
||||
display: inline-block;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .trigger-click {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.border-bottom{
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .field-name {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
color: #666;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .field-tag {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .handle {
|
||||
width: 10%;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .trigger-click {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .position {
|
||||
width: 10%;
|
||||
vertical-align: bottom;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .chip {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li .handle, #admin-field-app #collection-fields li .position {
|
||||
color: #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.last {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.selected {
|
||||
border-top-color: #0080FF;
|
||||
background: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.last.selected {
|
||||
border-bottom-color: #0080FF;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.last.selected.error {
|
||||
border-bottom-color: #9d261d;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.selected + li {
|
||||
border-top-color: #0080FF;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.selected.error {
|
||||
border-top-color: #9d261d;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.selected.error + li {
|
||||
border-top-color: #9d261d;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.selected .field-name {
|
||||
color: #0080FF;
|
||||
}
|
||||
|
||||
#admin-field-app #collection-fields li.error .field-name {
|
||||
color: #9d261d;
|
||||
}
|
||||
|
||||
#admin-field-app .item-list-placeholder {
|
||||
border-top: 1px solid #ccc;
|
||||
background-color: red;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
#admin-field-app .add-field-block {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
#admin-field-app .add-field-block .control-label {
|
||||
width: 80px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#admin-field-app .add-field-block .controls {
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-form label {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-form select {
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
#admin-field-app .sidebar-add-block {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#admin-field-app .sidebar-search-block {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
#admin-field-app .list-block {
|
||||
height: 450px;
|
||||
min-height: 130px;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block {
|
||||
padding: 5px 20px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block table label {
|
||||
margin: 0px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block table td:first-child {
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block td {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block .dces-help-block {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#admin-field-app .info {
|
||||
color: #aaa;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block .edit-order {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block .edit-order td {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block .edit-label {
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block .edit-label ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#admin-field-app .edit-block .edit-name td {
|
||||
font-size: 28px;
|
||||
color: #0080FF;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
#admin-field-app .save-all{
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#admin-field-app .overlay {
|
||||
zoom: 1;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
#admin-field-app .list-field-error li {
|
||||
color: #9d261d;
|
||||
}
|
||||
|
||||
#admin-field-app .save-block.loading {
|
||||
background: url('#{$iconsPath}loaderFFF.gif') #fff no-repeat center right;
|
||||
}
|
||||
|
||||
/* jquery ui autocomplete style */
|
||||
.ui-autocomplete-admin-field {
|
||||
list-style-type: none;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
max-height: 180px;
|
||||
background: #FFF;
|
||||
max-width: 300px;
|
||||
-webkit-box-shadow: 0 10px 6px -6px #777;
|
||||
-moz-box-shadow: 0 10px 6px -6px #777;
|
||||
box-shadow: 0 10px 6px -6px #777;
|
||||
}
|
||||
|
||||
.ui-autocomplete-admin-field li {
|
||||
padding: 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ui-autocomplete-admin-field li:hover {
|
||||
padding: 5px;
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.ui-autocomplete-admin-field li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-autocomplete-admin-field li a:hover {
|
||||
text-decoration: none;
|
||||
background: none;
|
||||
color: #000;
|
||||
border: none;
|
||||
}
|
||||
140
resources/www/admin/_tables.scss
Normal file
140
resources/www/admin/_tables.scss
Normal file
@@ -0,0 +1,140 @@
|
||||
/******* TABLES ***************************************************************/
|
||||
div.center {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.tableTitle {
|
||||
margin: 20px auto;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
}
|
||||
table.whoisTable {
|
||||
margin: auto;
|
||||
border: #000000 1px solid;
|
||||
table-layout: fixed;
|
||||
}
|
||||
table.whoisTable tr {
|
||||
border: #cccccc 1px solid;
|
||||
}
|
||||
table.whoisTable tr:hover {
|
||||
background-color: #fffbcd;
|
||||
}
|
||||
table.whoisTable td {
|
||||
padding: 3px;
|
||||
}
|
||||
table.whoisTable td.colTitle {
|
||||
width: 120px;
|
||||
text-align: left;
|
||||
}
|
||||
table.whoisTable td.colValue {
|
||||
width: 60px;
|
||||
text-align: right;
|
||||
}
|
||||
.spacehr {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 30px;
|
||||
border-top: 1px solid #cccccc;
|
||||
}
|
||||
table.admintable {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
border: none;
|
||||
}
|
||||
table.admintable tr {
|
||||
height: 28px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
table.admintable tr.selected:hover {
|
||||
background-color: #faa732;
|
||||
}
|
||||
table.admintable thead {
|
||||
background-color: #e5d4a0;
|
||||
}
|
||||
table.admintable thead th {
|
||||
padding: 3px;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
table.admintable tbody tr.even {
|
||||
background-color: #fffbcd;
|
||||
}
|
||||
table.admintable tbody tr.selected {
|
||||
background-color: #faa732;
|
||||
}
|
||||
table.admintable tbody tr:hover {
|
||||
background-color: #faa732;
|
||||
cursor: pointer;
|
||||
}
|
||||
table.admintable tbody td {
|
||||
padding: 3px;
|
||||
}
|
||||
table.admintable tbody.dropdown {
|
||||
cursor: pointer;
|
||||
}
|
||||
table.admintable .centered {
|
||||
text-align: center;
|
||||
}
|
||||
/******* USERS TABLE **********************************************************/
|
||||
#users th.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
#users th.sortable span {
|
||||
margin: 0 5px;
|
||||
}
|
||||
#users th.sortable span.ord_notifier {
|
||||
display: none;
|
||||
}
|
||||
#users th.sortable.hover {
|
||||
background-color: #faa732;
|
||||
}
|
||||
#users th.sortable.sorted {
|
||||
background-color: #faa732;
|
||||
}
|
||||
#users th.sortable.sorted span.ord_notifier {
|
||||
display: inline;
|
||||
}
|
||||
/******* EDIT-USERS TABLE *****************************************************/
|
||||
td.users_col {
|
||||
width: 23px;
|
||||
border: 0px solid transparent;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
td.users_col.options {
|
||||
color: #afafaf;
|
||||
cursor: pointer;
|
||||
}
|
||||
/******* TOOLTIP CONNECTED USERS **********************************************/
|
||||
#tooltip-usr {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
color: #333333;
|
||||
}
|
||||
#tooltip-usr #tabledescexp {
|
||||
table-layout: fixed;
|
||||
width: 300px;
|
||||
}
|
||||
#tooltip-usr #tabledescexp td {
|
||||
border: none;
|
||||
text-align: left;
|
||||
}
|
||||
#tooltip-usr #tabledescexp td strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
#tooltip-usr #tabledescexp td.tooltip-title {
|
||||
background-color: #faa732;
|
||||
border: 1px solid #f39106;
|
||||
margin: 10px auto;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.detail-table tr.even {
|
||||
background-color: #FAFBDF;
|
||||
}
|
||||
319
resources/www/admin/main.scss
Normal file
319
resources/www/admin/main.scss
Normal file
@@ -0,0 +1,319 @@
|
||||
$skinsPath: '../../../skins/';
|
||||
$iconsPath: '../../../skins/icons/';
|
||||
|
||||
@import '../vendors/jquery.treeview/jquery.treeview'; // to inline import css file, don't put extension
|
||||
@import '../../../www/bower_components/jquery-file-upload/css/jquery.fileupload-ui'; // to inline import css file, don't put extension
|
||||
@import '../shared/jquery.contextmenu';
|
||||
@import '../shared/skin/main';
|
||||
@import '../shared/skin/geonames';
|
||||
|
||||
/******* GLOBAL CSS for ADMIN *************************************************/
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #ffffff;
|
||||
color: #333333;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
h1 {
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
text-align: left;
|
||||
margin: 10px 0;
|
||||
}
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
margin: 7px 0;
|
||||
}
|
||||
h3 {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
margin: 4px 0;
|
||||
}
|
||||
h4 {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
margin: 2px 0;
|
||||
}
|
||||
a {
|
||||
color: #333333;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
a:hover {
|
||||
color: #0088cc;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
blockquote {
|
||||
margin: 20px 15px;
|
||||
padding: 10px;
|
||||
border: 1px dotted #000000;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
}
|
||||
select {
|
||||
margin: 0;
|
||||
padding: 5px 4px;
|
||||
*padding: 4px;
|
||||
}
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: #666666;
|
||||
}
|
||||
li.selected,
|
||||
div.selected {
|
||||
background-color: #faa732;
|
||||
color: #ffffff;
|
||||
}
|
||||
li.selected a,
|
||||
div.selected a {
|
||||
background-color: #faa732;
|
||||
color: #ffffff;
|
||||
}
|
||||
.treeview ul {
|
||||
background-color: transparent;
|
||||
}
|
||||
#right-ajax.loading {
|
||||
background-image: url('#{$iconsPath}loaderFFF.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
div.finder div.content div.title {
|
||||
margin-top: -2px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
/******* MAIN MENU ************************************************************/
|
||||
#mainMenu {
|
||||
background-color: #fceb3f;
|
||||
}
|
||||
#mainMenu a,
|
||||
#mainMenu b,
|
||||
#mainMenu .title,
|
||||
#mainMenu span {
|
||||
color: #000000;
|
||||
}
|
||||
#mainMenu a:hover span {
|
||||
background-color: #fffbcd;
|
||||
}
|
||||
#mainMenu span.selected {
|
||||
border-top: 3px solid #000000;
|
||||
}
|
||||
/******* LEFT SIDE ************************************************************/
|
||||
#left {
|
||||
background-color: #fffbcd;
|
||||
overflow: auto;
|
||||
}
|
||||
#FNDR {
|
||||
overflow: auto;
|
||||
}
|
||||
#FNDR li.selected {
|
||||
background-color: #faa732;
|
||||
color: #ffffff;
|
||||
}
|
||||
#FNDR a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#FNDR a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
#FNDR a span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#FNDR a span:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/******* USERS ****************************************************************/
|
||||
.admin_head_opts {
|
||||
margin: 5px 0 10px 0;
|
||||
}
|
||||
.admin_head_opts span {
|
||||
margin: 0 10px;
|
||||
}
|
||||
.admin_head_opts a {
|
||||
margin: 0 5px;
|
||||
}
|
||||
#users_page_form p {
|
||||
margin: 5px 5px 10px;
|
||||
}
|
||||
#users_page_form .input-mini {
|
||||
width: 30px;
|
||||
}
|
||||
#users_check_uncheck div {
|
||||
padding: 5px 10px;
|
||||
background-color: #cccccc;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
}
|
||||
#users_check_uncheck div.hovered {
|
||||
padding: 5px 10px;
|
||||
background-color: #4d4d4d;
|
||||
color: #ffffff;
|
||||
}
|
||||
/******* EDIT USERS ***********************************************************/
|
||||
div.no_switch {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0 auto;
|
||||
background-image: url('#{$iconsPath}ccoch5.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
div.switch_quota,
|
||||
div.switch_masks,
|
||||
div.switch_time,
|
||||
div.switch_right {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.switch_quota.mixed,
|
||||
div.switch_masks.mixed,
|
||||
div.switch_time.mixed,
|
||||
div.switch_right.mixed {
|
||||
background-image: url('#{$iconsPath}ccoch2.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
div.switch_quota.checked,
|
||||
div.switch_masks.checked,
|
||||
div.switch_time.checked,
|
||||
div.switch_right.checked {
|
||||
background-image: url('#{$iconsPath}ccoch1.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
div.switch_quota.unchecked,
|
||||
div.switch_masks.unchecked,
|
||||
div.switch_time.unchecked,
|
||||
div.switch_right.unchecked {
|
||||
background-image: url('#{$iconsPath}ccoch0.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
.ui-datepicker {
|
||||
z-index: 1500;
|
||||
}
|
||||
/******* BOARD ****************************************************************/
|
||||
.board_section {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
.board_section ul {
|
||||
margin: 0 0 20px 15px;
|
||||
}
|
||||
.board_section div[class="section"] {
|
||||
height: auto;
|
||||
}
|
||||
.board_section div[class="section"] h2 {
|
||||
line-height: 24px;
|
||||
}
|
||||
.board_section div[class="section"] ul.setup {
|
||||
border: 1px solid #cccccc;
|
||||
list-style-type: none;
|
||||
}
|
||||
.board_section div[class="section"] ul.setup li {
|
||||
padding: 2px 5px 2px 30px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px center;
|
||||
}
|
||||
.board_section div[class="section"] ul.setup li.good-enough {
|
||||
background-image: url('#{$iconsPath}ok.png');
|
||||
}
|
||||
.board_section div[class="section"] ul.setup li.non-blocker {
|
||||
background-image: url('#{$iconsPath}alert.png');
|
||||
}
|
||||
.board_section div[class="section"] ul.setup li.blocker {
|
||||
background-image: url('#{$iconsPath}delete.png');
|
||||
}
|
||||
.board_section div[class="section"] ul.setup li:hover {
|
||||
background-color: #fffbcd;
|
||||
}
|
||||
/******* PUBLICATIONS *********************************************************/
|
||||
#pub_icon {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
float: left;
|
||||
}
|
||||
#pub_icon .thumb_wrapper {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 5px auto;
|
||||
}
|
||||
#pub_icon .thumb_wrapper img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
#pub_fileupload {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
margin-left: 47px;
|
||||
}
|
||||
/******* GLOBAL VALUES FORM ***************************************************/
|
||||
#GV_form .error,
|
||||
#GV_form .NEW {
|
||||
color: #ff0000;
|
||||
font-weight: bold;
|
||||
}
|
||||
#GV_form .section {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#GV_form .controls {
|
||||
margin-left: 260px;
|
||||
}
|
||||
|
||||
#GV_form .control-label {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#GV_form .section h1 {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
margin: 10px 0;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
#tab-registrations .dl-horizontal dd {
|
||||
word-break: break-all;
|
||||
margin-left: 140px;
|
||||
}
|
||||
|
||||
#tab-registrations .dl-horizontal dt {
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
#tab_demandes .table .btn-group {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#admin_setup_registry .control-label {
|
||||
min-width: 260px;
|
||||
}
|
||||
#admin_setup_registry .form-horizontal .controls, #admin_setup_registry .form-horizontal .help-message {
|
||||
margin-left: 300px;
|
||||
}
|
||||
|
||||
|
||||
@import './databases';
|
||||
@import './fields';
|
||||
@import './tables';
|
||||
1
resources/www/authentication/main.scss
Normal file
1
resources/www/authentication/main.scss
Normal file
@@ -0,0 +1 @@
|
||||
@import '../account/main';
|
||||
13
resources/www/common/main.scss
Normal file
13
resources/www/common/main.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
/**
|
||||
* Common stylesheet, builded into assets/common/css/common.css
|
||||
*/
|
||||
@import '../shared/bootstrap.scss';
|
||||
@import '../shared/bootstrap-responsive.scss';
|
||||
$fontAwesomePath: "../font"; // dist path
|
||||
@import '../../../www/bower_components/font-awesome/sass/font-awesome.scss';
|
||||
|
||||
// to inline import css file, don't put extension
|
||||
// assets/fancytree/dist/skin-win8/ui.fancytree.min.css
|
||||
|
||||
@import '../shared/skin/main';
|
||||
@import '../shared/skin/geonames';
|
||||
95
resources/www/oauth/main.scss
Normal file
95
resources/www/oauth/main.scss
Normal file
@@ -0,0 +1,95 @@
|
||||
/********* Default CSS Oauth pages *********/
|
||||
|
||||
/****************** Page *******************/
|
||||
|
||||
html, body {
|
||||
background: #000000;
|
||||
font-family: Verdana, sans-serif;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/**************** Title-box ****************/
|
||||
|
||||
#title-box {
|
||||
height: 40px;
|
||||
padding: 50px 10px 50px 10px;
|
||||
background: #666666; /* Old browsers */
|
||||
background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #595959 0%, #4c4c4c 12%, #474747 20%, #131313 77%); /* FF3.6+ */
|
||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#666666), color-stop(0%,#595959), color-stop(12%,#4c4c4c), color-stop(20%,#474747), color-stop(77%,#131313)); /* Chrome,Safari4+ */
|
||||
background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* Opera 12+ */
|
||||
background: -ms-radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* IE10+ */
|
||||
background: radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
||||
}
|
||||
#namePhr {
|
||||
color: #A9A9A9;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*************** Content-box ***************/
|
||||
|
||||
#content-box {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
p.login_error {
|
||||
color: #FF0000;
|
||||
}
|
||||
p.login_hello {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
#login-form {
|
||||
text-align: center;
|
||||
}
|
||||
#myLogin {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 10px #DCDCDC;
|
||||
border-bottom: 1px solid #DCDCDC;
|
||||
border-radius: 15px 15px 0 0;
|
||||
padding: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#myPass {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 10px #DCDCDC;
|
||||
border-top: 1px solid #DCDCDC;
|
||||
border-radius: 0 0 15px 15px;
|
||||
padding: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#button_login {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#hello-box {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
#text-box {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 10px #DCDCDC;
|
||||
border-radius: 15px;
|
||||
padding: 10px;
|
||||
color: #000000;
|
||||
}
|
||||
#top-text-box {
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px dashed #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
#main-text-box {
|
||||
padding-top: 10px;
|
||||
color: #808080;
|
||||
}
|
||||
#main-text-box span {
|
||||
color: #FFA500;
|
||||
}
|
||||
#btn-box {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
form.access-deny {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
32
resources/www/prod/_ie7.scss
Normal file
32
resources/www/prod/_ie7.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
.lt-ie8 {
|
||||
div.diapo {
|
||||
display:inline;
|
||||
float:left;
|
||||
position:relative;
|
||||
margin:7px 4px;
|
||||
|
||||
}
|
||||
#baskets .insidebloc{
|
||||
left:10px;
|
||||
position:absolute;
|
||||
width:70%;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.list .diapo{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#adv_search table.colllist
|
||||
{
|
||||
width:270px;
|
||||
}
|
||||
|
||||
#adv_search table.filterlist
|
||||
{
|
||||
width:580px;
|
||||
}
|
||||
.loading{
|
||||
background-image:none;
|
||||
}
|
||||
}
|
||||
11
resources/www/prod/_ie8.scss
Normal file
11
resources/www/prod/_ie8.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
.lt-ie9 {
|
||||
#adv_search table.colllist
|
||||
{
|
||||
width:270px;
|
||||
}
|
||||
|
||||
#adv_search table.filterlist
|
||||
{
|
||||
width:580px;
|
||||
}
|
||||
}
|
||||
107
resources/www/prod/main.scss
Normal file
107
resources/www/prod/main.scss
Normal file
@@ -0,0 +1,107 @@
|
||||
|
||||
@import '../../../www/bower_components/fancytree/dist/skin-win8/ui.fancytree'; // to inline import css file, don't put extension
|
||||
@import '../vendors/jquery.treeview/jquery.treeview'; // to inline import css file, don't put extension
|
||||
@import '../../../www/bower_components/humane-js/themes/libnotify';
|
||||
@import '../shared/jquery.contextmenu';
|
||||
@import '../shared/jquery.image_enhancer';
|
||||
@import '../shared/colorpicker';
|
||||
@import '../shared/skin/main';
|
||||
@import '../shared/skin/geonames';
|
||||
@import '../shared/skin/basket';
|
||||
@import '../shared/skin/push';
|
||||
//include/jslibs/colorpicker/css/colorpicker.css,
|
||||
|
||||
|
||||
#idFrameC {
|
||||
top: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#idFrameC .ui-tabs {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#answers {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.caption-tooltip-container {
|
||||
max-width: 500px;
|
||||
|
||||
}
|
||||
.caption-tooltip-container .popover-inner .popover-content {
|
||||
max-width: 500px;
|
||||
max-height: 500px;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.popover-inner .popover-content dl.dl-horizontal {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
.popover-inner .popover-content dl.dl-horizontal:first-child{
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.dl-horizontal dt, .popover-inner .popover-content .dl-horizontal dt {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
color: #808080;
|
||||
text-align: left;
|
||||
width: 100px ;
|
||||
/*border-bottom: 1px solid #333;*/
|
||||
}
|
||||
|
||||
.dl-horizontal dd, .popover-inner .popover-content .dl-horizontal dd {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.break-word {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.ui-button:focus, .ui-button-text:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.descBoxes .dl-horizontal dt{
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.descBoxes .dl-horizontal dd{
|
||||
padding-top: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
/** was inline code: */
|
||||
.noRepresent {
|
||||
background-color: #A2F5F5;
|
||||
}
|
||||
|
||||
.disable {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.deployer_opened::before {
|
||||
content: "\25BC";
|
||||
}
|
||||
|
||||
.deployer_closed::before {
|
||||
content: "\25B6";
|
||||
}
|
||||
|
||||
/* Vertical Tabs */
|
||||
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
|
||||
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
|
||||
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
|
||||
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
|
||||
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}
|
||||
4992
resources/www/prod/skin-000000.scss
Normal file
4992
resources/www/prod/skin-000000.scss
Normal file
File diff suppressed because it is too large
Load Diff
4897
resources/www/prod/skin-959595.scss
Normal file
4897
resources/www/prod/skin-959595.scss
Normal file
File diff suppressed because it is too large
Load Diff
0
resources/www/prod/skin-shared.scss
Normal file
0
resources/www/prod/skin-shared.scss
Normal file
254
resources/www/setup/main.scss
Normal file
254
resources/www/setup/main.scss
Normal file
@@ -0,0 +1,254 @@
|
||||
$iconsPath: '../../../skins/icons/';
|
||||
|
||||
body, html{
|
||||
font-family:Helvetica,Verdana,Arial,sans-serif;
|
||||
font-size:13px;
|
||||
color:white;
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
code{
|
||||
border: 2px dotted #CCCCCC;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
display: block;
|
||||
font-family: 'Bitstream Vera Sans Mono','Courier',monospace;
|
||||
margin: 10px;
|
||||
padding: 10px 20px;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:visited{
|
||||
color:#3CAADC;
|
||||
}
|
||||
|
||||
.PNB10{
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:10px;
|
||||
right:10px;
|
||||
bottom:10px;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.PNB{
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
right:0px;
|
||||
bottom:0px;
|
||||
}
|
||||
|
||||
input,select{
|
||||
border:none;
|
||||
background:white;
|
||||
margin:2px;
|
||||
padding:2px;
|
||||
border-radius:4px;
|
||||
}
|
||||
.steps .wrapper
|
||||
{
|
||||
background-color:#111111;
|
||||
overflow:auto;
|
||||
height:410px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.steps .wrapper .wrapper_left
|
||||
{
|
||||
right:240px;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
.steps .buttons
|
||||
{
|
||||
background-color:#111111;
|
||||
height:40px;
|
||||
}
|
||||
.steps .buttons table{
|
||||
width:80%;
|
||||
margin:0px auto;
|
||||
}
|
||||
.steps
|
||||
{
|
||||
background-color:#414141;
|
||||
padding:10px;
|
||||
border-radius:10px;
|
||||
height:450px;
|
||||
}
|
||||
.steps,
|
||||
.header
|
||||
{
|
||||
width:840px;
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
}
|
||||
.header h1{
|
||||
font-size: 3em;
|
||||
font-weight: normal;
|
||||
color:#3CAADC;
|
||||
}
|
||||
.header h1 .version_number,
|
||||
.header h1 .version_name{
|
||||
font-size: 0.6em;
|
||||
font-weight: bold;
|
||||
color:#e41370;
|
||||
}
|
||||
.database_exists, .not_writable, .wrong_database{
|
||||
background-color:orange;
|
||||
color:black;
|
||||
padding:5px;
|
||||
font-wright:bold;
|
||||
}
|
||||
|
||||
.main_content_table{
|
||||
width:520px;
|
||||
margin:0 20px;
|
||||
}
|
||||
.main_content_wrapper{
|
||||
width:100%;
|
||||
border:none;
|
||||
height:100%;
|
||||
vertical-align:middle;
|
||||
}
|
||||
p.error {
|
||||
font-weight: bold;
|
||||
padding-top:5px;
|
||||
padding-bottom:5px;
|
||||
vertical-align: center;
|
||||
border:1px dotted #EA1919;
|
||||
padding-left:20px;
|
||||
background: url('#{$iconsPath}delete.png') no-repeat left center;
|
||||
}
|
||||
|
||||
.main_content_wrapper td .warning{
|
||||
vertical-align:middle;
|
||||
padding-left:20px;
|
||||
padding-top:5px;
|
||||
padding-bottom:5px;
|
||||
background: url('#{$iconsPath}alert.png') no-repeat left center;
|
||||
}
|
||||
|
||||
.section_title{
|
||||
height:50px;
|
||||
bottom:auto;
|
||||
}
|
||||
.side_infos{
|
||||
width:220px;
|
||||
left:auto;
|
||||
overflow:hidden;
|
||||
}
|
||||
.side_infos .table_wrapper{
|
||||
background: none repeat scroll 0 0 #414141;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
height: 380px;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
width: 100%;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.side_infos table{
|
||||
width:200px;
|
||||
height:350px;
|
||||
position:relative;
|
||||
left:10px;
|
||||
top:10px;
|
||||
}
|
||||
.side_infos table tr{
|
||||
vertical-align: middle;
|
||||
}
|
||||
p{
|
||||
margin:10px 0;
|
||||
line-height:20px;
|
||||
}
|
||||
h2{
|
||||
text-align:left;
|
||||
font-size:1.4em;
|
||||
font-weight:bold;
|
||||
}
|
||||
.optional_ab_datas{
|
||||
display:none;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.2em;margin:10px 0;font-weight:bold
|
||||
}
|
||||
|
||||
ul, dl{
|
||||
position:relative;
|
||||
float:left;
|
||||
width:360px;
|
||||
list-style-type:none;
|
||||
padding:0 0 0 40px;
|
||||
margin:5px 0;
|
||||
border:1px solid #404040;
|
||||
}
|
||||
li{
|
||||
margin:5px 0;
|
||||
padding:5px 5px 5px 30px;
|
||||
background-image:url('#{$iconsPath}ok.png');
|
||||
background-repeat:no-repeat;
|
||||
background-position:5px center;
|
||||
}
|
||||
li.non-blocker{
|
||||
background-image:url('#{$iconsPath}alert.png');
|
||||
}
|
||||
li.blocker{
|
||||
background-image:url('#{$iconsPath}delete.png');
|
||||
}
|
||||
|
||||
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.password-meter {
|
||||
position:relative;
|
||||
width: 180px;
|
||||
}
|
||||
.password-meter-message {
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
color: #676767;
|
||||
}
|
||||
.password-meter-bg, .password-meter-bar {
|
||||
height: 4px;
|
||||
}
|
||||
.password-meter-bg {
|
||||
top: 8px;
|
||||
background: #e0e0e0;
|
||||
}
|
||||
|
||||
.password-meter-message-very-weak {
|
||||
color: #aa0033;
|
||||
}
|
||||
.password-meter-message-weak {
|
||||
color: #f5ac00;
|
||||
}
|
||||
.password-meter-message-good {
|
||||
color: #6699cc;
|
||||
}
|
||||
.password-meter-message-strong {
|
||||
color: #008000;
|
||||
}
|
||||
|
||||
.password-meter-bg .password-meter-very-weak {
|
||||
background: #aa0033;
|
||||
width: 30px;
|
||||
}
|
||||
.password-meter-bg .password-meter-weak {
|
||||
background: #f5ac00;
|
||||
width: 60px;
|
||||
}
|
||||
.password-meter-bg .password-meter-good {
|
||||
background: #6699cc;
|
||||
width: 135px;
|
||||
}
|
||||
.password-meter-bg .password-meter-strong {
|
||||
background: #008000;
|
||||
width: 180px;
|
||||
}
|
||||
48
resources/www/shared/bootstrap-responsive.scss
vendored
Normal file
48
resources/www/shared/bootstrap-responsive.scss
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
/*!
|
||||
* Bootstrap Responsive v2.3.2
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
|
||||
// Responsive
|
||||
// For phone and tablet devices
|
||||
// -------------------------------------------------------------
|
||||
|
||||
|
||||
// REPEAT VARIABLES & MIXINS
|
||||
// -------------------------
|
||||
// Required since we compile the responsive stuff separately
|
||||
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/mixins";
|
||||
|
||||
|
||||
// RESPONSIVE CLASSES
|
||||
// ------------------
|
||||
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-utilities";
|
||||
|
||||
|
||||
// MEDIA QUERIES
|
||||
// ------------------
|
||||
|
||||
// Large desktops
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-1200px-min";
|
||||
|
||||
// Tablets to regular desktops
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-768px-979px";
|
||||
|
||||
// Phones to portrait tablets and narrow desktops
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-767px-max";
|
||||
|
||||
|
||||
// RESPONSIVE NAVBAR
|
||||
// ------------------
|
||||
|
||||
// From 979px and below, show a button to toggle navbar contents
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-navbar";
|
||||
63
resources/www/shared/bootstrap.scss
vendored
Normal file
63
resources/www/shared/bootstrap.scss
vendored
Normal file
@@ -0,0 +1,63 @@
|
||||
/*!
|
||||
* Bootstrap v2.3.2
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/mixins";
|
||||
|
||||
// CSS Reset
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/reset";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/scaffolding";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/grid";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/layouts";
|
||||
|
||||
// Base CSS
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/type";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/code";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/forms";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/tables";
|
||||
|
||||
// Components: common
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/sprites";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/dropdowns";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/wells";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/component-animations";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/close";
|
||||
|
||||
// Components: Buttons & Alerts
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/buttons";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/button-groups";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/alerts"; // Note: alerts share common CSS with buttons and thus have styles in buttons
|
||||
|
||||
// Components: Nav
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/navs";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/navbar";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/breadcrumbs";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/pagination";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/pager";
|
||||
|
||||
// Components: Popovers
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/modals";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/tooltip";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/popovers";
|
||||
|
||||
// Components: Misc
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/thumbnails";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/media";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/labels-badges";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/progress-bars";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/accordion";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/carousel";
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/hero-unit";
|
||||
|
||||
// Utility classes
|
||||
@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/utilities"; // Has to be last to override when necessary
|
||||
162
resources/www/shared/colorpicker.scss
Normal file
162
resources/www/shared/colorpicker.scss
Normal file
@@ -0,0 +1,162 @@
|
||||
$colorPickerImagesPath: '../../../include/jslibs/colorpicker/images/' !default;
|
||||
.colorpicker {
|
||||
width: 356px;
|
||||
height: 176px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
background: url('#{$colorPickerImagesPath}colorpicker_background.png');
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
display: none;
|
||||
}
|
||||
.colorpicker_color {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
left: 14px;
|
||||
top: 13px;
|
||||
position: absolute;
|
||||
background: #f00;
|
||||
overflow: hidden;
|
||||
cursor: crosshair;
|
||||
}
|
||||
.colorpicker_color div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: url('#{$colorPickerImagesPath}colorpicker_overlay.png');
|
||||
}
|
||||
.colorpicker_color div div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
overflow: hidden;
|
||||
background: url('#{$colorPickerImagesPath}colorpicker_select.gif');
|
||||
margin: -5px 0 0 -5px;
|
||||
}
|
||||
.colorpicker_hue {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 171px;
|
||||
width: 35px;
|
||||
height: 150px;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.colorpicker_hue div {
|
||||
position: absolute;
|
||||
width: 35px;
|
||||
height: 9px;
|
||||
overflow: hidden;
|
||||
background: url('#{$colorPickerImagesPath}colorpicker_indic.gif') left top;
|
||||
margin: -4px 0 0 0;
|
||||
left: 0px;
|
||||
}
|
||||
.colorpicker_new_color {
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
left: 213px;
|
||||
top: 13px;
|
||||
background: #f00;
|
||||
}
|
||||
.colorpicker_current_color {
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
left: 283px;
|
||||
top: 13px;
|
||||
background: #f00;
|
||||
}
|
||||
.colorpicker input {
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
position: absolute;
|
||||
font-size: 10px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: #898989;
|
||||
top: 4px;
|
||||
right: 11px;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 11px;
|
||||
}
|
||||
.colorpicker_hex {
|
||||
position: absolute;
|
||||
width: 72px;
|
||||
height: 22px;
|
||||
background: url('#{$colorPickerImagesPath}colorpicker_hex.png') top;
|
||||
left: 212px;
|
||||
top: 142px;
|
||||
}
|
||||
.colorpicker_hex input {
|
||||
right: 6px;
|
||||
}
|
||||
.colorpicker_field {
|
||||
height: 22px;
|
||||
width: 62px;
|
||||
background-position: top;
|
||||
position: absolute;
|
||||
}
|
||||
.colorpicker_field span {
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 22px;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
right: 0;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.colorpicker_rgb_r {
|
||||
background-image: url('#{$colorPickerImagesPath}colorpicker_rgb_r.png');
|
||||
top: 52px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_rgb_g {
|
||||
background-image: url('#{$colorPickerImagesPath}colorpicker_rgb_g.png');
|
||||
top: 82px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_rgb_b {
|
||||
background-image: url('#{$colorPickerImagesPath}colorpicker_rgb_b.png');
|
||||
top: 112px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_hsb_h {
|
||||
background-image: url('#{$colorPickerImagesPath}colorpicker_hsb_h.png');
|
||||
top: 52px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_hsb_s {
|
||||
background-image: url('#{$colorPickerImagesPath}colorpicker_hsb_s.png');
|
||||
top: 82px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_hsb_b {
|
||||
background-image: url('#{$colorPickerImagesPath}colorpicker_hsb_b.png');
|
||||
top: 112px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_submit {
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background: url('#{$colorPickerImagesPath}colorpicker_submit.png') top;
|
||||
left: 322px;
|
||||
top: 142px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.colorpicker_focus {
|
||||
background-position: center;
|
||||
}
|
||||
.colorpicker_hex.colorpicker_focus {
|
||||
background-position: bottom;
|
||||
}
|
||||
.colorpicker_submit.colorpicker_focus {
|
||||
background-position: bottom;
|
||||
}
|
||||
.colorpicker_slider {
|
||||
background-position: bottom;
|
||||
}
|
||||
242
resources/www/shared/jquery.contextmenu.scss
Normal file
242
resources/www/shared/jquery.contextmenu.scss
Normal file
@@ -0,0 +1,242 @@
|
||||
/* Classic Windows Theme (default) */
|
||||
/* =============================== */
|
||||
.context-menu-theme-default {
|
||||
border:2px outset white;
|
||||
background-color:#D4D0C8;
|
||||
}
|
||||
.context-menu-theme-default .context-menu-item {
|
||||
text-align:left;
|
||||
cursor:pointer;
|
||||
padding:4px 28px 4px 16px;
|
||||
color:black;
|
||||
font-family:Tahoma,Arial;
|
||||
font-size:11px;
|
||||
}
|
||||
.context-menu-theme-default .context-menu-separator {
|
||||
margin:4px 2px;
|
||||
font-size:0px;
|
||||
border-top:1px solid #808080;
|
||||
border-bottom:1px solid white;
|
||||
}
|
||||
.context-menu-theme-default .context-menu-item-disabled {
|
||||
color:#808080;
|
||||
}
|
||||
.context-menu-theme-default .context-menu-item .context-menu-item-inner {
|
||||
background:none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
|
||||
}
|
||||
.context-menu-theme-default .context-menu-item-hover {
|
||||
background-color:#0A246A;
|
||||
color:white;
|
||||
}
|
||||
.context-menu-theme-default .context-menu-item-disabled-hover {
|
||||
background-color:#0A246A;
|
||||
}
|
||||
|
||||
/* Windows XP Theme */
|
||||
/* ================ */
|
||||
.context-menu-theme-xp {
|
||||
border:1px solid #666;
|
||||
padding:1px;
|
||||
background:#F9F8F7 url(jquery.contextmenu.images/cmenu-xp-bg.gif) repeat-y top left;
|
||||
}
|
||||
.context-menu-theme-xp .context-menu-separator {
|
||||
margin:4px 2px;
|
||||
font-size:0px;
|
||||
border-top:1px solid #808080;
|
||||
border-bottom:1px solid white;
|
||||
}
|
||||
.context-menu-theme-xp .context-menu-item {
|
||||
text-align:left;
|
||||
color:black;
|
||||
font-family:arial;
|
||||
font-size:11px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.context-menu-theme-xp .context-menu-item .context-menu-item-inner {
|
||||
background:none no-repeat 2px center;
|
||||
padding:4px 10px 4px 30px;
|
||||
}
|
||||
.context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner {
|
||||
background:#B6BDD2 none no-repeat 2px center;
|
||||
padding:3px 9px 3px 29px;
|
||||
border:1px solid #0A246A;
|
||||
}
|
||||
|
||||
/* Windows Vista Theme */
|
||||
/* =================== */
|
||||
.context-menu-theme-vista {
|
||||
background:#FAFAFA url(jquery.contextmenu.images/cmenu-vista-bg.gif) repeat-y left top;
|
||||
border:1px solid #868686;
|
||||
}
|
||||
.context-menu-theme-vista .context-menu-item {
|
||||
text-align:left;
|
||||
cursor:pointer;
|
||||
color:black;
|
||||
font-family:Tahoma,Arial;
|
||||
font-size:11px;
|
||||
}
|
||||
.context-menu-theme-vista .context-menu-separator {
|
||||
margin:0px 0px 0px 32px;
|
||||
font-size:0px;
|
||||
border-top:1px solid #C5C5C5;
|
||||
border-bottom:1px solid #F5F5F5;
|
||||
}
|
||||
.context-menu-theme-vista .context-menu-item-hover {
|
||||
background:transparent url(jquery.contextmenu.images/cmenu-vista-menu-item-hover.gif) repeat-x left center;
|
||||
border:1px solid #D7D0B3;
|
||||
}
|
||||
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
|
||||
padding:4px 16px 4px 35px;
|
||||
margin-left:1px;
|
||||
background-color:none;
|
||||
background-repeat:no-repeat;
|
||||
background-position:3px center;
|
||||
background-image:none;
|
||||
}
|
||||
.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
|
||||
padding:3px 15px 3px 35px;
|
||||
margin-left:0px;
|
||||
}
|
||||
.context-menu-theme-vista .context-menu-item-disabled {
|
||||
color:#A7A7A7;
|
||||
}
|
||||
|
||||
/* OSX Theme */
|
||||
/* ========= */
|
||||
.context-menu-theme-osx {
|
||||
background-color:white;
|
||||
opacity: .93;
|
||||
filter: alpha(opacity=93);
|
||||
zoom:1.0;
|
||||
border:1px solid #b2b2b2;
|
||||
}
|
||||
.context-menu-theme-osx .context-menu-item {
|
||||
text-align:left;
|
||||
cursor:pointer;
|
||||
color:black;
|
||||
font-family:Lucida Grande,Arial;
|
||||
font-weight:700;
|
||||
font-size:12px;
|
||||
opacity: 1.0;
|
||||
filter: alpha(opacity=100);
|
||||
z-index:1;
|
||||
}
|
||||
.context-menu-theme-osx .context-menu-separator {
|
||||
margin:5px 1px 4px 1px;
|
||||
font-size:0px;
|
||||
border-top:1px solid #e4e4e4;
|
||||
}
|
||||
.context-menu-theme-osx .context-menu-item-hover {
|
||||
background-color:#1C44F2;
|
||||
color:white;
|
||||
}
|
||||
.context-menu-theme-osx .context-menu-item .context-menu-item-inner {
|
||||
padding:2px 10px 2px 22px;
|
||||
background-color:none;
|
||||
background-repeat:no-repeat;
|
||||
background-position:4px center;
|
||||
background-image:none;
|
||||
}
|
||||
.context-menu-theme-osx .context-menu-item-disabled {
|
||||
color:#939393;
|
||||
}
|
||||
|
||||
/* Linux Human Theme */
|
||||
/* ================= */
|
||||
.context-menu-theme-human {
|
||||
background:#F9F5F2;
|
||||
border:1px solid #963;
|
||||
}
|
||||
.context-menu-theme-human .context-menu-item {
|
||||
text-align:left;
|
||||
cursor:pointer;
|
||||
color:black;
|
||||
font-family:Helvetica,DejaVu Sans,Arial;
|
||||
font-size:12px;
|
||||
line-height:20px;
|
||||
height:28px;
|
||||
border:1px solid #F9F5F2;
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
.context-menu-theme-human .context-menu-separator {
|
||||
margin:0px 0px 0px 32px;
|
||||
font-size:0px;
|
||||
border-top:1px solid #C5C5C5;
|
||||
border-bottom:1px solid #F5F5F5;
|
||||
}
|
||||
.context-menu-theme-human .context-menu-item-hover {
|
||||
background:transparent url(jquery.contextmenu.images/cmenu-human-menu-item-hover.gif) repeat-x left center;
|
||||
border-color:#963;
|
||||
}
|
||||
.context-menu-theme-human .context-menu-item .context-menu-item-inner {
|
||||
padding:4px 16px 4px 35px;
|
||||
margin-left:0px;
|
||||
background-color:none;
|
||||
background-repeat:no-repeat;
|
||||
background-position:3px center;
|
||||
background-image:none;
|
||||
}
|
||||
.context-menu-theme-human .context-menu-item-hover .context-menu-item-inner {
|
||||
}
|
||||
.context-menu-theme-human .context-menu-item-disabled {
|
||||
color:#A7A7A7;
|
||||
}
|
||||
|
||||
/* Gloss Theme */
|
||||
/* =========== */
|
||||
.context-menu-theme-gloss {
|
||||
background:#f4f4f4 url(jquery.contextmenu.images/cmenu-gloss-bg.gif) repeat-y left center;
|
||||
border:1px solid #f4f4f4;
|
||||
padding:1px;
|
||||
padding-right:0;
|
||||
}
|
||||
.context-menu-theme-gloss .context-menu-item {
|
||||
text-align:left;
|
||||
cursor:pointer;
|
||||
color:black;
|
||||
font-family:Helvetica,DejaVu Sans,Arial;
|
||||
font-size:12px;
|
||||
line-height:20px;
|
||||
height:27px;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
.context-menu-theme-gloss .context-menu-separator {
|
||||
margin:0px 0px 0px 32px;
|
||||
font-size:0px;
|
||||
border-top:1px solid #C5C5C5;
|
||||
border-bottom:1px solid #F5F5F5;
|
||||
}
|
||||
.context-menu-theme-gloss .context-menu-item-hover {
|
||||
background:transparent url(jquery.contextmenu.images/cmenu-gloss-menu-item-hover.gif) repeat-x left center;
|
||||
color:#fff;
|
||||
border-color:#000;
|
||||
border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
}
|
||||
.context-menu-theme-gloss .context-menu-item .context-menu-item-inner {
|
||||
padding:4px 16px 4px 35px;
|
||||
margin-left:0px;
|
||||
background-color:none;
|
||||
background-repeat:no-repeat;
|
||||
background-position:3px center;
|
||||
background-image:none;
|
||||
}
|
||||
.context-menu-theme-gloss .context-menu-item-hover .context-menu-item-inner {
|
||||
}
|
||||
.context-menu-theme-gloss .context-menu-item-disabled {
|
||||
color:#A7A7A7;
|
||||
}
|
||||
|
||||
.context-menu-theme-gloss-cyan .context-menu-item-hover {
|
||||
background-image:url(jquery.contextmenu.images/cmenu-gloss-cyan-menu-item-hover.gif);
|
||||
border-color:#00c;
|
||||
}
|
||||
|
||||
.context-menu-theme-gloss-semitransparent .context-menu-item-hover {
|
||||
background-image:url(jquery.contextmenu.images/cmenu-item-gloss-semitransparent-menu-item-hover.png);
|
||||
border-color:#00c;
|
||||
background-color:#30f;
|
||||
}
|
||||
|
||||
57
resources/www/shared/jquery.image_enhancer.scss
Normal file
57
resources/www/shared/jquery.image_enhancer.scss
Normal file
@@ -0,0 +1,57 @@
|
||||
|
||||
|
||||
.image_enhance_titlebar
|
||||
{
|
||||
width:100%;
|
||||
position:absolute;
|
||||
top:0;
|
||||
height:0;
|
||||
}
|
||||
|
||||
.image_enhance_title_options,
|
||||
.image_enhance_title_bg
|
||||
{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:800;
|
||||
background-color:black;
|
||||
}
|
||||
|
||||
.image_enhance_title_options
|
||||
{
|
||||
background-color:transparent;
|
||||
z-index:900;
|
||||
}
|
||||
|
||||
.image_enhance_theatre
|
||||
{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:black;
|
||||
z-index:8000
|
||||
}
|
||||
|
||||
.image_enhance_theatre_closer_wrapper{
|
||||
position:absolute;
|
||||
top:10px;
|
||||
right:10px;
|
||||
z-index:8200;
|
||||
}
|
||||
.image_enhance_theatre img
|
||||
{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:8100;
|
||||
}
|
||||
.image_enhance_title_options span {
|
||||
margin:2px 5px;
|
||||
float:right;
|
||||
cursor:pointer;
|
||||
}
|
||||
133
resources/www/shared/skin/basket.scss
Normal file
133
resources/www/shared/skin/basket.scss
Normal file
@@ -0,0 +1,133 @@
|
||||
#BasketBrowser h1 {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#BasketBrowser .Browser{
|
||||
background-color: #111111;
|
||||
}
|
||||
#BasketBrowser .Basket{
|
||||
background-color: #111111;
|
||||
display:none;
|
||||
}
|
||||
#BasketBrowser .Basket .thumb_wrapper {
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
#BasketBrowser .result{
|
||||
position:relative;
|
||||
height:100px;
|
||||
}
|
||||
#BasketBrowser .result .PNB10 {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#BasketBrowser .results .datas{
|
||||
top:50px;
|
||||
bottom:50px;
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
#BasketBrowser .results .footer,
|
||||
#BasketBrowser .results .header{
|
||||
height:50px;
|
||||
}
|
||||
#BasketBrowser .results .header{
|
||||
bottom:auto;
|
||||
}
|
||||
#BasketBrowser .results .footer{
|
||||
top:auto;
|
||||
}
|
||||
|
||||
#BasketBrowser .result table{
|
||||
height:80px;
|
||||
}
|
||||
|
||||
#BasketBrowser .result.odd{
|
||||
background-color:#404040;
|
||||
}
|
||||
|
||||
#BasketBrowser .result td.thumbnail{
|
||||
display: table-cell;
|
||||
width: 105px;
|
||||
height: 80px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#BasketBrowser .result td.thumbnail .counter{
|
||||
bottom: 18px;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
right: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#BasketBrowser .result td.content{
|
||||
width:390px;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#BasketBrowser .results .result h1.title{
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#BasketBrowser h1.title .loader{
|
||||
display:none;
|
||||
margin:4px;
|
||||
}
|
||||
|
||||
#BasketBrowser img{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#BasketBrowser table{
|
||||
width:100%;
|
||||
border:none;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#BasketBrowser table td.paginator{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#BasketBrowser label {
|
||||
cursor:pointer;
|
||||
color:#9a9a9a;
|
||||
}
|
||||
|
||||
#BasketBrowser input {
|
||||
display:none;
|
||||
}
|
||||
#BasketBrowser input:checked + label,
|
||||
#BasketBrowser label.selected {
|
||||
color: #d18827;
|
||||
}
|
||||
|
||||
#BasketBrowser input.Query {
|
||||
padding:3px;
|
||||
display:block;
|
||||
border-radius:4px;
|
||||
width:155px;
|
||||
padding-left:25px;
|
||||
}
|
||||
|
||||
#BasketBrowser form h1{
|
||||
margin:10px 0;
|
||||
}
|
||||
#BasketBrowser form ul li{
|
||||
padding:5px 0;
|
||||
border-top:1px solid #9A9A9A;
|
||||
}
|
||||
#BasketBrowser form ul li.first{
|
||||
border-top:none;
|
||||
}
|
||||
#BasketBrowser form ul li label{
|
||||
margin: 0 0 0 40px;
|
||||
}
|
||||
21
resources/www/shared/skin/geonames.scss
Normal file
21
resources/www/shared/skin/geonames.scss
Normal file
@@ -0,0 +1,21 @@
|
||||
.geocompleter-menu {
|
||||
max-height: 180px;
|
||||
overflow-y: auto;
|
||||
/* prevent horizontal scrollbar */
|
||||
overflow-x: hidden;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.geocompleter-menu .region {
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.geocompleter-input.input-loading {
|
||||
background: url('/skins/icons/loaderFFF.gif') #fff center right no-repeat;
|
||||
}
|
||||
|
||||
.geocompleter-input.input-error {
|
||||
color: red !important;
|
||||
}
|
||||
244
resources/www/shared/skin/main.scss
Normal file
244
resources/www/shared/skin/main.scss
Normal file
@@ -0,0 +1,244 @@
|
||||
|
||||
|
||||
/** skin/common/main.css */
|
||||
body{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-family:Helvetica,Arial,sans-serif;
|
||||
font-size:12px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#mainMenu{
|
||||
height:30px;
|
||||
bottom:auto;
|
||||
-moz-border-radius-bottomleft:4px;
|
||||
-moz-border-radius-bottomright:4px;
|
||||
z-index:100;
|
||||
line-height:30px;
|
||||
}
|
||||
|
||||
#mainMenu ol{
|
||||
display: block;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style: none outside none;
|
||||
}
|
||||
|
||||
#mainMenu li{
|
||||
display: inline-block;
|
||||
float:left;
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
}
|
||||
#mainMenu span.selected{
|
||||
border-top:3px solid white;
|
||||
}
|
||||
|
||||
#mainMenu span{
|
||||
display: block;
|
||||
padding:0 5px;
|
||||
}
|
||||
|
||||
#mainMenu .title{
|
||||
font-size:18px;
|
||||
color:#F7F7F7;
|
||||
margin:0 5px;
|
||||
}
|
||||
|
||||
#mainMenu a:hover span{
|
||||
background-color:#FFFFFF;
|
||||
color:black;
|
||||
}
|
||||
|
||||
#mainMenu span{
|
||||
color:#b1b1b1;
|
||||
font-size:12px;
|
||||
font-weight:normal;
|
||||
border-top:3px solid transparent;
|
||||
}
|
||||
|
||||
#mainMenu a{
|
||||
text-decoration:none;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
#mainMenu #notification_box a {
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
#mainMenu .account a{
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
#mainMenu b{
|
||||
color:#EDEDED;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#mainMenu nobr{
|
||||
padding:0 5px;
|
||||
}
|
||||
|
||||
img{
|
||||
border:none;
|
||||
}
|
||||
|
||||
#MODALDL{
|
||||
z-index:1200;
|
||||
}
|
||||
|
||||
#tooltip{
|
||||
color:black;
|
||||
position:absolute;
|
||||
z-index:32000;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#tooltip hr{
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#notification_trigger{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#notification_trigger .counter{
|
||||
border:1px solid white;
|
||||
background:red;
|
||||
-moz-border-radius:8px;
|
||||
-webkit-border-radius:8px;
|
||||
font-size:10px;
|
||||
font-weight:bold;
|
||||
display:inline-block;
|
||||
line-height:12px;
|
||||
margin:0;
|
||||
padding:2px 4px;
|
||||
}
|
||||
|
||||
#notification_trigger.open a span{
|
||||
color:black;
|
||||
}
|
||||
|
||||
#notification_trigger.open{
|
||||
background-color:white;
|
||||
border-bottom:1px solid white;
|
||||
}
|
||||
|
||||
#notification_trigger.unread{
|
||||
|
||||
}
|
||||
|
||||
|
||||
#notification_box{
|
||||
background-color:white;
|
||||
border:1px solid black;
|
||||
border-top:none;
|
||||
position:absolute;
|
||||
height:150px;
|
||||
top:30px;
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
z-index:668;
|
||||
right:20px;
|
||||
color:black;
|
||||
}
|
||||
|
||||
#notification_box div.notification span.time{
|
||||
color:#414141;
|
||||
font-size:11px;
|
||||
white-space:nowrap;
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
#notification_box div.notification a{
|
||||
color:#999999;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#notification_box div.notification a:hover{
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
#notification_box div.notification{
|
||||
padding:5px 10px;
|
||||
}
|
||||
#notification_box div.notification.hover{
|
||||
background-color:#E1E1E1;
|
||||
}
|
||||
|
||||
#notification_box div.notification.unread{
|
||||
background-color:#E1E1E1;
|
||||
}
|
||||
|
||||
#notification_box div.notification_title a{
|
||||
font-size:13px;
|
||||
font-weight:bold;
|
||||
color:blue;
|
||||
}
|
||||
|
||||
#notification_box div.notification_title{
|
||||
text-align:center;
|
||||
padding:10px 0;
|
||||
}
|
||||
|
||||
#notifications-dialog a{
|
||||
color:#999999;
|
||||
}
|
||||
#notifications-dialog a:hover{
|
||||
color:#D9D9D9;
|
||||
text-decoration:underline
|
||||
}
|
||||
|
||||
#notifications-dialog .time{
|
||||
font-size:10px;
|
||||
color:#666666;
|
||||
}
|
||||
#notifications-dialog .notification_title{
|
||||
padding:10px 0 5px;
|
||||
}
|
||||
#notifications-dialog .notification_next{
|
||||
text-align:center;
|
||||
padding:15px 0;
|
||||
}
|
||||
|
||||
.PNB
|
||||
{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
}
|
||||
.PNB10
|
||||
{
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:10px;
|
||||
right:10px;
|
||||
bottom:10px;
|
||||
}
|
||||
|
||||
input.checkbox{
|
||||
background:transparent;
|
||||
border:none;
|
||||
}
|
||||
|
||||
#ui-datepicker-div{
|
||||
display:none;
|
||||
}
|
||||
|
||||
#tooltip .popover {
|
||||
max-width: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ui-dialog-titlebar {
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
.ui-dialog[aria-describedby="p4_alerts"]{
|
||||
z-index:2000 !important;
|
||||
}
|
||||
399
resources/www/shared/skin/push.scss
Normal file
399
resources/www/shared/skin/push.scss
Normal file
@@ -0,0 +1,399 @@
|
||||
/** PUSH BOX */
|
||||
|
||||
#PushBox .btn {
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
.PushBox a.link {
|
||||
margin: 0 5px;
|
||||
color: #0088CC;
|
||||
}
|
||||
|
||||
.PushBox a.link:hover {
|
||||
color: #40A3D4;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn h1 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 5px 0;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn ul {
|
||||
margin:10px 0;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn ul li img {
|
||||
margin-right:5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.PushBox table {
|
||||
width: 100%;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.PushBox .user_content .header {
|
||||
height: 35px;
|
||||
right: 20px;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.PushBox .user_content .footer {
|
||||
height: 35px;
|
||||
top: auto;
|
||||
right: 20px;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges {
|
||||
top:50px;
|
||||
overflow:auto;
|
||||
height:auto;
|
||||
bottom:50px;
|
||||
left:20px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .deleter {
|
||||
float:right;
|
||||
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge {
|
||||
width:230px;
|
||||
height:80px;
|
||||
margin:10px;
|
||||
display:inline-block;
|
||||
background-color: #515150;
|
||||
border:3px solid #515150;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge.selected {
|
||||
border:3px solid #EFEFEF;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .toggles .status_on .toggle_off {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .toggles .status_off .toggle_on {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge td{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge td.toggle{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .icon{
|
||||
width:80px;
|
||||
background-color:#404040;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos {
|
||||
padding-top:3px;
|
||||
padding-left:5px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge table {
|
||||
width:95%;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos table {
|
||||
height:75px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos tr {
|
||||
height:20px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .infos tr.toggles {
|
||||
height:25px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .icon img {
|
||||
margin:7px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .name {
|
||||
font-weight:bold;
|
||||
white-space:pre-line;
|
||||
display:block;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .badges .badge .subtite {
|
||||
display:block;
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
.PushBox .user_content .header .options {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.PushBox .all-lists .lists {
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn .content ul.list li:nth-child(odd) {
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn .content ul.list li:nth-child(even) {
|
||||
background-color: #515150;
|
||||
}
|
||||
|
||||
.PushBox .lists ul li:nth-child(odd) {
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.PushBox .lists ul li:nth-child(even) {
|
||||
background-color: #515150;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn .content ul.list li.selected {
|
||||
background-color: #AAA;
|
||||
}
|
||||
|
||||
.PushBox .lists .list.selected {
|
||||
background-color: #AAA;
|
||||
}
|
||||
|
||||
.PushBox .lists .list {
|
||||
padding:3px 0;
|
||||
}
|
||||
|
||||
.PushBox .welcome {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
margin : 20px 0;
|
||||
}
|
||||
|
||||
.PushBox .welcome h1 {
|
||||
font-weight: bold;
|
||||
margin:40px 0;
|
||||
}
|
||||
|
||||
#list-editor-search-results {
|
||||
|
||||
}
|
||||
|
||||
#list-editor-search-results table td {
|
||||
padding:1px 0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#list-editor-search-results table tr {
|
||||
line-height: 24px;
|
||||
vertical-align: middle;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#list-editor-search-results table tr.odd {
|
||||
background-color: #515151;
|
||||
}
|
||||
|
||||
#list-editor-search-results table tr.selected {
|
||||
background-color:#D18827;
|
||||
}
|
||||
|
||||
|
||||
#list-editor-search-results table th.sortable span {
|
||||
margin:0 5px;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable.hover,
|
||||
#list-editor-search-results table th.sortable.sorted {
|
||||
background-color:#F0AD30;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable span.ord_notifier {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#list-editor-search-results table th.sortable.sorted span.ord_notifier {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.ui-autocomplete.ui-state-hover,
|
||||
.ui-autocomplete.ui-widget-content .ui-state-hover,
|
||||
.ui-autocomplete.ui-widget-header .ui-state-hover,
|
||||
.ui-autocomplete.ui-state-focus,
|
||||
.ui-autocomplete.ui-widget-content .ui-state-focus,
|
||||
.ui-autocomplete.ui-widget-header .ui-state-focus {
|
||||
background-image:none;
|
||||
background-color:#515151;
|
||||
border:none;
|
||||
margin:0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
|
||||
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.ui-autocomplete li.list-item {
|
||||
width:280px;
|
||||
min-height:45px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.ui-autocomplete li.list-item .icon {
|
||||
width:42px;
|
||||
}
|
||||
|
||||
.ui-autocomplete li.list-item .icon img {
|
||||
max-width:32px;
|
||||
max-height:32px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
.ui-autocomplete {
|
||||
min-height: 42px;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding:1px 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#ListShare table {
|
||||
width:100%;
|
||||
margin:5px;
|
||||
background-color:#505050;
|
||||
}
|
||||
|
||||
#ListManager .content.readonly .badge {
|
||||
width:250px;
|
||||
display:inline-block;
|
||||
margin:5px;
|
||||
background-color: #515150;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
#ListManager .content.readonly .badge .deleter {
|
||||
float:right;
|
||||
}
|
||||
|
||||
|
||||
#ListManager .content.readonly .badge table{
|
||||
width:auto;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#ListManager .content.readonly .badge .infos{
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
#ListManager h1 span.title{
|
||||
font-size:24px;
|
||||
line-height:24px;
|
||||
font-weight:bold;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
#PushBox .general_togglers li {
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
#PushBox .general_togglers button {
|
||||
margin: 0;
|
||||
padding: 4px 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
#PushBox .general_togglers button .ui-button-text {
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
|
||||
#PushBox .content .list_saver {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#PushBox .content .list_saver input {
|
||||
margin: 0;
|
||||
padding: 4px 2px;
|
||||
width: 115px;
|
||||
}
|
||||
|
||||
#PushBox .content .list_saver .btn {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
#find-user {
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
#ListManager .content .lists span.action {
|
||||
display:block;
|
||||
text-align:center;
|
||||
font-weight: bold;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
#recommanded-users {
|
||||
margin-top:25px;
|
||||
line-height:15px;
|
||||
}
|
||||
|
||||
#recommanded-users a:last-child {
|
||||
color: #0088CC;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#QuickAddUser table {
|
||||
width:100%;
|
||||
table-layout:auto;
|
||||
}
|
||||
|
||||
#QuickAddUser table tr td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#QuickAddUser table td:last-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#QuickAddUser input {
|
||||
border: 1px solid #CCCCCC;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
box-shadow: 0 1px 1px #EEEEEE;
|
||||
display: inline-block;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 4px;
|
||||
width: 95%;
|
||||
}
|
||||
342
resources/www/thesaurus/main.scss
Normal file
342
resources/www/thesaurus/main.scss
Normal file
@@ -0,0 +1,342 @@
|
||||
BODY, TD, INPUT
|
||||
{
|
||||
FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
FORM
|
||||
{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
BODY.dialog
|
||||
{
|
||||
background-color:ButtonFace;
|
||||
}
|
||||
BODY.dialog .x3Dbox
|
||||
{
|
||||
position:relative;
|
||||
top:0px;
|
||||
left:0px;
|
||||
text-align:left;
|
||||
padding:5px;
|
||||
border-top: 1px solid #808080;
|
||||
border-left: 1px solid #808080;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
border-right: 1px solid #ffffff;
|
||||
}
|
||||
BODY.dialog .x3Dbox .title
|
||||
{
|
||||
position:absolute;
|
||||
top:-9px;
|
||||
left:20px;
|
||||
background-color:ButtonFace;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
}
|
||||
INPUT.textNofocus
|
||||
{
|
||||
position:relative;
|
||||
top:1px;
|
||||
height:14px;
|
||||
padding:0px;
|
||||
margin:2px;
|
||||
border-top:1px solid #ffffff;
|
||||
border-left:1px solid #ffffff;
|
||||
border-right:1px solid #d0d0d0;
|
||||
border-bottom:1px solid #d0d0d0;
|
||||
}
|
||||
|
||||
INPUT.textFocus
|
||||
{
|
||||
position:relative;
|
||||
top:1px;
|
||||
height:14px;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
border:3px solid #99a2d0;
|
||||
}
|
||||
|
||||
H3, H4
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
DIV.thbox
|
||||
{
|
||||
BACKGROUND-COLOR:#ffffff;
|
||||
border-top:1px solid #d0d0d0;
|
||||
border-left:1px solid #d0d0d0;
|
||||
border-right:2px solid black;
|
||||
border-bottom:2px solid black;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
DIV.thbox .onglet
|
||||
{
|
||||
position:absolute;
|
||||
top: -22px;
|
||||
left:5px;
|
||||
height:20px;
|
||||
BACKGROUND-COLOR:#ffffff;
|
||||
border-top:1px solid #d0d0d0;
|
||||
border-left:1px solid #d0d0d0;
|
||||
border-right:2px solid black;
|
||||
border-bottom:1px solid #ffffff;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
padding-left:5px;
|
||||
padding-right:15px;
|
||||
font-size: 14px;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
DIV.thbox HR
|
||||
{
|
||||
COLOR:#d0d0d0;
|
||||
height:1px;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
|
||||
DIV.glossaire
|
||||
{
|
||||
position:relative;
|
||||
left:4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
DIV.glossaire U
|
||||
{
|
||||
position:relative;
|
||||
left:1px;
|
||||
TEXT-DECORATION: none;
|
||||
margin-right: 5px;
|
||||
width: 9px;
|
||||
height:10px;
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
font-size: 8px;
|
||||
border: 1px solid #b0b0b0;
|
||||
color: #000000;
|
||||
BACKGROUND-COLOR:#FFFFFF;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
DIV.glossaire U.nots
|
||||
{
|
||||
border: 1px solid #F0F0F0;
|
||||
BACKGROUND-COLOR:#F0F0F0;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
DIV.glossaire DIV.S_
|
||||
{
|
||||
cursor:pointer;
|
||||
BACKGROUND-COLOR:#99a2d0;
|
||||
COLOR:#FFFFFF;
|
||||
}
|
||||
DIV.glossaire DIV.s_
|
||||
{
|
||||
cursor:pointer;
|
||||
}
|
||||
DIV.glossaire DIV.r0_
|
||||
{
|
||||
}
|
||||
DIV.glossaire DIV.r1_
|
||||
{
|
||||
COLOR:#FF4000;
|
||||
}
|
||||
DIV.glossaire DIV.OB
|
||||
{
|
||||
position:relative;
|
||||
top:0px;
|
||||
padding-top:0px;
|
||||
padding-left:8px;
|
||||
margin-left:6px;
|
||||
border-left: 1px solid #cccccc;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
DIV.glossaire DIV.ob
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
DIV.glossaire DIV.hb
|
||||
{
|
||||
position:relative;
|
||||
top:0px;
|
||||
padding-top:0px;
|
||||
padding-left:8px;
|
||||
margin-left:6px;
|
||||
border-left: 1px solid #cccccc;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
DIV.glossaire DIV.ctroot
|
||||
{
|
||||
position:relative;
|
||||
top:0px;
|
||||
padding:0px;
|
||||
border:none;
|
||||
}
|
||||
|
||||
|
||||
DIV.glossaire P.sy
|
||||
{
|
||||
}
|
||||
DIV.glossaire P.ta
|
||||
{
|
||||
}
|
||||
|
||||
DIV.glossaire P.tc
|
||||
{
|
||||
}
|
||||
|
||||
DIV.glossaire P.tce
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
DIV.tableContainer
|
||||
{
|
||||
margin:2px;
|
||||
border:1px solid #000000;
|
||||
background-color:#ffffff;
|
||||
}
|
||||
|
||||
DIV.tableContainerDragOver
|
||||
{
|
||||
margin:0px;
|
||||
border:3px solid #99a2d0;
|
||||
}
|
||||
|
||||
DIV.tableContainer DIV.tbody
|
||||
{
|
||||
position:relative;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
DIV.tableContainer TABLE
|
||||
{
|
||||
table-layout:fixed;
|
||||
}
|
||||
DIV.tableContainer THEAD TH
|
||||
{
|
||||
background: #e0ece8;
|
||||
border-left: 1px solid #ffffff;
|
||||
border-right: 1px solid #c0ccc8;
|
||||
border-top: 1px solid #ffffff;
|
||||
border-bottom: 1px solid #c0ccc8;
|
||||
font-weight: normal;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
text-align: left;
|
||||
cursor:pointer;
|
||||
margin: 0px;
|
||||
}
|
||||
DIV.tableContainer TBODY TR.s_
|
||||
{
|
||||
}
|
||||
DIV.tableContainer TBODY TR.S_
|
||||
{
|
||||
BACKGROUND-COLOR:#99a2d0;
|
||||
COLOR:#FFFFFF;
|
||||
}
|
||||
|
||||
DIV.tableContainer TBODY TD
|
||||
{
|
||||
border-left: 1px solid #ffffff;
|
||||
border-right: 1px solid #cccccc;
|
||||
font-weight: normal;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
text-align: left;
|
||||
cursor:pointer;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
DIV.menu
|
||||
{
|
||||
FONT-FAMILY: Arial, helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
border-left: 1px solid #ffffff;
|
||||
border-top: 1px solid #ffffff;
|
||||
border-right: 2px solid #000000;
|
||||
border-bottom: 2px solid #000000;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
visibility:hidden;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
background-color:#d4d0c8;
|
||||
}
|
||||
DIV.menu IMG
|
||||
{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
position:relative;
|
||||
left:-10px;
|
||||
top:2px;
|
||||
}
|
||||
DIV.menu A
|
||||
{
|
||||
font-size: 12px;
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration: none;
|
||||
color:#000000;
|
||||
padding-top:1px;
|
||||
padding-bottom:1px;
|
||||
padding-left:13px;
|
||||
padding-right:3px;
|
||||
overflow:hidden;
|
||||
border:none 0px #FFFFFF;
|
||||
white-space:nowrap;
|
||||
}
|
||||
DIV.menu A:hover
|
||||
{
|
||||
font-size: 12px;
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration: none;
|
||||
color:#ffffff;
|
||||
background-color:#000080;
|
||||
}
|
||||
DIV.menu A.disabled
|
||||
{
|
||||
font-size: 12px;
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration: none;
|
||||
color:#A0A0A0;
|
||||
padding-top:1px;
|
||||
padding-bottom:1px;
|
||||
padding-left:13px;
|
||||
padding-right:3px;
|
||||
overflow:hidden;
|
||||
}
|
||||
DIV.menu A.disabled:hover
|
||||
{
|
||||
font-size: 12px;
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration: none;
|
||||
color:#A0A0A0;
|
||||
background-color:#d4d0c8;
|
||||
}
|
||||
DIV.menu .line
|
||||
{
|
||||
display:block;
|
||||
position:relative;
|
||||
height:0px;
|
||||
overflow:hidden;
|
||||
margin-top:5px;
|
||||
margin-bottom:4px;
|
||||
padding:0px;
|
||||
border-top: 1px solid #555555;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
1178
resources/www/vendors/jquery-ui/dark-hive.scss
vendored
Normal file
1178
resources/www/vendors/jquery-ui/dark-hive.scss
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1178
resources/www/vendors/jquery-ui/ui-lightness.scss
vendored
Normal file
1178
resources/www/vendors/jquery-ui/ui-lightness.scss
vendored
Normal file
File diff suppressed because it is too large
Load Diff
75
resources/www/vendors/jquery.treeview/jquery.treeview.scss
vendored
Normal file
75
resources/www/vendors/jquery.treeview/jquery.treeview.scss
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
$imagesPath: '../../../../include/jslibs/jquery-treeview/images/';
|
||||
.treeview, .treeview ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.treeview ul {
|
||||
background-color: white;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.treeview .hitarea {
|
||||
background: url('#{$imagesPath}/treeview-default.gif') -64px -25px no-repeat;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-left: -16px;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* fix for IE6 */
|
||||
* html .hitarea {
|
||||
display: inline;
|
||||
float:none;
|
||||
}
|
||||
|
||||
.treeview li {
|
||||
margin: 0;
|
||||
padding: 3px 0pt 3px 16px;
|
||||
}
|
||||
|
||||
.treeview a.selected {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#treecontrol { margin: 1em 0; display: none; }
|
||||
|
||||
.treeview .hover { color: red; cursor: pointer; }
|
||||
|
||||
.treeview li { background: url('#{$imagesPath}/treeview-default-line.gif') 0 0 no-repeat; }
|
||||
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
|
||||
|
||||
.treeview .expandable-hitarea { background-position: -80px -3px; }
|
||||
|
||||
.treeview li.last { background-position: 0 -1766px }
|
||||
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('#{$imagesPath}/treeview-default.gif'); }
|
||||
.treeview li.lastCollapsable { background-position: 0 -111px }
|
||||
.treeview li.lastExpandable { background-position: -32px -67px }
|
||||
|
||||
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
|
||||
|
||||
.treeview-red li { background-image: url('#{$imagesPath}/treeview-red-line.gif'); }
|
||||
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('#{$imagesPath}/treeview-red.gif'); }
|
||||
|
||||
.treeview-black li { background-image: url('#{$imagesPath}/treeview-black-line.gif'); }
|
||||
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('#{$imagesPath}/treeview-black.gif'); }
|
||||
|
||||
.treeview-gray li { background-image: url('#{$imagesPath}/treeview-gray-line.gif'); }
|
||||
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('#{$imagesPath}/treeview-gray.gif'); }
|
||||
|
||||
.treeview-famfamfam li { background-image: url('#{$imagesPath}/treeview-famfamfam-line.gif'); }
|
||||
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('#{$imagesPath}/treeview-famfamfam.gif'); }
|
||||
|
||||
.treeview .placeholder {
|
||||
background: url('#{$imagesPath}/ajax-loader.gif') 0 0 no-repeat;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.filetree li { padding: 3px 0 2px 16px; }
|
||||
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
|
||||
.filetree span.folder { background: url('#{$imagesPath}/folder.gif') 0 0 no-repeat; }
|
||||
.filetree li.expandable span.folder { background: url('#{$imagesPath}/folder-closed.gif') 0 0 no-repeat; }
|
||||
.filetree span.file { background: url('#{$imagesPath}/file.gif') 0 0 no-repeat; }
|
||||
Reference in New Issue
Block a user