Election law changes? Our legislation tracker’s got you. Check it out!

Main Page: Difference between revisions

From Ballotpedia
Jump to: navigation, search
(Undid 1/17 revision at request of David B. - Joel W.)
No edit summary
 
Line 1: Line 1:
<html><div class="bp-layout-column-1">
{{#setmainimage:File:Filling_out_a_ballot.jpeg}}
<metadesc>Ballotpedia is the digital encyclopedia of American politics and elections. Our goal is to inform people about politics by providing accurate and objective information about politics at all levels of government.</metadesc>
<div class="Main-Page-Container container"><SkiplistFrontpage /></div>
<css>
.top-stories {box-shadow:none;}
.list-group li { margin-bottom:15px!important;font-weight:400;  }
.item-link {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border:solid transparent 2px;
}
#trending-articles-headline {
  margin-left:10px;
}


<div class="wrap">
#headline {
  margin-top:5px;
}
.Main-Page-Promo{
margin-top:25px;
margin-left:25px;
margin-right-25px;


<!-- Define all of the tiles: -->


  <div class="box">
}
    <div class="boxInner">
.Main-Page-Trivia {
        <a href="</html>{{Front page feature|link}}<html>">
margin-top:10px;
          <img src="</html>{{Front page feature|image}}<html>" />
margin-left:25px;
        </a>
margin-right-25px;
      <div class="titleBox">  <a href="</html>{{Front page feature|link}}<html>"></html>{{Front page feature|link text}}<html></a></div>
    </div>
}
  </div>
div.Main-Page-More-Columns.more-column { margin:left 20px auto; margin-top:0!important; float:left; }
.Main-Page-Container .Main-Page-More-Header { margin:20px auto; }
#main-sidebar-right { margin-top:2px;}
.main-story-link { border-left:2px solid #CCC!important; }
.main-story-link:first-child { border-left:0!important; }
#top-story { border-bottom:2px solid #CCC; margin-bottom:16px; }
.Main-Page-Tile-Title a { font-weight:bold!important; font-size:150%!important; color:#000!important; }
.Main-Page-Tile-Title a:hover { text-decoration:none!important; }
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { margin: 0.3em 0 0 0.3em; }


<div class="box"><div class="boxInner"><div class="titleBox" style="color: white; font-weight: bold;">Read the </html>{{#time: M. j | {{#dpl:|categorymatch = You're Hired - %2017|ordermethod=firstedit|namespace=|order=descending|count=1|include={TrumpTransitionNews2017}:date|format=,}}}}<html> update</div></html>[[File:Hired-square.png|250px|link={{#dpl:|categorymatch = You're Hired - %2016{{!}}You're Hired - %2017|ordermethod=firstedit|namespace=|order=descending|count=1|format=,%PAGE%}}]]<html></div></div>
/* newsletter */
.Main-Page-Tile.medium.newsletter {box-shadow:  3px 3px 5px 1px #ccc; -webkit-box-shadow: 3px 3px 5px 1px #ccc;
  -moz-box-shadow: 3px 3px 5px 1px #ccc; }
div.Main-Page-Tile medium newsletter {height:100px!important; }
div.newsletter-title { margin-left:100px;padding:20px; }
div.newsletter-date { height:100px;width:100px;margin:0.5em auto;color:white;float:left;text-align:center;font-size:120%;line-height:1.7em;padding-top:15px;opacity:.85 }
div.Main-Page-Newsletter-Columns.newsletter-column {margin-top:0!important; }
div.Main-Page-Newsletter-Columns.newsletter-column a:hover { text-decoration:none!important; }
@media screen and (min-width:540px) {
    div.Main-Page-More-Columns.more-column { clear:none!important; }
}
div.newsletter-row { margin-bottom:-30px; }
 
#siteNotice {
  display: none;
}
</css>


<div style="clear:both;"></div>
<html>
<div id="state-box-container">
<script>
<div id="state-box-gradient"></div>
<img style="height:100%; width:100%;"  src="https://ballotpedia.org/wiki/images/3/3b/BP-homepage-banner.jpg" />
<div id="state-box">Explore election results by state
</html>


<div id="bp-map-container"><BPmap url="http://ballotpedia.org/STATE_elections,_2016" format="dropdown"></BPmap></div>
(window.RLQ=window.RLQ||[]).push(function(){
  $( document ).ready(function() {
  $('#8').addClass('col-md-8');
  $('#8').removeClass('col-sm-8');
  //$('#8').css('padding-right', '50px');
  $('#4').addClass('col-md-4');
  $('#4').removeClass('col-sm-4');


<html>
</div>
</div>


</div>


</div>


<div class="bp-layout-column-2">
  $('#8 .container-fluid:nth-child(1) .url-class:nth-child(2) ').prependTo('#8 .container-fluid:nth-child(1) .item-link');
  $('#8 .container-fluid:nth-child(1) .item-link').css('padding-top', '0');


<p style="padding:2%;">Ballotpedia, the Encyclopedia of American Politics, contains over one quarter of a million encyclopedic articles on local, state, and federal politics and public policy. Our nonpartisan, nonprofit organization has compiled this information over the last 10 years. <a href="https://ballotpedia.org/Ballotpedia:About" target="_blank">Learn more...</a></p>
// Move SB to top of page
//$('#two-column-links').prependTo('#8');


<div id="elections-box-container">
$('#12-more-from .headline-class span').remove();
<div id="elections-box">


<h3 style="text-align:center;">Editor's Picks</h3>
<div class="list-link"><a href="https://ballotpedia.org/The_Trump_administration_on_environmental_regulations">The Trump administration on environmental regulations</a></div>
<div class="list-link"><a href="https://ballotpedia.org/Verbatim_fact_check:_Was_Van_Jones_correct_in_calling_the_2016_election_a_%22white-lash%22%3F">Was Van Jones correct in calling the 2016 election a "white-lash"?</a></div>
<div class="list-link"><a href="https://ballotpedia.org/Financial_regulation_in_Alabama">Financial regulation in Alabama</a></div>
<div class="list-link"><a href="https://ballotpedia.org/Wisconsin_judicial_elections,_2017">Wisconsin judicial elections, 2017</a></div>
<div class="list-link"><a href="https://ballotpedia.org/Preemption_conflicts_between_state_and_local_governments">Preemption conflicts between state and local governments</a>
</div>
</div>
</div>


</div>
$('#12-more-from .headline-class').append("<p style='padding-left: 6px'><span style='font-weight: 700; font-size: 28px; color: #0645AD'>EXPLORE MORE </span> <span style='font-weight: 400; font-size: 28px; color: #F0A236'>ON BALLOTPEDIA</span></p>");


<div class="bp-layout-clear"></div>
    // Remove after dev
</html>
    $('#firstHeading').hide();


{{Tap portal promo}}
});
});


<css>
</script>
<style>
@media screen and (min-width: 1190px), print and (min-width: 1190px){
#contentwrapper {
    width: calc(100% - 200px) !important;
    max-width: calc(100% - 200px) !important;
    left: 100px;
}
}


.bp-column-frontpage-2 { float:none; width:100%; clear:both; max-width: 372px; }
@media screen and (min-width: 992px) {
[id="8"] {
  padding-right: 50px;
}
}


#state-box-container {  
.title-large-class {
  background-color:#334aab;
    color: #333;
  color:white;
    font-size: 32px;
  margin:10px;  
    font-weight: 600;
  text-align:center;
    font-family: 'Libre Franklin', Helvetica, Arial, sans-serif;
  height:144px;
    line-height: 1.2em;
    padding-bottom: 0;
}
}


#state-box-gradient {
.item-link {
    position: absolute;
  padding-top: 0;
    background-color: rgba(56,78,161, 0.8);
    z-index: 1;
    width: 520px;
    height: 144px;
}
}


#state-box {
.title-large-image {
    text-align:center;
  border: 1px solid #908B8B;
    font-size:120%;
    font-weight:bold;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    top: -108px;
    z-index: 2;
}
}


#elections-box-container { margin:2%;}
.title-image {
    margin-bottom: 10px;
    border: 1px solid #908B8B;
}
.title-class {
  font-weight: 500;
}


#elections-box { margin-top:10px;margin-bottom:20px;}
[id="4-1-main-story-link"], [id="4-2-main-story-link"], [id="4-3-main-story-link"] {
  margin-bottom: 15px;
}


#elections-box a { font-size:15px;font-weight:bold; }
.small-signup-container, .trending-articles-container, #FrontPageRSS, #FrontPageUpcomingElections, .our-mission-container { width: 300px; }


.election-block-text a { color: rgba(255,255,255,0.8);text-decoration:underline; }


#bp-map-container select {
@media screen and (max-width: 991px) {
    font-size:13px;
.small-signup-container, .trending-articles-container, #FrontPageRSS, #FrontPageUpcomingElections, .our-mission-container { width: auto; }
    height:38px;
 
    background:#f8f8f8 ;
.trending-articles-container { text-align: center; }
    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
.socials-container {justify-content: center;}
    -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
.video-of-the-week-container, .poll-container-2 { margin-right: auto; margin-left: auto;}
    box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
    margin-bottom:15px;
    width: auto;
}


.body {
  margin: 0;
  padding: 0;
  background: #EEE;
  font: 10px/13px 'Lucida Sans',sans-serif;
}
}


.wrap {
@media screen and (max-width: 767px) {
  overflow: hidden;
.small-signup-container, .trending-articles-container, #FrontPageRSS, #FrontPageUpcomingElections, .our-mission-container { width: auto; }
  margin-top: 10px;
 
  width:90%;
.trending-articles-container { text-align: center; }
  margin-left:auto;
.two-links-container { text-align: center }
  margin-right:auto;
 
.title-large-class { font-size: 28px }
 
.border-left { border: 1px solid white;}
 
}
}


.box {
#FrontPageRSS, .our-mission-container, #FrontPageUpcomingElections {
  float: left;
  margin-top: 40px;
  position: relative;
  width: 50%;
  padding-bottom: 50%;
}
}
.boxInner {
 
  position: absolute;
[id="12-more-from"] {
  left: 10px;
  margin-top: 40px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  overflow: hidden;
  background-color: #334aab;
  font-size:120%;
  cursor: pointer;
}
}
.boxInner img {
 
  width:100%;
#FrontPageUpcomingElections {
  margin-top: 25px;
  border-left: 5px solid #0645AD;
}
}
.boxInner .titleBox {
 
  position: absolute;
 
  left: 0;
#FrontPageUpcomingElections button {
  right: 0;
    background: #0645AD;
  top: 0;
    border-radius: 4px;
  margin-bottom: -2px;
    font-weight: 600;
  background: #000;
    text-decoration: none;
  background: #334aab;
    padding: 4px;
  padding: 3px;
    font-size: 12px;
  text-align: center;
    text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
    width: 100%;
  -moz-transition: all 0.3s ease-out;
    border: none !important;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
}


.titleBox a {
#FrontPageUpcomingElections .election-description {
  color:white;
    font-size: 14px;
  font-weight:bold;
}
}


.boxInner a {
#FrontPageUpcomingElections table  {
  color:white;
    padding-top: 10px;
}
}


.box:hover {
[id="12-more-from"] div.headline-class {
     background:#f0a236;
     background: none;
     z-index: 100;
    text-align: left;
     transform: scale(1, 1);
    margin-top: 10px;
     text-transform: uppercase;
    vertical-align: middle;
    padding: 5px 10px;
    margin: 5px 0px 5px 0px;
    min-width: 175px;
    width: 100% !important;
     line-height: 1.2em;
    margin-bottom: 0;
    padding-bottom: 0;
}
}


.list-link {
[id="12-more-from"] .caption-class {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  margin-bottom: 0 !important;
    padding:2%;
    margin:6px;
    border:2px solid white;
    background-color:white;
}
}


.list-link a { text-decoration:none;color:#f0a236; }
[id="12-more-from"] .item-link {
 
  margin-bottom: 10px !important;
.list-link:hover { border:2px solid #f0a236; background-color:#f4f4f4;}
}


body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
</style>
  margin-bottom: 10;
}


@media only screen and (max-width : 480px) {
<script>
.box {width: 100%;padding-bottom: 100%;height: 152px;}
$(".url-class").on('click', function(event){
#state-box-container img { display: none; }
    let hrefURL = $(this).attr('href');
#state-box-gradient {width: 76%;height: 102px;}
    if (hrefURL.includes('Buy_Political_Data')) {
#state-box-container {height: 102px;}
ga('send', 'event', 'Data Sales', 'Data Sales Frontpage Tile Click');
#state-box {top: -0;}
      }
.toggle-button { width:80%!important;padding:10px!important; margin-left: 5%; text-align: center; }
});
.toggle-map { width:100%!important; }
</script>
.toggle-button-wrapper {  width:100%!important; float:left!important; margin-bottom:5%; }
.page-Main_Page .bp-layout-column-2 {max-width: 100%!important;}
}


@media only screen and (max-width : 992px) {
<script>
.page-Main_Page .bp-layout-column-2 {max-width: 200px;}
$('#4-1-main-story-link').on('click', '.url-class', function(event){
}
    let hrefURL = $(this).attr('href');
    const url = new URL(hrefURL);
    const path = url.pathname.substring(1);
ga('send', 'event', 'FPTileTracking', 'First tile click');
});
</script>


</css>
<script>
$(".url-class").on('click', function(event){
    let hrefURL = $(this).attr('href');
    const url = new URL(hrefURL);
    const path = url.pathname.substring(1);
    if (hrefURL.includes('Trivia')) {
ga('send', 'event', 'FPTracking', `${path}`);
      }
});
</script>


[[category:Ballotpedia]]
</html>
{{FrontPagePressRelease}}
[[Category:One-off pages, active]]

Latest revision as of 06:21, 14 January 2025


Introducing a new Ballotpedia project for America’s 250th anniversary — “The Blueprints of Democracy”

How Ballotpedia will celebrate America’s 250th Birthday, and introducing my new newsletter Civic Blueprints

Three new measures have been certified for this year’s statewide ballots

America's most trusted source for accurate election information

BALLOTPEDIA NEWSLETTERS
‎
OUR MISSION
Ballotpedia delivers unbiased information to educate and inspire American voters.
Header Image for Podcasts
Podcast 1 Image
How the Supreme Court’s Tariffs Case Could Redefine Presidential Power and Trade w/ The Brennan Center's Elizabeth Goitein
 Podcast 1 Image
Democratic Wave? 2025 Election Takeaways on Polling Misses, Redistricting, and What’s Next
 Podcast 1 Image
Prop 50, Explained — Inside California’s Redistricting Push w/ CalMatters Maya C. Miller
 Podcast 1 Image
Measuring the Potential Impact of Redistricting w/ Cook Political Report's Erin Covey
UPCOMING ELECTIONS
2/24Iowa local elections
2/24S.C., local elections
2/28Del. local elections
3/2Del. local elections
3/3North Carolina statewide primary election
‎


Retrieved from "https://ballotpedia.org/wiki/index.php?title=Main_Page&oldid=10210556"