Created
June 3, 2013 21:53
-
-
Save Grassboy/5701780 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*-------- | |
如果您想加入 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; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment