Indeed.com: Design like Stepstone

This script changes the old-fashioned indeed.com design to the modern Stepstone.com design.

目前为 2016-07-13 提交的版本。查看 最新版本

// ==UserScript==
// @name           Indeed.com: Design like Stepstone
// @namespace      localhost
// @description    This script changes the old-fashioned indeed.com design to the modern Stepstone.com design.

// @include        *.indeed.com/*
// @include        *.indeed.co.uk/*
// @include        *.indeed.*/*
// @include  	   *proxy-us.hide.me/*
// @run-at         document-end

// @author         lukie80
// @copyright      Creative Commons Attribution-ShareAlike 3.0 Unported (CC-BY-SA 3.0)
// @license        http://creativecommons.org/licenses/by-sa/3.0/
// @version        1.0
// @lastupdated    2016.06.15
// 
// ==/UserScript==
//-------------------------------------------------------------------------------------------------------------------

//source: http://stackoverflow.com/a/9496574 - not needed for script, just here for educational purposes
function getAllElementsWithAttribute(attribute)
{
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++)
  {
    if (allElements[i].getAttribute(attribute) !== null)
    {
      // Element exists with attribute. Add to array.
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}

//source: http://stackoverflow.com/a/4275177 - needed
function getElementsStartsWithId( id ) {
  var children = document.body.getElementsByTagName('*');
  var elements = [], child;
  for (var i = 0, length = children.length; i < length; i++) {
    child = children[i];
    if (child.id.substr(0, id.length) == id)
      elements.push(child);
  }
  return elements;
}

var badDivs = getElementsStartsWithId("pj_");
var goodDivs = getElementsStartsWithId("p_");

for (var i = 0; i < goodDivs.length; i++){
  if (i % 2 == 0){
    goodDivs[i].style.background = '#f9fbfd';//#F8F8F8
  } else {
    goodDivs[i].style.background = '#FFFFFF';//#F8F8F8
  }
  goodDivs[i].style.border = 'thin solid #d4e4f2'; //e7f0f8
  goodDivs[i].style.margin = "-1px -1px -1px -1px";
  //goodDivs[i].style.borderRadius = '6px';
}
for (var i = 0; i < badDivs.length; i++){
  badDivs[i].style.background = '#fdf9fd';//#fff5ff
  badDivs[i].style.border = 'thin solid #f7e6f7';
  badDivs[i].style.margin = "-1px -1px -1px -1px";
  //badDivs[i].remove(); 
  //this can remove the sponsored jobs but this is not suggested 
  //because they are not qualitative spam. However they are 
  //quantitative spam.
}

//content
document.getElementsByTagName("h1")[0].textContent = "Search: " + document.getElementsByTagName("h1")[0].textContent;

//colors, borders , fonts
var allTemps = document.getElementsByTagName("div");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.fontFamily = 'Trebuchet ms';
}
var allTemps = document.getElementsByTagName("a");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = '#0C2577';
}
var allTemps = document.getElementsByTagName("td");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = '#0C2577';
}
var allTemps = document.getElementsByClassName("company");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = '#1260cf';
  //allTemps[i].style.fontFamily = 'Trebuchet ms';
}
var allTemps = document.getElementsByClassName("location");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = '#1260cf';
  //allTemps[i].style.fontFamily = 'Trebuchet ms';
}
var allTemps = document.getElementsByClassName("summary");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = '#666';
  //allTemps[i].style.fontFamily = 'Trebuchet ms';
}
var allTemps = document.getElementsByClassName("inwrap");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.borderRight = 'none';
  allTemps[i].style.borderBottom = 'none';
}
var allTemps = document.getElementsByClassName("input_text");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.border = "thin solid #d4e4f2";
  allTemps[i].style.fontFamily = 'Trebuchet ms';
}
var allTemps = document.getElementsByClassName("new");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = "#1260cf";
}
var allTemps = document.getElementsByClassName("nji recDecoration");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = "#1260cf";
}
var allTemps = document.getElementsByClassName("nji");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = "#1260cf";
}
var allTemps = document.getElementsByClassName("more_link");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = "#1260cf";
}
var allTemps = document.getElementsByClassName("iaLabel");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = "#1260cf";
}
var allTemps = document.getElementsByClassName("result-link-source");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = "#0C2577";
}
var allTemps = document.getElementsByClassName("date");
for (var i = 0; i < allTemps.length; i++) {
  allTemps[i].style.color = "#0C2577";
}

//top stuff
document.getElementById('what_label_top').style.color = "#1260cf";
document.getElementById('what_label_top').style.fontFamily = 'Trebuchet ms';
document.getElementById('what_label').style.fontFamily = 'Trebuchet ms';
document.getElementById('where_label_top').style.color = "#1260cf";
document.getElementById('where_label_top').style.fontFamily = 'Trebuchet ms';
document.getElementById('where_label').style.fontFamily = 'Trebuchet ms';
document.getElementById('g_nav').style.background = "#FFFFFF";
document.getElementById('g_nav').style.borderBottom = "thin solid #d4e4f2";
document.getElementById('p_nav').style.background = "#FFFFFF";
document.getElementById('p_nav').style.border = 'none';
document.getElementsByClassName("input_submit")[0].style.fontFamily = 'Trebuchet ms';
document.getElementsByClassName("inwrapBorder")[0].style.border = 'none';
document.getElementsByClassName("inwrapBorder")[0].style.border = 'thin solid #d4e4f2';

//geometry
document.getElementsByTagName("BODY")[0].style.background = "linear-gradient(#EFF5FA 0px, #EFF5FA 35px,#FFFFFF 205px)";
document.getElementsByClassName("lnav")[0].cellSpacing = "10px";
document.getElementById('pageContent').cellSpacing = "10px";

//left column
document.getElementById('refineresults').style.background = '#eff5fa';
document.getElementById('refineresults').style.border = 'thin solid #d4e4f2';
document.getElementById('refineresults').style.borderRadius = '6px'
document.getElementById('refineresults').style.paddingTop = '17px'
//document.getElementById('refineresults').style.paddingLeft = '6px'
//document.getElementById('refineresults').style.width = '266px'

//center column
document.getElementById('resultsCol').style.border = 'thin solid #d4e4f2';
document.getElementById('resultsCol').style.borderRadius = '6px'
document.getElementById('resultsCol').style.backgroundColor = '#eff5fa';

//right column
document.getElementById('auxCol').style.border = 'thin solid #d4e4f2';
document.getElementById('auxCol').style.borderRadius = '6px'
document.getElementById('auxCol').style.backgroundColor = '#eff5fa';
document.getElementById('femp_list').style.paddingRight = '10px';
document.getElementsByClassName('femp_item')[0].style.border = 'thin solid #d4e4f2';
document.getElementsByClassName('femp_item')[0].style.borderRadius = '6px'
document.getElementsByClassName('femp_item')[0].style.backgroundColor = '#ffffff'
//
//

//-------------------------------------------------------------------------------------------------------------------