Question: I have read [this](http://entityframework.codeplex.com/wikipage?title=Custom%20Conventions) documentation about convention in Entity Framework 6. But it does not contain convention for Relationship. 

Suppose I have following model:

```
[TablePrefix("mst")]
public class Guru
{
    public int Id { get; set; }

    public int? IdKotaLahir { get; set; }

    public virtual Kota KotaLahir { get; set; }
}

```

I want property `IdKotaLahir` to be foreign key of navigation property `KotaLahir`.
Foreign key name is `"Id"+<NavigationPropertyName>`.
Is it possible using current version of entity framework (EF 6 alpha 3)?

Answer: 
Not sure if I understand what you are going for... but would using :after work?

```
.card {
    position: relative;
}
.card:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: black;
}
.card:hover:after {
    display: none;
}

```

Example: <http://jsfiddle.net/29TCZ/>

You could replace :hover with a class and toggle it as required.
As Manish said, you cannot change the appearance of the div without changing the CSS property - but there are several hacky ways of doing the same thing. One example is to create a child div in each of the coloured squares that covers the entire area and then set the colour of that div to grey. You can then use the CSS display property to show and hide the overlay divs.

However, I would recommend having a copy of the colours in JavaScript and just referring to the value associated with each square when it is clicked instead of checking the DOM every time as this keeps the logic separate from the appearance :)