Rushabh Mehta | d2cec5b | 2012-04-10 11:51:08 +0530 | [diff] [blame] | 1 | div#body_div, header .container, .content, #opened-page-selector, footer { |
| 2 | width: 900px; |
| 3 | } |
| 4 | |
Rushabh Mehta | d47e1d1 | 2012-02-01 18:02:33 +0530 | [diff] [blame] | 5 | .layout_wrapper { |
Rushabh Mehta | b43f949 | 2012-04-08 20:33:51 +0530 | [diff] [blame] | 6 | padding: 27px; |
Rushabh Mehta | aa848be | 2012-02-17 12:06:33 +0530 | [diff] [blame] | 7 | } |
| 8 | |
Rushabh Mehta | b6f8088 | 2012-03-23 14:19:49 +0530 | [diff] [blame] | 9 | p, li { |
| 10 | line-height: 1.6em; |
| 11 | } |
| 12 | |
Rushabh Mehta | bd20d29 | 2012-02-08 10:23:16 +0530 | [diff] [blame] | 13 | pre { |
| 14 | background-color: #F8F8F8; |
| 15 | border: 1px solid #CCCCCC; |
| 16 | border-radius: 3px 3px 3px 3px; |
| 17 | font-size: 13px; |
| 18 | line-height: 19px; |
| 19 | overflow: auto; |
| 20 | padding: 6px 10px; |
| 21 | margin-bottom: 9px; |
| 22 | } |
| 23 | |
Rushabh Mehta | 949496c | 2012-01-25 18:48:46 +0530 | [diff] [blame] | 24 | .web-content input[type="text"], .web-content input[type="password"], .web-content select { |
| 25 | min-width: 180px; |
| 26 | } |
| 27 | |
Rushabh Mehta | 13531b7 | 2012-02-20 12:35:23 +0530 | [diff] [blame] | 28 | .web-head-section { |
| 29 | margin-bottom: 20px |
| 30 | } |
| 31 | |
Rushabh Mehta | 4b1fe05 | 2012-01-25 15:06:28 +0530 | [diff] [blame] | 32 | .web-main-section { |
| 33 | width: 65%; |
| 34 | float: left; |
| 35 | margin-bottom: 20px; |
| 36 | } |
| 37 | |
| 38 | .web-side-section { |
| 39 | width: 30%; |
| 40 | float: right; |
| 41 | margin-bottom: 20px; |
Rushabh Mehta | 51e51da | 2012-01-27 12:17:09 +0530 | [diff] [blame] | 42 | margin-right: 15px; |
| 43 | color: #606060; |
| 44 | overflow-x: hidden; |
Rushabh Mehta | b43f949 | 2012-04-08 20:33:51 +0530 | [diff] [blame] | 45 | font-size: 90%; |
Rushabh Mehta | ab1148c | 2012-01-31 18:01:16 +0530 | [diff] [blame] | 46 | } |
| 47 | |
Rushabh Mehta | b8d6497 | 2012-02-08 12:33:13 +0530 | [diff] [blame] | 48 | .web-page-status { |
Rushabh Mehta | b8d6497 | 2012-02-08 12:33:13 +0530 | [diff] [blame] | 49 | padding: 7px; |
| 50 | color: #777; |
| 51 | clear: both; |
| 52 | text-align: right; |
| 53 | } |
| 54 | |
| 55 | .web-page-status a, |
| 56 | .web-page-status a:hover, |
| 57 | .web-page-status a:visited { |
| 58 | padding: 2px; |
| 59 | background-color: #777; |
| 60 | color: #FFF; |
| 61 | text-decoration: none; |
| 62 | } |
| 63 | |
| 64 | .web-page-status a:hover { |
| 65 | background-color: #444; |
| 66 | } |
| 67 | |
Rushabh Mehta | 7018b19 | 2012-02-02 13:42:28 +0530 | [diff] [blame] | 68 | footer { |
| 69 | color: #777; |
| 70 | } |
| 71 | |
Rushabh Mehta | ab1148c | 2012-01-31 18:01:16 +0530 | [diff] [blame] | 72 | .web-footer { |
Rushabh Mehta | 7018b19 | 2012-02-02 13:42:28 +0530 | [diff] [blame] | 73 | color: inherit; |
Rushabh Mehta | ab1148c | 2012-01-31 18:01:16 +0530 | [diff] [blame] | 74 | text-align: center; |
Rushabh Mehta | ab1148c | 2012-01-31 18:01:16 +0530 | [diff] [blame] | 75 | margin: 10px; |
| 76 | line-height: 1.7; |
| 77 | } |
| 78 | |
| 79 | .web-footer div, .web-footer a { |
| 80 | font-size: 11px; |
| 81 | } |
| 82 | |
| 83 | .web-footer-menu { |
| 84 | margin-bottom: 7px; |
| 85 | } |
Rushabh Mehta | 7018b19 | 2012-02-02 13:42:28 +0530 | [diff] [blame] | 86 | footer a, footer a:visited { |
Rushabh Mehta | ab1148c | 2012-01-31 18:01:16 +0530 | [diff] [blame] | 87 | color: #777; |
| 88 | } |
| 89 | |
Rushabh Mehta | 7018b19 | 2012-02-02 13:42:28 +0530 | [diff] [blame] | 90 | footer a:hover { |
Rushabh Mehta | ab1148c | 2012-01-31 18:01:16 +0530 | [diff] [blame] | 91 | background-color: #777; |
| 92 | color: #fff; |
| 93 | } |
| 94 | |
| 95 | .web-footer-menu ul { |
| 96 | list-style: none; |
| 97 | margin: 0px; |
Rushabh Mehta | 4d20b22 | 2012-02-07 14:57:49 +0530 | [diff] [blame] | 98 | padding: 0px; |
Rushabh Mehta | ab1148c | 2012-01-31 18:01:16 +0530 | [diff] [blame] | 99 | } |
| 100 | |
| 101 | .web-footer-menu ul li { |
| 102 | display: inline; |
| 103 | padding: 2px 15px; |
| 104 | border-right: 1px solid #999; |
| 105 | } |
| 106 | |
| 107 | .web-footer-menu ul li:last-child { |
Rushabh Mehta | 7018b19 | 2012-02-02 13:42:28 +0530 | [diff] [blame] | 108 | border-right: 0px solid #777 !important; |
Rushabh Mehta | d2cec5b | 2012-04-10 11:51:08 +0530 | [diff] [blame] | 109 | } |
| 110 | |
| 111 | /* slide view */ |
| 112 | |
| 113 | .next-slide { |
| 114 | margin: 0px -27px 100px -27px; |
| 115 | background: #ffffff; /* Old browsers */ |
| 116 | background: -moz-linear-gradient(top, #eeeeee 0%, #fff 100%); /* FF3.6+ */ |
| 117 | background: -webkit-linear-gradient(top, #eeeeee 0%, #fff 100%); /* Chrome10+,Safari5.1+ */ |
| 118 | background: -o-linear-gradient(top, #eeeeee 0%, #fff 100%); /* Opera 11.10+ */ |
| 119 | background: -ms-linear-gradient(top, #eeeeee 0%, #fff 100%); /* IE10+ */ |
| 120 | background: linear-gradient(top, #eeeeee 0%, #fff 100%); /* W3C */ |
| 121 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fff',GradientType=0 ); /* IE6-9 */ |
| 122 | height: 36px; |
| 123 | } |
| 124 | |
| 125 | .slide-shadow { |
| 126 | background: #eeeeee; /* Old browsers */ |
| 127 | background: -moz-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* FF3.6+ */ |
| 128 | background: -webkit-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ |
| 129 | background: -o-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* Opera 11.10+ */ |
| 130 | background: -ms-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* IE10+ */ |
| 131 | background: linear-gradient(top, #bababa 0%,#eeeeee 100%); /* W3C */ |
| 132 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ |
| 133 | height: 3px; |
| 134 | margin: 100px -27px 0px -27px; |
| 135 | border-top: 1px solid #bababa; |
| 136 | } |
| 137 | |
| 138 | .two-column { |
| 139 | width: 40%; |
| 140 | float: left; |
| 141 | padding: 5%; |
| 142 | } |
| 143 | |
| 144 | .clear { |
| 145 | clear: both; |
| 146 | } |
| 147 | |
| 148 | /* */ |