Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Sep 7th, 2012  |  syntax: None  |  size: 7.35 KB  |  hits: 20  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* =SharePoint Experts, Inc. - CSS for updating the SharePoint web part look and feel.
  2. -Copyright 2010-2012 SharePoint Experts, Inc. and Heather Solomon. Distributed to class students for reference and educational purposes. Code may be used as long as this copyright message stays intact.
  3. -sharepointexperience.com
  4. */
  5.  
  6.  
  7.  
  8. /* ---------- Web Part Container ----------*/
  9.     /* Set background color */
  10.         .s4-wpcell .s4-wpTopTable {
  11.             background: #3D3C3C;
  12.             /* CSS3 */
  13.             -webkit-border-radius:20px;
  14.             -moz-border-radius:20px;
  15.             border-radius: 20px;
  16.         }
  17.  
  18.     /* Add padding around table */
  19.         .s4-wpcell table.s4-wpTopTable > tbody > tr > td {
  20.             padding: 10px;
  21.         }
  22.  
  23.    
  24. /* ---------- Web Part Title Bar ----------*/
  25.     /* Remove web part header background */
  26.         .ms-WPHeader {
  27.             background: transparent;
  28.         }
  29.  
  30.     /* Alter web part header text */
  31.         .ms-WPTitle a, .ms-WPTitle a:visited {
  32.             color: white;
  33.             text-transform: lowercase;
  34.             letter-spacing: 2px;
  35.             font-size: 18px;
  36.             font-family: "Tahoma";
  37.             /* CSS3 */
  38.             text-shadow: #000 0px 0px 7px; /*X,Y,blur*/
  39.         }
  40.         .ms-WPTitle a:hover,
  41.         .ms-WPTitle a:focus {
  42.             color: #fff;
  43.             text-decoration: none;
  44.             /* CSS3 */
  45.             text-shadow: #000 0px 0px 7px; /*X,Y,blur*/
  46.         }
  47.  
  48.     /* Remove bottom border */
  49.         .ms-WPHeader td {
  50.             border-bottom: 1px solid transparent;
  51.         }
  52.  
  53.     /* Remove bottom border on hover */
  54.         .s4-wpcell:hover .ms-WPHeader td,
  55.         .s4-wpcell:focus .ms-WPHeader td,
  56.         .s4-wpActive .ms-WPHeader td,
  57.         .s4-wpcell .ms-WPSelected .ms-WPHeader td {
  58.             border-bottom: 1px solid transparent;
  59.         }
  60.  
  61.     /* Hide default arrow image */
  62.         img.ms-WPHeaderMenuImg {
  63.             display: none;
  64.         }
  65.  
  66.     /* Place new arrow */
  67. a[class^="ms-wpselectlink"] /*Caret attribute selector is used to catch the arrow in it's various states. The classes start with this identifier. */    {
  68.             background: url(http://classcdn.sharepointexperience.com/images/navigate_down.png);
  69.             display: block;
  70.             width: 24px;
  71.             height: 24px;
  72.             margin-right: 20px;
  73.         }
  74.  
  75.     /* Remove default hover effect on arrow container */
  76.         .ms-WPHeaderTdMenu:hover {
  77.             background: none repeat-x scroll left top transparent;
  78.             border: 1px solid transparent;
  79.         }
  80.  
  81.  
  82. /* ---------- Data Table Overall ----------*/
  83.     /* Set background for every row */
  84.         .ms-listviewtable > tbody > tr {
  85.             background: white;
  86.         }
  87.  
  88.     /* Set background for every alternating row */
  89.         .ms-listviewtable > tbody > tr.ms-alternating {
  90.             background: #E2E3E5;
  91.         }
  92.  
  93.     /* Set style for every data cell */
  94.         table.ms-listviewtable > tbody > tr > td {
  95.             border-bottom-color: #A0A0A0;
  96.             border-right-color: #A0A0A0;
  97.             border-width: 0px 1px 1px 0px;
  98.             border-style: solid;
  99.             padding: 8px 12px;
  100.         }
  101.  
  102.     /* Adjust padding for ms-vb2 to match every data cell style */
  103.         table.ms-listviewtable > tbody > tr > td.ms-vb2 {
  104.             padding: 8px 12px;
  105.         }
  106.  
  107.     /* Set style of title cell in first column */
  108.         .ms-listviewtable > tbody > tr > td.ms-vb-title {
  109.             background: #4073B9;
  110.             border-top-color: #BBCDE6;
  111.             border-left-color: #BBCDE6;
  112.             border-bottom-color: #1A3665;
  113.             border-right-color: #1A3665;
  114.             border-style: solid;
  115.             border-width: 1px;
  116.             background-image: url(http://classcdn.sharepointexperience.com/images/gradbar.png);
  117.             background-repeat: repeat-x;
  118.             background-position: 0px -8px;
  119.         }
  120.         .ms-listviewtable > tbody > tr > td.ms-vb-title a {
  121.             color: white;
  122.             font-size: 12px;
  123.         }
  124.  
  125.     /* Change default data text color */
  126.         .ms-vb2 {
  127.             color: black;
  128.         }
  129.  
  130.  
  131. /* ---------- Table Header Row ----------*/
  132.  
  133.     /* Remove background set in general data table style */
  134.         .ms-listviewtable tr.ms-viewheadertr {
  135.             background: transparent;
  136.         }
  137.  
  138.     /* Adds background and borders */
  139.         tr.ms-viewheadertr > th.ms-vh,
  140.         tr.ms-viewheadertr > th.ms-vh2 {
  141.             border-top-color: white;
  142.             border-left-color: white;
  143.             border-bottom-color: #A0A0A0;
  144.             border-right-color: #A0A0A0;
  145.             border-style: solid;
  146.             border-width: 1px;
  147.             background: #B9BFBD;
  148.             padding-left: 5px;
  149.             background-image: url(http://classcdn.sharepointexperience.com/images/gradbar.png);
  150.             background-repeat: repeat-x;
  151.         }
  152.  
  153.     /* Modify font color */
  154.         .ms-viewheadertr a,
  155.         .ms-viewheadertr div {
  156.             color: #3D3C3C;
  157.             font-weight: bold;
  158.             font-size: 12px;
  159.         }
  160.  
  161.     /* Remove background treatment from first column header using CSS3 pseudo-class */
  162.         tr.ms-viewheadertr > th.ms-vh2:first-of-type {
  163.             background-color: transparent;
  164.             background-image: none;
  165.             border-left-color: transparent;
  166.             border-right-color: transparent;
  167.             border-top-color: transparent;
  168.             border-bottom-color: transparent;
  169.         }
  170.    
  171.     /* Change font color for first column header text using CSS3 pseudo-class*/
  172.         tr.ms-viewheadertr > th.ms-vh2:first-of-type a {
  173.             color: white;
  174.             text-transform: lowercase;
  175.             letter-spacing: 2px;
  176.             font-size: 16px;
  177.             font-family: "Tahoma";
  178.             text-shadow: #000 0px 0px 7px; /*X,Y,blur*/
  179.         }
  180.  
  181.  
  182. /* ---------- Table Footer ----------*/
  183.  
  184.     /* Change color of parting line between data and footer */
  185.         .ms-partline {
  186.             border-bottom: 1px solid transparent;
  187.             height: 3px;
  188.         }
  189.  
  190.     /* Hide default icon */
  191.         td.ms-addnew span.s4-clust {
  192.             display: none !important; /* Need !important to override inline style */
  193.         }
  194.  
  195.     /* Create button for add new action link */
  196.         a.ms-addnew {
  197.             display: block;
  198.             background: #B9BFBD;
  199.             background-image: url(http://classcdn.sharepointexperience.com/images/gradbar.png);
  200.             background-repeat: repeat-x;
  201.             padding: 7px;
  202.             width: 130px;
  203.             text-align: center;
  204.             text-transform: lowercase;
  205.             font-size: 12px;
  206.             font-family: "Tahoma";
  207.             color: black;
  208.             font-weight: bold;
  209.             /* CSS3 */
  210.             text-shadow: #fff 0px 0px 7px; /*X,Y,blur*/
  211.             -webkit-border-radius: 5px;
  212.             -moz-border-radius: 5px;
  213.             border-radius: 5px;
  214.             webkit-box-shadow: 0px 0px 7px #000;
  215.             -moz-box-shadow: 0px 0px 7px #000;
  216.             box-shadow:  0px 0px 7px #000; /*X,Y,blur*/
  217.         }
  218.         a.ms-addnew:hover,
  219.         a.ms-addnew:focus   {
  220.             text-decoration: none;
  221.             background: white;
  222.         }
  223.  
  224.        
  225.  
  226. /*
  227. SharePoint Experts, Inc.
  228. sharepointexperience.com
  229. */
create a new version of this paste RAW Paste Data