StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
20102839
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-11-20T17:31:37.193
FavoriteCount
0
LastActivityDate
2013-11-20T17:31:37.193
LastEditDate
LastEditorUserId
0
OwnerUserId
2065702
ParentId
20101729
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
As other's have said, in order to change the <code>body</code> when an element is clicked, you'd need to have a parent selector. Since CSS has no parent selector capability, you will have to use a little javascript <pre><code>// Set onclick function for the element you want document.getElementById('changeBG').onmouseover = function() { document.body.style.animation = "myfirst 0.01s 500"; //Give the body the anim // The above could also be done by adding a class with the animation // properties on click }; </code></pre> <a href="http://jsfiddle.net/g9Ss6/1/" rel="nofollow">Demo here</a> However, if you only want the background to flash when the link is hovered and to stop otherwise, you could do it in pure CSS using another HTML element (a kind of fake <code>body</code>). It requires that the fake-body element follow the link in the document flow like so <pre><code><a id='changeBG' href='#'>Change background</a> <div id='cover'></div> </code></pre> and the CSS for that fake-body element <pre><code>#cover { position:absolute; /* Don't affect other elements */ top:0; left:0; /* Fill up the entire viewport */ width:100%; height:100%; z-index:-1; /* Be placed behind all other elements */ } </code></pre> You would then use a sibling selector (I use <code>+</code> which is the directly following sibling) and <code>:hover</code> to give the animation to the fake-body <pre><code>#changeBG:hover + #cover { -webkit-animation: myfirst 0.01s 500; animation: myfirst 0.01s 500; } </code></pre> <a href="http://jsfiddle.net/g9Ss6/4/" rel="nofollow">Demo of that approach</a>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow to Triger a css animation for a y element from a a trigger x
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USZach Saucier
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POHow to Triger a css animation for a y element from a a trigger x
 singulars
 PostTypePostTypeId
 PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTAcceptedByOriginator
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.