PlurkError451.css

/*--------
如果您想加入 Plurk Error 451 訊息的顯示，
請將下面的 CSS 設定貼到您 http://www.plurk.com/Settings/show?page=theme 頁面的自訂佈景文字方塊尾端
並且完成 https://gist.github.com/Grassboy/5701743 的個人檔案設定即可~
----------*/
body:not(oldIE) #dash-additional-info {
display : inline-block;
width: 805px;
height: 445px;
position: fixed;
left: 50%;
top: 50%;
margin-left: -402.5px;
margin-top: -222.5px;
background: white;
border-radius: 5px;
z-index: 214748366;
text-shadow: none;
font-family: 微軟正黑體, Microsoft JhengHei, MingLiU, sans-serif;
}
body:not(oldIE) #dash-profile:target ~ #dash-additional-info {
display : none;
}
body:not(oldIE) #dash-additional-info:before {
content : '本網頁基於國家法律而封鎖';
color: brown;
font-size: 30px;
font-weight: bolder;
position: absolute;
left: 42px;
top: 36px;
background: url(http://icons.iconarchive.com/icons/deleket/soft-scraps/32/Button-Warning-icon.png) left top no-repeat;
padding: 0 0 0 42px;
display : inline-block;
height: 48px;
line-height: 36px;
}
body:not(oldIE) #dash-additional-info:after {
content : 'ERROR 451';
color: black;
font-size: 24px;
font-weight: bolder;
position: absolute;
left: 42px;
top: 108px;
}

body:not(oldIE) #about_me:before {
content : '為何看到這個畫面？';
color: black;
position: absolute;
top: 9.2em;
font-size: 16px;
line-height: 1.25em;
padding: 0 2.75em;
}

body:not(oldIE) #about_me:after {
content : '針對中華民國經濟部智慧財產局（以下簡稱智財局）日前發布新聞稿，稱將研議相關法案，針對境外重大侵權網站，擬建立快速處置措施，令網路服務提供者（ISP）予以封鎖乙事，本網站表示強烈反對。並呼籲政府相關單位停止討論任何類似美國SOPA的法案，以維護資訊流通與祕密通訊自由。如果我們不積極爭取，有一天，可能將會真的看到類似如此的 ERROR 451 錯誤。';
color: black;
display : block;
white-space: pre-wrap;
word-wrap: break-word;
position: absolute;
top: 11.6em;
font-size: 16px;
line-height: 1.25em;
padding: 0 2.75em;
}

body:not(oldIE) #dash-profile:after {
content : ' ';
display : inline-block;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
background: black;
z-index: 214748364;
}

body:not(oldIE) #dash-profile:target:after {
display : none;
}

body:not(oldIE) #relationship_container, body:not(oldIE) #about_me {
color: transparent;
}
body:not(oldIE) #relationship_container *, body:not(oldIE) #about_me * {
color: transparent;
}

body:not(oldIE) #about_me a[href='http://tinyurl.com/lpdheoe'] {
color: purple;
font-size: 16px;
left: 2.75em;
line-height: 2em;
position: absolute;
text-decoration: none;
top: 18em;
}
body:not(oldIE) #about_me a[href='http://tinyurl.com/lpdheoe']:before {
content : '更多訊息請閱讀：';
color: black;
}
body:not(oldIE) #about_me a[href='http://tinyurl.com/lpdheoe']:after {
content : ' 斷然反對鎖國！堅決主張百分之百的網路自由！！';
display : inline-block;
}
body:not(oldIE) #about_me a[href='http://tinyurl.com/lpdheoe']:hover {
color: blue;
}

body:not(oldIE) #about_me a[href='https://www.google.com/takeaction/'] {
text-align: right;
display : block;
text-decoration: none;
font-size: 16px;
line-height: 1.25em;
position: absolute;
bottom: 4em;
right: 1em;
color: purple;
}
body:not(oldIE) #about_me a[href='https://www.google.com/takeaction/']:before {
display : block;
content : '自由開放的世界仰賴自由開放的網絡';
white-space: pre-wrap;
word-wrap: break-word;
color: gray;
text-decoration: none;
}
body:not(oldIE) #about_me a[href='https://www.google.com/takeaction/']:hover {
color: blue;
}

body:not(oldIE) #about_me a[href*="#dash-profile"] {
display : inline-block;
width: 150px;
height: 36px;
background: gray;
text-decoration: none;
position: absolute;
font-size: 16px;
left: 50%;
bottom: 2em;
margin-left: -75px;
margin-bottom: -12px;
color: transparent;
border-radius: 5px;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc0000), color-stop(100%, #330000));
background-image: -webkit-linear-gradient(top, #cc0000, #330000);
background-image: -moz-linear-gradient(top, #cc0000, #330000);
background-image: -o-linear-gradient(top, #cc0000, #330000);
background-image: linear-gradient(top, #cc0000, #330000);
border: 1px solid gray;
}
body:not(oldIE) #about_me a[href*="#dash-profile"]:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #990000), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top, #990000, #000000);
background-image: -moz-linear-gradient(top, #990000, #000000);
background-image: -o-linear-gradient(top, #990000, #000000);
background-image: linear-gradient(top, #990000, #000000);
}
body:not(oldIE) #about_me a[href*="#dash-profile"]:after {
display : inline-block;
position: absolute;
width: 150px;
height: 36px;
left: 0px;
top: 0px;
text-align: center;
line-height: 36px;
content : '繼續進入本網站';
color: #FFF;
text-shadow: 0 -1px 0 black;
}