extensions/net.sf.basedb.examples/trunk/resources/pink-panther/skin.css

Code
Comments
Other
Rev Date Author Line
2985 28 Nov 14 nicklas 1 @charset "UTF-8";
2985 28 Nov 14 nicklas 2
2985 28 Nov 14 nicklas 3 /* 
2985 28 Nov 14 nicklas 4   Default border color is dark pink.
2985 28 Nov 14 nicklas 5 */
2985 28 Nov 14 nicklas 6 *
2985 28 Nov 14 nicklas 7 {
2985 28 Nov 14 nicklas 8   border-color: rgb(200, 100, 100);
2985 28 Nov 14 nicklas 9 }
2985 28 Nov 14 nicklas 10
2985 28 Nov 14 nicklas 11 /* 
2985 28 Nov 14 nicklas 12   Background color for filled non-transparent elements is light pink
2985 28 Nov 14 nicklas 13 */
2985 28 Nov 14 nicklas 14 .bg-filled-100, table.fullform > tbody > tr > th
2985 28 Nov 14 nicklas 15 {
2985 28 Nov 14 nicklas 16   background-color: rgb(240, 224, 224);
2985 28 Nov 14 nicklas 17 }
2985 28 Nov 14 nicklas 18
2985 28 Nov 14 nicklas 19 /*
2985 28 Nov 14 nicklas 20   This should be a semi-transparant color that
2985 28 Nov 14 nicklas 21   results in the same color as bg-filled-100 when
2985 28 Nov 14 nicklas 22   layed over the 'body' background color.
2985 28 Nov 14 nicklas 23   Can be somewhat difficult to generate.
2985 28 Nov 14 nicklas 24 */
2985 28 Nov 14 nicklas 25 .bg-filled-50
2985 28 Nov 14 nicklas 26 {
2985 28 Nov 14 nicklas 27   background-color: rgba(224, 192, 192, 0.5);
2985 28 Nov 14 nicklas 28 }
2985 28 Nov 14 nicklas 29
2985 28 Nov 14 nicklas 30 /*
2985 28 Nov 14 nicklas 31   Background color for buttons, tabs and menu-items.
2985 28 Nov 14 nicklas 32 */
2985 28 Nov 14 nicklas 33 .button, .tab, .menuitem
2985 28 Nov 14 nicklas 34 {
2985 28 Nov 14 nicklas 35   background-color: rgb(232, 208, 208);
2985 28 Nov 14 nicklas 36 }
2985 28 Nov 14 nicklas 37
2985 28 Nov 14 nicklas 38 /*
2985 28 Nov 14 nicklas 39   Set color for headers.
2985 28 Nov 14 nicklas 40 */
2985 28 Nov 14 nicklas 41 h1, h1 a, .popup h1, h2, h2.link, h3
2985 28 Nov 14 nicklas 42 {
2985 28 Nov 14 nicklas 43   color: rgb(150, 60, 60);
2985 28 Nov 14 nicklas 44
2985 28 Nov 14 nicklas 45 }
2985 28 Nov 14 nicklas 46 /*
2985 28 Nov 14 nicklas 47   Set text color and background for popup dialog titles and
2985 28 Nov 14 nicklas 48   regular section titles on default pages.
2985 28 Nov 14 nicklas 49 */
2985 28 Nov 14 nicklas 50 .popup h1, .default h3
2985 28 Nov 14 nicklas 51 {
2985 28 Nov 14 nicklas 52   background-color: rgb(232, 208, 208);
2985 28 Nov 14 nicklas 53   border-bottom-width: 1px;
2985 28 Nov 14 nicklas 54 }
2985 28 Nov 14 nicklas 55
2985 28 Nov 14 nicklas 56 /*
2985 28 Nov 14 nicklas 57   Full border around headers.
2985 28 Nov 14 nicklas 58 */
2985 28 Nov 14 nicklas 59 .default h3
2985 28 Nov 14 nicklas 60 {
2985 28 Nov 14 nicklas 61   border-width: 1px;
2985 28 Nov 14 nicklas 62 }
2985 28 Nov 14 nicklas 63
2985 28 Nov 14 nicklas 64 /*
2985 28 Nov 14 nicklas 65   Fill BASE-logo with a linear gradient from black to light pink.
2985 28 Nov 14 nicklas 66 */
2985 28 Nov 14 nicklas 67 .base-logo
2985 28 Nov 14 nicklas 68 {
2985 28 Nov 14 nicklas 69   background: linear-gradient(to right, #000, rgb(240, 224, 224));
2985 28 Nov 14 nicklas 70   border-width: 1px 0px 1px 1px;
2985 28 Nov 14 nicklas 71 }
2985 28 Nov 14 nicklas 72
2985 28 Nov 14 nicklas 73 /*
2985 28 Nov 14 nicklas 74   #pink-panther is dynamically inserted text by skin.js.
2985 28 Nov 14 nicklas 75   We want to position the text absolutely
2985 28 Nov 14 nicklas 76   but at different positions for normal and popup pages.
2985 28 Nov 14 nicklas 77 */
2985 28 Nov 14 nicklas 78 #pink-panther
2985 28 Nov 14 nicklas 79 {
2985 28 Nov 14 nicklas 80   position: absolute;
2985 28 Nov 14 nicklas 81   font-weight: bold;
2985 28 Nov 14 nicklas 82   background-image: url('images/pink-panther.png');
2985 28 Nov 14 nicklas 83   background-repeat: no-repeat;
2985 28 Nov 14 nicklas 84 }
2985 28 Nov 14 nicklas 85
2985 28 Nov 14 nicklas 86
2985 28 Nov 14 nicklas 87 /*
2985 28 Nov 14 nicklas 88   For default pages we put it centered (almost)
2985 28 Nov 14 nicklas 89   in the menu bar.
2985 28 Nov 14 nicklas 90 */
2985 28 Nov 14 nicklas 91 .default #pink-panther
2985 28 Nov 14 nicklas 92 {
2985 28 Nov 14 nicklas 93   left: 45%;
2985 28 Nov 14 nicklas 94   border-width: 0 2px 2px 2px;
2985 28 Nov 14 nicklas 95   border-radius: 0 0 4px 4px;
2985 28 Nov 14 nicklas 96   top: 0;
2985 28 Nov 14 nicklas 97   height: 40px;
2985 28 Nov 14 nicklas 98   padding: 1em 1em 0.5em 40px;  
2985 28 Nov 14 nicklas 99   background-position: 2px 50%;
2985 28 Nov 14 nicklas 100 }
2985 28 Nov 14 nicklas 101
2985 28 Nov 14 nicklas 102 /*
2985 28 Nov 14 nicklas 103   In dialogs we put it in the bottom right corner.
2985 28 Nov 14 nicklas 104   We also set z-index so that it doesn't cover other
2985 28 Nov 14 nicklas 105   content.
2985 28 Nov 14 nicklas 106 */
2985 28 Nov 14 nicklas 107 .popup #pink-panther
2985 28 Nov 14 nicklas 108 {
2985 28 Nov 14 nicklas 109   z-index: -1;
2985 28 Nov 14 nicklas 110   font-size: 90%;
2985 28 Nov 14 nicklas 111   border-width: 2px 0 0 2px;
2985 28 Nov 14 nicklas 112   border-radius: 4px 0 0 0;
2985 28 Nov 14 nicklas 113   right: 0;
2985 28 Nov 14 nicklas 114   bottom: 0;
2985 28 Nov 14 nicklas 115   padding: 1em 40px 0.5em 0.5em;
2985 28 Nov 14 nicklas 116   background-position: 100% 2px;
2985 28 Nov 14 nicklas 117   height: 3.5em;
2985 28 Nov 14 nicklas 118 }
2985 28 Nov 14 nicklas 119
2985 28 Nov 14 nicklas 120 /*
2985 28 Nov 14 nicklas 121   We hide it completely
2985 28 Nov 14 nicklas 122 */
2985 28 Nov 14 nicklas 123 .iframe #pink-panther
2985 28 Nov 14 nicklas 124 {
2985 28 Nov 14 nicklas 125   display: none;
2985 28 Nov 14 nicklas 126 }
2985 28 Nov 14 nicklas 127