Advertisement
Erry

Monaco V2 (Compatible with Chrome and IE)

Oct 22nd, 2011
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.25 KB | None | 0 0
  1. /* CSS placed here will affect users of the Monaco skin */
  2.  
  3. div#column-google {display:none !important}
  4. div #column-google {display:none !important}
  5. div #column-google-topright {display:none !important}
  6. div #column-google-right {display:none !important}
  7. div #column-google-botright {display:none !important}
  8. #content {
  9.     /*margin: 2.8em 0 0 0 !important;*/
  10.     margin-left: 225px;
  11.     padding: 0px 1em 1.5em 1em !important;
  12.     background: white !important;
  13.     color: black !important;
  14.     border: 1px solid #669BC3 !important;
  15.     border-right: none !important;
  16.     line-height: 1.5em !important;
  17.     /*position: relative !important;
  18.     width: 100%;*/
  19.     z-index: 2 !important;
  20. }
  21. #column-content {
  22.     margin-left: -225px;
  23. }
  24. div #p-wikicities-nav {display:none !important}
  25.  
  26. /* transformers wiki-specific */
  27. #p-logo{
  28.     margin-left: 20px;
  29. }
  30.  
  31. body{background:#FFFFFF
  32. url(http://www.khwiki.net/images/9/92/MonacoBackground.png) repeat
  33. }
  34.  
  35.  
  36. #p-cactions {
  37.     left: 220px !important;
  38. }
  39.  
  40. #p-cactions li {
  41.     border: 1px solid #000000;
  42.     border-bottom: none;
  43. }
  44. #p-cactions li.selected {
  45.     border-color: #998675;
  46. }
  47.  
  48. #p-cactions ul li, #p-cactions ul li a
  49. {
  50.     border-top-left-radius:0.5em;
  51.     border-top-right-radius:0.5em;
  52.     -moz-border-radius-topright: 0.5em;
  53.     -moz-border-radius-topleft: 0.5em;
  54.     -webkit-border-radius-topright: 0.5em;
  55.     -webkit-border-radius-topleft: 0.5em;
  56. }
  57. #content
  58. {
  59.     border-top-left-radius:1em;
  60.     border-bottom-left-radius:0.5em;
  61.     -moz-border-radius-topleft: 1em;
  62.     -moz-border-radius-bottomleft: 1em;
  63.     -webkit-border-radius-topleft: 1em;
  64.     -webkit-border-radius-bottomleft: 1em;
  65. }
  66.  
  67. .toc
  68. {
  69.     border-top-left-radius:0.5em;
  70.     border-top-right-radius:0.5em;
  71.     border-bottom-left-radius:0.5em;
  72.     border-bottom-right-radius:0.5em;
  73.     -moz-border-radius-topleft: 0.5em;
  74.     -moz-border-radius-topright: 0.5em;
  75.     -moz-border-radius-bottomleft: 0.5em;
  76.     -moz-border-radius-bottomright: 0.5em;
  77.     -webkit-border-radius-topleft: 0.5em;
  78.     -webkit-border-radius-topright: 0.5em;
  79.     -webkit-border-radius-bottomleft: 0.5em;
  80.     -webkit-border-radius-bottomright: 0.5em;
  81. }
  82.  
  83. /* Personal links at top right */
  84.  #p-personal .pBody ul {
  85.    background: #C0C0C0;
  86.    border-bottom: 0px solid white;
  87.    border-left: 0px solid white;
  88.    float: right;
  89.    padding-left: 0;
  90.    height: 1.45em;
  91.   border-bottom-left-radius:0.5em;
  92.  -khtml-border-radius-bottomleft: 0.5em;
  93.  -webkit-border-radius-bottomleft: 0.5em;
  94.  -moz-border-radius-bottomleft: 0.5em;
  95.  -border-radius-bottomleft: 0.5em
  96.     }
  97.  #p-personal li {
  98.    color: #000;
  99.    margin: 0;
  100.     }
  101.  #p-personal li a {
  102.    color: #000;
  103.    padding: 0.5em;
  104.     }
  105.  #p-personal li a:hover {
  106.    background: transparent;
  107.    border-bottom: 1px solid white;
  108.     }
  109.  #p-personal li a.new {
  110.    color: #DDDDDD;
  111.  }
  112.  
  113. /* navigation and other left-menu boxes */
  114.  #p-Navigation,
  115.  #p-Interaction,
  116.  #p-search,
  117.  #p-tb,
  118.  #p-lang {
  119.    margin: 1em 0;
  120.    margin-left: 7px;
  121. /*   width: 190px;*/
  122.     }
  123.  
  124.  .pBody {
  125.     padding: 0;
  126.     margin: 0;
  127.     border:1px solid #FFFFFF;
  128.  }
  129.  
  130.  #p-Navigation ul,
  131.  #p-Interaction ul,
  132.  #p-search ul,
  133.  #p-tb ul,
  134.  #p-lang ul {
  135.     margin: 0;
  136.     padding: 0;
  137.  }
  138.  
  139.  #p-Navigation li,
  140.  #p-Interaction li,
  141.  #p-search li,
  142.  #p-tb li,
  143.  #p-lang li {
  144.     list-style: none;
  145.     font-family:Tahoma,arial,sans-serif;
  146.     font-weight:bold;
  147.     font-size: 110%;
  148.     display:block;
  149.     margin: 0;
  150.     padding: 2px 0 2px 5px;
  151.  }
  152.  
  153.  #p-Navigation,
  154.  #p-Interaction,
  155.  #p-search,
  156.  #p-tb,
  157.  #p-lang {
  158.     background: #FFFFFF url(http://www.khwiki.net/images/e/e1/Sidebar-strip.png) repeat-x;
  159.     width:205px;
  160.     padding-top:1px;
  161.   border-bottom-right-radius:1em;
  162.   border-top-right-radius:1em;
  163.  -khtml-border-radius-topright: 1em;
  164.  -webkit-border-radius-topright: 1em;
  165.  -moz-border-radius-topright: 1em;
  166.  -border-radius-topright: 1em
  167. }
  168.  
  169. /*div.portlet h5{ display:none}*/
  170.  
  171. #p-Navigation h5{
  172.     background: url(http://www.khwiki.net/images/2/2f/Sidebar-Navigation.png) no-repeat 180px top;
  173.     display:block;
  174.     position:relative;
  175.     left:-180px;
  176.     width:282px;
  177.     height:16px;
  178.     border:1px solid #000000;
  179. }
  180.  
  181. #p-Interaction h5{
  182.     background: url(http://www.khwiki.net/images/9/93/Sidebar-Community.png) no-repeat 180px top;
  183.     display:block;
  184.     position:relative;
  185.     left:-180px;
  186.     width:282px;
  187.     height:16px;
  188.     border:1px solid #000000;
  189. }
  190.  
  191. #p-search h5{
  192.     background: url(http://www.khwiki.net/images/f/f6/Sidebar-Search.png) no-repeat 180px top;
  193.     display:block;
  194.     position:relative;
  195.     left:-180px;
  196.     width:282px;
  197.     height:16px;
  198.     border:1px solid #000000;
  199. }
  200.  
  201. #p-tb h5{
  202.     background: url(http://www.khwiki.net/images/3/33/Sidebar-Toolbox.png) no-repeat 180px top;
  203.     display:block;
  204.     position:relative;
  205.     left:-180px;
  206.     width:282px;
  207.     height:16px;
  208.     border:1px solid #000000;
  209. }
  210.  
  211. #p-lang h5{
  212.     background: url(http://www.khwiki.net/images/e/ee/Sidebar-Languages.png) no-repeat 180px top;
  213.     display:block;
  214.     position:relative;
  215.     left:-180px;
  216.     width:282px;
  217.     height:16px;
  218.     border:1px solid #000000;
  219. }
  220.  
  221.  #p-Navigation .pBody,
  222.  #p-Interaction .pBody,
  223.  #p-search .pBody,
  224.  #p-tb .pBody,
  225.  #p-lang .pBody {
  226.    display: block;
  227.    border: 1px solid #000000;
  228.    background: #FFFFFF;
  229.     }
  230.  #p-Navigation .pBody a,
  231.  #p-Interaction .pBody a,
  232.  #p-search .pBody a,
  233.  #p-tb .pBody a,
  234.  #p-lang .pBody a {
  235.    color: #000;
  236.    text-decoration: none;
  237.     }
  238.  #p-Navigation .pBody a:hover,
  239.  #p-Interaction .pBody a:hover,
  240.  #p-search .pBody a:hover,
  241.  #p-tb .pBody a:hover,
  242.  #p-lang .pBody a:hover {
  243.    color: #3F61AD !important;
  244.     }
  245.  
  246.  #p-Navigation li a div:hover,  
  247.  #p-Interaction li a div:hover,  
  248.  #p-tb li a div:hover,
  249.  #p-lang li a div:hover {
  250.     width: 197px;
  251.     background-color:#e0efff;
  252.  }
  253.  
  254.  #p-Navigation li a div,
  255.  #p-Interaction li a div,
  256.  #p-tb li a div,
  257.  #p-lang li a div,
  258.  #feedlinks {
  259.     padding: 2px 5px !important;
  260.     width: 197px;
  261.  }
  262.  
  263. /* search box */
  264.  #searchInput {
  265.    background: #fff;
  266.    border: 1px solid #000000;
  267.    margin-bottom: 3px;
  268.    padding: 2px;
  269.     }
  270.  
  271.  #p-search .pBody {
  272.    padding: 0;
  273.    margin: 0;
  274. }
  275.  
  276. /* the icon in front of the user name, single quotes
  277. in bg url to hide it from iemac */
  278. li#pt-userpage,
  279. li#pt-anonuserpage,
  280. li#pt-login {
  281.     background: url(http://www.khwiki.net/images/9/9f/Mini_Keyblade.png) top left no-repeat;
  282.     padding-left: 20px;
  283.     text-transform: none;
  284. }
  285.  
  286. /*** Monobook Sidebar ***/
  287. /* without an ugly padding */
  288. #p-Navigation ul {
  289.     margin: 0;
  290. }
  291. #p-Navigation > div {
  292.     background: white;
  293.     padding: 0;
  294. }
  295. /* que no sea un list */
  296. #p-Navigation li {
  297.     display: block;
  298.     list-style-image: none !important; /* for IE */
  299. }
  300. /* general design of the links */
  301. #p-Navigation li > a {
  302.     display: block;
  303.     position: relative;
  304. }
  305. /* special menu just for the class */
  306. #p-Navigation > div > ul > li > a {
  307.     background: url(images/menu_gradient.png) no-repeat left center;
  308.     margin: 1px 1px 0 1px;
  309.     padding: 0 0 0 10px;
  310.     color: black;
  311.     width: auto;
  312. }
  313. #p-Navigation > div > ul > li.hover > a {
  314.     color: #2A2A2A;
  315.     text-shadow: #AAA46C 1px 1px 3px;
  316. }
  317. #p-Navigation > div > ul > li > a > em {
  318.     right: 8px;
  319. }
  320. /* submenu marker */
  321. #p-Navigation em {
  322.     font-style: normal;
  323.     font-family: arial,sans-serif;
  324.     font-size: 16pt;
  325.     font-weight: bold;
  326.     line-height: 20px;
  327.     position: absolute;
  328.     right: 8px;
  329.     top: 0px
  330. }
  331. /* hover */
  332. #p-Navigation li > ul > li.hover > a {
  333.     background-color: #DCDCDC; /* Gainsboro */
  334. }
  335.  
  336. #p-Navigation li.hover > ul.sub-menu {
  337.     display: block;
  338. }
  339.  
  340. /* general submenu */
  341. #p-Navigation ul.sub-menu {
  342.     border: 1px solid #aaa;
  343.     display: none;
  344.     background: #fff;
  345.     position: absolute;
  346.     padding: 1px;
  347.     width: 200px;
  348.     margin-left: 195px;
  349.     margin-top: -25px;
  350.     z-index: 100;
  351. }
  352. /* Only the first */
  353. #p-Navigation > div > ul > li > ul.sub-menu {
  354.     margin-left: 16em;
  355. }
  356. /*** End Monobook Sidebar ***/
  357.  
  358. /*** Monobook Sidebar ***/
  359. /* without an ugly padding */
  360. #p-Interaction ul {
  361.     margin: 0;
  362. }
  363. #p-Interaction > div {
  364.     background: white;
  365.     padding: 0;
  366. }
  367. /* que no sea un list */
  368. #p-Interaction li {
  369.     display: block;
  370.     list-style-image: none !important; /* for IE */
  371. }
  372. /* general design of the links */
  373. #p-Interaction li > a {
  374.     display: block;
  375.     position: relative;
  376. }
  377. /* special menu just for the class */
  378. #p-Interaction > div > ul > li > a {
  379.     background: url(images/menu_gradient.png) no-repeat left center;
  380.     margin: 1px 1px 0 1px;
  381.     padding: 0 0 0 10px;
  382.     color: black;
  383.     width: auto;
  384. }
  385. #p-Interaction > div > ul > li.hover > a {
  386.     color: #2A2A2A;
  387.     text-shadow: #AAA46C 1px 1px 3px;
  388. }
  389. #p-Interaction > div > ul > li > a > em {
  390.     right: 8px;
  391. }
  392. /* submenu marker */
  393. #p-Interaction em {
  394.     font-style: normal;
  395.     font-family: arial,sans-serif;
  396.     font-size: 16pt;
  397.     font-weight: bold;
  398.     line-height: 20px;
  399.     position: absolute;
  400.     right: 8px;
  401.     top: 0px
  402. }
  403. /* hover */
  404. #p-Interaction li > ul > li.hover > a {
  405.     background-color: #DCDCDC; /* Gainsboro */
  406. }
  407.  
  408. #p-Interaction li.hover > ul.sub-menu {
  409.     display: block;
  410. }
  411.  
  412. /* general submenu */
  413. #p-Interaction ul.sub-menu {
  414.     border: 1px solid #aaa;
  415.     display: none;
  416.     background: #fff;
  417.     position: absolute;
  418.     padding: 1px;
  419.     width: 200px;
  420.     margin-left: 195px;
  421.     margin-top: -25px;
  422.     z-index: 100;
  423. }
  424. /* Only the first */
  425. #p-Interaction > div > ul > li > ul.sub-menu {
  426.     margin-left: 16em;
  427. }
  428.  
  429. .sub-menu li {
  430.     font-size: 13px !important;
  431. }
  432. /*** End Monobook Sidebar ***/
  433.     pre { overflow: auto; }
  434.  
  435.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement