CSS   101

styles31.css

Guest on 14th October 2021 02:11:47 AM

  1. /* Don't override any standard elements so as to not break client stylesheet */
  2.  
  3. /*****************************************************
  4.  *      MENUBAR
  5.  *****************************************************/
  6.  .menurow {
  7.         /*background-image:url(/admin/images/btn_repeat.jpg); silver gradient*/
  8.         background-image:url(/admin/images/btn_over.jpg);
  9.         background-repeat:repeat-x;
  10.         width:auto;
  11.         color:#000;
  12.         font-family:Arial;
  13.         font-size:11px;
  14.         height:23px;
  15.         border:1px solid #000;
  16.         border-top-style:none;
  17.         text-decoration:none;
  18. }
  19.  
  20. /*****************************************************
  21.  *      WINDOW
  22.  *****************************************************/
  23.  .titlebar1 {
  24.         background-image:url(/admin/images/titlebar_repeat.jpg);
  25.         background-repeat:repeat-x;
  26.         background-color:#294A68;
  27.         height:25px;
  28.  }
  29.  .titlebar1 td.title {
  30.         color:#FFFFFF;
  31.         font-family:Arial;
  32.         font-size:12px;
  33.         font-weight:bold;
  34.  }
  35.  td.content {
  36.         background-color:#FFFFFF;
  37.         font-family:Arial;
  38.         font-size:11px;
  39.         color:#000;
  40.         border:1px solid #000;
  41.         border-top-style:none;
  42.  }
  43.  
  44.  
  45.  /****************************************************
  46.  *      ACTION BAR
  47.  *****************************************************/
  48.  .buttonrow,div.button {
  49.         background-image:url(/admin/images/btn_repeat2.jpg);
  50.         background-repeat:repeat-x;
  51.         width:auto;
  52.         color:#000;
  53.         font-family:Arial;
  54.         font-size:11px;
  55.         border:1px solid #000;
  56.         border-top-style:none;
  57.         text-decoration:none;
  58.  }
  59.  
  60. .buttonrow  a.button:link,a.button:visited,a.button:active {
  61.         font-weight:normal;
  62. }      
  63.  
  64.  .subheading {
  65.         color:#000;
  66.         font-family:Arial;
  67.         font-size:11px;
  68. }
  69.  a.button_inverse:link,a.button_inverse:visited,a.button_inverse:active {
  70.         text-decoration:none;
  71.         color:#000;
  72.         padding:0 8px 0 8px;
  73.         margin:0 1px 0 1px;     /*use the margin to keep the hover text from moving*/
  74.         color:#000;
  75.         font-family:Arial;
  76.         font-size:11px;
  77.         font-weight:bold;
  78.  }
  79.  a.button_inverse:hover {
  80.         background-image:url(/admin/images/btn_repeat2.jpg);
  81.         background-color:#FBE18A;
  82.         border:1px solid #000;
  83.         text-decoration:none;
  84.         color:#000;
  85.         font-family:Arial;
  86.         font-size:11px;
  87.         margin:0; /*use the margin to keep the hover text from moving*/
  88.         font-weight:bold;
  89.  }
  90.  a.button:link,a.button:visited,a.button:active {
  91.         text-decoration:none;
  92.         color:#000;
  93.         padding:0 8px 0 8px;
  94.         margin:0 1px 0 1px;     /*use the margin to keep the hover text from moving*/
  95.         color:#000;
  96.         font-family:Arial;
  97.         font-size:11px;
  98.  }
  99.  a.button:hover {
  100.         background-image:url(/admin/images/btn_over.jpg);
  101.         background-color:#FBE18A;
  102.         border:1px solid #000;
  103.         text-decoration:none;
  104.         color:#000;
  105.         font-family:Arial;
  106.         font-size:11px;
  107.         margin:0; /*use the margin to keep the hover text from moving*/
  108.  }
  109.  a.button_gray:link,a.button_gray:visited,a.button_gray:active {
  110.         text-decoration:none;
  111.         color:#000;
  112.         padding:0 4px 0 4px;
  113.         margin:0 1px 0 1px;
  114.         background-image:url(/admin/images/btn_repeat.jpg);
  115.         background-repeat:repeat-x;
  116.         border:1px solid #000;
  117.  }
  118.  a.button_gray:hover {
  119.         background-image:url(/admin/images/btn_over.jpg);
  120.         background-color:#FBE18A;
  121.         border:1px solid #000;
  122.         text-decoration:none;
  123.  }
  124.  
  125.  /****************************************************
  126.  *      CONTENT
  127.  *****************************************************/
  128. .titlebar2 {
  129.         background-color:#9DBAF6;      
  130.         text-indent:9px;
  131.         height:18px;
  132.         font-family:Arial;
  133.         font-size:11px;
  134.         border-bottom:1px solid #003366;
  135. }
  136.  
  137. .colorbackground , body , .bottomline , .solidbackgroundbox, a.optionaldisplay:link, a.optionaldisplay:visited {
  138. background-color : #EFF0EB;
  139. color : #000;
  140. }
  141.  
  142. .colordarktan , .headbox , .listheadersortby { /* , input.button */
  143. background-color : #C4C3B1;
  144. color : #000;
  145. }
  146.  
  147. .colorlightblue , .listheader , .listheadersortby {
  148. background-color : #9DBAF6;
  149. color : #000;
  150. }
  151.  
  152. .colorlighttan , a.submenu:link , a.submenu:visited {
  153. background-color : #E9E7D8;
  154. color : #000;
  155. } /* Don't forget to update htmlarea.css with this value */
  156.  
  157. .colormediumblue , .title2 , .title2:visited , a.topmenu:hover , a.submenu:hover , a.topmenu:link ,
  158. .topnav , a.topmenu:visited , a.submenucurrent, a.optionaldisplay:hover {
  159. background-color : #003366;
  160. color : #fff;
  161. } /* Don't forget to update the Javascript pop-up menus */
  162.  
  163. .colordarkred , .topnavworkflows {
  164. background-color : #660000;
  165. color : #fff;
  166. }
  167.  
  168. .colordarkgreen , .topnavtargets {
  169. background-color : #006666;
  170. color : #fff;
  171. }
  172.  
  173. .colordarkblue , .topnavsystem {
  174. background-color : #003366;
  175. border-color : #003366;
  176. color : #fff;
  177. }
  178.  
  179. .colordarkbluetext , a.link , a.linkbold , a.link:link , a.link:hover , a.link:visited ,
  180. a.linkbold:link , a.linkbold:hover , a.linkbold:visited {
  181. color : #003366;
  182. }
  183.  
  184. .colormediumblueborder , .listheadersortby {
  185. border-color : #336699;
  186. }
  187.  
  188. .colorred , .error {
  189. background-color : #f00;
  190. color : #fff;
  191. }
  192.  
  193. .colorgreen , .message {
  194. background-color : #27A623;
  195. color : #fff;
  196. }
  197.  
  198. .colorblack {
  199. background-color : #000000;
  200. }
  201.  
  202. .colortextblack {
  203. color : #000000;
  204. }
  205.  
  206. .colorredborder , .expired {
  207. background-color : #f00;
  208. border-color : #f00;
  209. }
  210.  
  211. .colorbackgroundwhite , .solidbox {
  212. background-color : #fff;
  213. border-color : #000;
  214. }
  215.  
  216. .colorwhite , a.help , a.whitelink {
  217. color : #fff;
  218. }
  219.  
  220. .coloryellow , a.yellowlink {
  221. color : #ffff00;
  222. }
  223.  
  224. body {
  225. margin-top : 0px;
  226. margin-right : 0px;
  227. margin-bottom : 0px;
  228. margin-left : 0px;
  229. font-family : Arial, Helvetica, sans-serif;
  230. font-weight : normal;
  231. }
  232.  
  233. .standardfonts, .title2 , .message , .error , .listcells ,
  234. .head , .headbox , a.topmenu ,
  235. .textsmall , .texttiny , .submenu , .submenucurrent ,
  236. .textsmallbold , .listheader , .listheadersortby, .optionaldisplay { /*  , input.button */
  237. font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, Syntax, sans-serif;
  238. }
  239.  
  240. .textlarge, .title2 , .message , .error , .listcells {
  241. font-size : 80%;  
  242. }
  243.  
  244. input.button {
  245. font-size : 11px;  
  246. }
  247.  
  248. .textbold , .listheader , .listheadersortby , .title2 , .error , .message , a.linkbold ,
  249. .head , .headbox {
  250. font-weight : bold;
  251. }
  252.  
  253. .textmedium , .listheader , .listheadersortby , .head , .headbox , a.topmenu {
  254. font-size : 75%;
  255. }
  256.  
  257. .textsmall , .textsmallbold  {
  258. font-size : 70%;
  259. }
  260.  
  261. .texttiny  {
  262. font-size : 65%;
  263. }
  264. .bottomline , .bottomlineclear , .title2 , .error , .message , .listheader {
  265. border-style : solid;
  266. border-top-width : 0;
  267. border-right-width : 0;
  268. border-bottom-width : 1px;
  269. border-left-width : 0;
  270. }
  271.  
  272. .bottomline , nobottomline {
  273. padding-top: 1px;
  274. margin-top: 1px;
  275. padding-bottom: 1px;
  276. margin-bottom: 1px;
  277. }
  278.  
  279. .listheader , .listheadersortby , .listcells, .message, .error {
  280. padding-left: 3px;
  281. margin-left: 3px;
  282. padding-right: 2px;
  283. margin-right: 2px;
  284. }
  285.  
  286. .listheadersortby {
  287. border-style : solid;
  288. border-top-width : 2px;
  289. border-right-width : 0;
  290. border-bottom-width : 1px;
  291. border-left-width : 0;
  292. }
  293.  
  294. a.link:link , a.linkbold:link  {
  295. text-decoration : none;
  296. }
  297.  
  298. a.link:visited , a.linkbold:visited {
  299. text-decoration : none;
  300. }
  301.  
  302. a.link:hover , a.linkbold:hover, a.whitelink:hover, a.help:hover {
  303. border-bottom :  1px dashed;
  304. }
  305.  
  306. a:link , a:hover , a:visited, a.whitelink:link, a.whitelink:visited {
  307. text-decoration : none;
  308. }
  309.  
  310. a.submenucommon , a.submenu:link , a.submenu:visited ,
  311. a.submenucurrent:link , a.submenucurrent:visited, a.optionaldisplay:link, a.optionaldisplay:visited {
  312. display : inline;
  313.   padding: 2px 4px 2px 3px;
  314.   border: 1px solid;
  315.   border-color: #fff #000 #000 #fff;
  316. text-align : center;  
  317. }
  318.  
  319. a.submenu:hover , a.submenucurrent:hover, a.optionaldisplay:hover {
  320. display : inline;
  321. padding: 3px 3px 1px 4px;
  322. border: 1px solid;
  323. border-color: #000 #fff #fff #000;
  324. text-align : center;  
  325. }
  326.  
  327. input.button {
  328. /*
  329.   padding: 1px 3px 1px 1px;
  330.   border: 1px solid;
  331.   border-color: #fff #000 #000 #fff;
  332.   */
  333. }
  334.  
  335. input.text, textarea.text, input.inputform, textarea.inputform{
  336.   border: 1px solid;
  337.   border-color: #474E66 #E7E8ED #E7E8ED #474E66;
  338.   padding: 2px 4px 2px 4px;
  339. }
  340.  
  341. input.text:focus, textarea.text:focus{
  342.   border: 1px solid;
  343.   border-color: #002276 #4A5F9A #4A5F9A #002276;
  344.   background-color: #EBF5FF;
  345. }
  346.  
  347. a.topmenu:link , a.topmenu:visited{
  348. display : inline;
  349. padding: 1px 8px 3px 8px;
  350. text-align : center;  
  351. }
  352.  
  353. a.topmenu:hover {
  354. display : inline;
  355. padding: 2px 7px 2px 9px;
  356.   border: 1px solid;
  357.   border-color: #fff #000 #000 #fff;
  358. text-align : center;
  359. }
  360.  
  361. a.topmenu:down {
  362. display : inline;
  363. padding: 1px 8px 3px 8px;
  364. border: 1px solid;
  365. border-color: #000 #fff #fff #000;
  366. text-align : center;
  367. }
  368.  
  369. .topbox {
  370. border : 1px solid ;
  371. height : 55px;
  372. padding-top : 5px;
  373. padding-left : 5px;
  374. padding-right : 5px;
  375. padding-bottom : 0;
  376. }
  377.  
  378. .topnav , .topnavworkflows , .topnavtargets , .topnavsystem {
  379.   border: 1px solid;
  380.   border-color: #fff #000 #000 #fff;
  381. }
  382.  
  383. .mainbox {
  384. border : solid ;
  385. padding-top : 10px;
  386. padding-left : 10px;
  387. padding-right : 10px;
  388. padding-bottom : 10px;
  389. border-width : 1px 1px 1px 1px;
  390. border-color : #000;
  391. }
  392.  
  393. .leftbox {
  394. border : solid ;
  395. border-width : 1px 0px 1px 1px;
  396. padding-top : 2px;
  397. padding-left : 2px;
  398. padding-right : 2px;
  399. padding-bottom : 2px;
  400. border-color : #000;
  401. }
  402.  
  403. .solidbox , .solidbackgroundbox , .expired {
  404. border : solid ;
  405. border-width : 1px 1px 1px 1px;
  406. }
  407.  
  408. .login {
  409. font-family: monospace;
  410. font-size : 10pt;
  411. }

Raw Paste


Login or Register to edit or fork this paste. It's free.