mcs/class/System.Web.DynamicData/Test/WebPages/Site.css

   1 /* Cascading Stylesheet for Common Elements */\r
   2 \r
   3 /* Begin: General */\r
   4 body.template\r
   5 {\r
   6     padding-left: 8px;\r
   7     padding-right: 8px;\r
   8     font-family: Tahoma, Arial, sans-serif;\r
   9     font-size: 75%;\r
  10     color: #666666;\r
  11 }\r
  12 body.template h1\r
  13 {\r
  14     padding-bottom: 12px;\r
  15     border-bottom: 1px dotted #bbbbbb;\r
  16     font-size: 2.2em;\r
  17     font-family: Trebuchet MS, Arial, sans-serif;\r
  18     color: #888888;\r
  19 }\r
  20 span.allcaps\r
  21 {\r
  22     font-variant: small-caps;\r
  23 }\r
  24 body.template h2\r
  25 {\r
  26     margin-bottom: 10px;\r
  27     font-family: Trebuchet MS, Arial, sans-serif;\r
  28     font-size: 1.65em;\r
  29     color: #888888;\r
  30 }\r
  31 div.back\r
  32 {\r
  33     margin-bottom: -20px;\r
  34     position: relative;\r
  35     top: -28px;\r
  36     padding-left: 5px;\r
  37     padding-bottom: 5px;\r
  38 }\r
  39 div.back img\r
  40 {\r
  41     position: relative;\r
  42     margin-top: 0em;\r
  43     padding-left: 8px;\r
  44     padding-right: 8px;\r
  45     border: none;\r
  46     background-color: #ffffff;\r
  47 }\r
  48 div.back a:link,\r
  49 div.back a:visited\r
  50 {\r
  51     color: #839ce7;\r
  52     text-decoration: none;\r
  53     background-color: #ffffff;\r
  54     padding-right: 8px;\r
  55     top: -.2em;\r
  56     left: .25em;\r
  57 }\r
  58 div.back a:hover\r
  59 {\r
  60     color: #000099;\r
  61     text-decoration: underline !important;\r
  62 }\r
  63 /* End: General */\r
  64 \r
  65 /* Begin: Tables */\r
  66 body.template table.listview, table.gridview, table.detailstable \r
  67 {\r
  68     border: 1px solid #dbddff; \r
  69     border-bottom: 3px solid #dbddff;\r
  70     border-collapse: collapse;\r
  71     font-family: Tahoma, Arial, sans-serif;\r
  72     color: #666666;\r
  73     font-size: 95%; \r
  74 \r
  75 }\r
  76 \r
  77 body.template table.listview th, table.gridview th, table.detailstable th,\r
  78 body.template table.listview td, table.gridview td, table.detailstable td \r
  79 {\r
  80     padding-top: 6px;\r
  81     padding-bottom: 6px;\r
  82     padding-left: 10px;\r
  83     padding-right: 10px;\r
  84     line-height: 1.1em;\r
  85 }\r
  86 \r
  87 body.template table.listview th, table.gridview th, table.detailstable th\r
  88 {\r
  89     background-position: 1px 1px;\r
  90     background-repeat: repeat-x;\r
  91     background-color: #ffffff;\r
  92     font-size: 100%;\r
  93     text-align: left;\r
  94     line-height: 1.3em;\r
  95     color: #666666;\r
  96     border-left: 1px solid #dbddff;\r
  97     border-right: 1px solid #dbddff;\r
  98     border-bottom: 1px solid #dbddff;\r
  99 }\r
 100 \r
 101 body.template table.listview td, table.gridview td, table.detailstable td\r
 102 {\r
 103     border-left: 0px;\r
 104     border-right: 0px;\r
 105     border-bottom: 1px dotted #dadada;\r
 106 }\r
 107 \r
 108 body.template td.bold {\r
 109     font-weight:bold;\r
 110 }\r
 111 \r
 112 body.template th a:link,\r
 113 body.template th a:visited,\r
 114 body.template th a:hover\r
 115 {\r
 116     color: #666666;\r
 117     text-decoration: none;\r
 118 }\r
 119 \r
 120 body.template td a:link,\r
 121 body.template td a:visited\r
 122 {\r
 123     color: #718ABE;\r
 124     text-decoration: none;\r
 125     padding-right: 6px;\r
 126 }\r
 127 body.template td a:hover\r
 128 {\r
 129     color: #000099;\r
 130     text-decoration: underline !important;\r
 131 }\r
 132 table.gridview\r
 133 {\r
 134     width: 100%;\r
 135 }\r
 136 table.gridview table td\r
 137 {\r
 138     padding-left: .5em;\r
 139     padding-right: .5em;\r
 140 }\r
 141 \r
 142 table.gridview th {\r
 143     background-image:url(DynamicData/Content/Images/header_back.gif);\r
 144 }\r
 145 \r
 146 table.listview\r
 147 {\r
 148     width: 100%;\r
 149 }\r
 150 table.listview td a:link, \r
 151 table.listview td a:visited\r
 152 {\r
 153     font-size: 100%;\r
 154 }\r
 155 table.listview table td\r
 156 {\r
 157     padding-left: .5em;\r
 158     padding-right: .5em;\r
 159 }\r
 160 \r
 161 table.listview th {\r
 162     background-image:url(DynamicData/Content/Images/header_back.gif);\r
 163 }\r
 164 \r
 165 table.detailstable td\r
 166 {\r
 167     border-left: 1px solid #dbddff;\r
 168     border-right: 1px solid #dbddff;\r
 169     vertical-align:top;\r
 170 }\r
 171 \r
 172 table.detailstable th\r
 173 {\r
 174     background: #FCFDFE;\r
 175     vertical-align:top;\r
 176 }\r
 177 \r
 178 td.nowrap \r
 179 {\r
 180     white-space: nowrap;\r
 181 }\r
 182 /* The following modifies the details table */\r
 183 body.template tr\r
 184 {\r
 185     background: #FCFDFE;\r
 186 }\r
 187 /* The following modifies the controls in the list table footer */\r
 188 tr.footer td\r
 189 {\r
 190     background: #dbddff;\r
 191     height: 1.5em;\r
 192 }\r
 193 \r
 194 /* The following modifies the selected row in the list table */\r
 195 tr.selected td\r
 196 {\r
 197     background: #fdffb8;\r
 198 }\r
 199 \r
 200 /* End: Tables */\r
 201 \r
 202 /* The following modifies the page number control which exists under the main table */\r
 203 div.pager\r
 204 {\r
 205     padding: 0px;\r
 206     padding-left: 6px;\r
 207     padding-right: 6px;\r
 208 }\r
 209 span.results1\r
 210 {\r
 211     float:left;\r
 212 }\r
 213 span.results2\r
 214 {\r
 215     float:right;\r
 216 }\r
 217 /* The following modifies the results per page control which exists under the main table */\r
 218 div.results\r
 219 {\r
 220     display: inline;\r
 221     position: relative;\r
 222     padding: 0px;\r
 223     padding-left: 6px;\r
 224     padding-right: 6px;\r
 225     margin-top: -1.75em;\r
 226     float:right;\r
 227 }\r
 228 /* Set's the appearance of the drop down control*/\r
 229 .droplist\r
 230 {\r
 231     padding: 0px;\r
 232     font-family: Tahoma, Arial, Sans-Serif;\r
 233     font-size: .95em;\r
 234     color: #666666;\r
 235 }\r
 236 /* Bottom hyperlink design*/\r
 237 div.bottomhyperlink\r
 238 {\r
 239     font-family: Tahoma, Arial, Sans-Serif;\r
 240     font-size: 100%;\r
 241     margin-top: -3px;\r
 242 }\r
 243 div.bottomhyperlink a:link,\r
 244 div.bottomhyperlink a:visited\r
 245 {\r
 246     color: #839ce7;\r
 247     text-decoration: none;\r
 248 \r
 249     font-family: Tahoma, Arial, Sans-Serif;\r
 250 \r
 251     font-size: 100%;\r
 252 \r
 253     margin-top: -3px;\r
 254 }\r
 255 div.bottomhyperlink a:hover\r
 256 {\r
 257 \r
 258     color: #000099;\r
 259 \r
 260     text-decoration: underline !important;\r
 261 \r
 262     font-family: Tahoma, Arial, Sans-Serif;\r
 263 \r
 264     font-size: 100%;\r
 265 }\r
 266 div.bottomhyperlink img\r
 267 {\r
 268     position: relative;\r
 269     top: 0em;\r
 270     padding-right: .4em;\r
 271     border: none;\r
 272 }